*{box-sizing:border-box} :root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#222b40;background:#f5f6fa;font-size:16px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{outline-offset:4px}button{cursor:pointer;border:1px solid #dfe3ed;background:white;color:#364158;border-radius:9px;padding:10px 15px;font-size:14px;font-weight:550}button:hover{background:#edf0fa}button.primary{background:#435bcc;color:white;border-color:#435bcc}button.primary:hover{background:#3147b0}aside{width:238px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid #e4e7ef;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#28314b;font-size:26px;font-weight:650;letter-spacing:-1px;padding:0 8px}.brand b{background:#435bcc;color:white;border-radius:10px;width:35px;height:35px;text-align:center;line-height:31px}.brand span{font-size:12px;letter-spacing:1px;color:#8891a7;margin:8px 0 0}.workspace{font-size:12px;color:#9199a9;line-height:1.8;margin:35px 10px 24px}.workspace strong{font-size:13px;font-weight:500;color:#59647b}nav{display:grid;gap:7px}nav button{display:flex;gap:13px;text-align:left;border:0;padding:13px;font-size:17px;background:transparent}nav button span{font-size:14px}nav .active{color:#4057c7;background:#edf0ff}.side-bottom{margin-top:auto;padding:12px 6px}.side-bottom p{font-size:12px;color:#8790a4}.user{display:flex;gap:10px;align-items:center;margin-top:24px;font-size:12px}.user i,.avatar{background:#e8edff;color:#5263b5;border-radius:50%;display:grid;place-items:center;font-style:normal}.user i{width:32px;height:32px}small{display:block;color:#8590a2;font-size:12px;margin-top:7px}main{margin-left:238px}header{height:76px;border-bottom:1px solid #e4e7ef;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:13px;color:#9098a8;background:#fff}header b{color:#586277;font-weight:500}#app{padding:32px 38px;max-width:1550px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.eyebrow{font-size:11px!important;font-weight:650;letter-spacing:1.7px;color:#8490aa!important;margin:0 0 9px!important}h1{font-size:29px;letter-spacing:-.8px;margin:0}h2{font-size:21px;letter-spacing:-.5px;margin:13px 0}h3{font-size:16px;margin:0}p{color:#7c879c;font-size:14px;line-height:1.6}.page-title p{margin:9px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stats article,.panel{background:white;border:1px solid #e1e5ef;border-radius:13px;padding:23px}.stats article span{font-size:13px;color:#778298}.stats h2{font-size:28px;margin:14px 0 5px}.stats .balance{background:#edf1ff;border-color:#d6defc}.stats .balance h2{color:#4056c4}.badge{display:inline-block;padding:5px 9px;background:#eef2ff;color:#5a68a6;border-radius:6px;font-size:12px;white-space:nowrap}.green{background:#eaf6f0;color:#398367}.red{background:#fff0ed;color:#bb5e4a}.muted{color:#8390a6}.panel label{display:flex;justify-content:space-between;font-size:13px;color:#7b859b;margin:20px 0 9px}.panel label b{color:#56627d;font-weight:500}progress{height:5px;width:100%;border:0;border-radius:9px;background:#eef0f7;display:block;margin-bottom:20px}progress::-webkit-progress-bar{background:#eef0f7;border-radius:9px}progress::-webkit-progress-value{background:#7d8fe3;border-radius:9px}.toolbar,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar{margin:20px 0}.toolbar input{max-width:330px}.toolbar select,.toolbar input{width:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.client-card{max-width:490px}.card-head{display:flex;align-items:center;gap:13px;margin:18px 0}.avatar{width:47px;height:47px;font-weight:600;font-size:15px;flex-shrink:0}.avatar.large{width:88px;height:88px;font-size:26px;border-radius:16px;object-fit:cover}.card-head h2{font-size:19px;margin:0}.card-head p{margin:5px 0}.card-foot{border-top:1px solid #edf0f6;padding-top:16px;display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:25px;overflow-x:auto;border-bottom:1px solid #dde2ed;margin:0 0 25px}.tabs button{border:0;border-radius:0;white-space:nowrap;padding:15px 0;background:none;color:#7b869a}.tabs .active{color:#435bcc;border-bottom:2px solid #435bcc}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.stack{display:grid;gap:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.row{padding:14px 0;border-bottom:1px solid #edf0f5;display:flex;align-items:center;gap:12px;font-size:14px}.row:last-child{border:0}.row .grow{flex:1;min-width:0}.row input[type=checkbox]{width:18px;height:18px;accent-color:#536bd5;flex-shrink:0}.row.done .title{text-decoration:line-through;color:#95a0b1}.row small{font-size:12px}.row strong{font-size:14px}.empty{text-align:center;color:#8c96a7;padding:32px;font-size:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th{font-size:12px;text-align:left;color:#8993a5;font-weight:500;background:#f8f9fc}td,th{padding:15px 12px;border-bottom:1px solid #edf0f5}td small{font-size:11px}.in{color:#33856d}.out{color:#bb6654}.link{color:#4a60c3;cursor:pointer;background:none;border:0;padding:0;text-align:left}details{border-top:1px solid #edf0f5;padding-top:17px;margin-top:17px}summary{cursor:pointer;font-size:14px;font-weight:600}.note{background:#f4f6fc;padding:13px 15px;border-radius:8px;font-size:13px;color:#728098;line-height:1.6}.photo-row{display:flex;gap:20px;align-items:center}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px;font-size:13px;color:#66728b;margin:14px 0}.field.full{grid-column:1/-1}input,select,textarea{border:1px solid #dce2ec;border-radius:8px;padding:10px 12px;background:white;color:#303c53;width:100%;font-size:14px}textarea{min-height:90px}dialog{border:1px solid #e0e5ef;border-radius:16px;width:min(540px,calc(100% - 28px));padding:25px;box-shadow:0 22px 90px #202e4d30}dialog::backdrop{background:#1a254867;backdrop-filter:blur(3px)}dialog h2{margin-top:0}dialog .actions{justify-content:flex-end;margin-top:20px}.error{color:#b84444;font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#263756;color:#fff;padding:13px 20px;border-radius:10px;display:none;z-index:50;font-size:14px}.back{margin-bottom:18px}.task-group{margin-bottom:23px}.count{font-size:12px;background:#f0f2f8;border-radius:6px;padding:3px 7px;margin-left:6px}.history-date{width:125px;flex-shrink:0;color:#8390a5;font-size:12px}.status-select{width:auto;max-width:200px}.upload-link{text-decoration:none;color:#4c61c2;font-size:14px}.client-card .primary{font-size:13px}.balance-line{font-weight:600;color:#4c60bd;font-size:18px}.file-name{overflow-wrap:anywhere}
@media(max-width:1100px){aside{width:195px;padding:24px 12px}main{margin-left:195px}#app{padding:26px 23px}header{padding:0 23px}.stats{gap:10px}.stats article{padding:18px}.stats h2{font-size:24px}.columns{grid-template-columns:1fr}.workspace strong{font-size:11px}}
@media(max-width:700px){aside{inset:auto 0 0;width:auto;height:68px;padding:5px;z-index:20;border-top:1px solid #e0e4ed}.brand,.workspace,.side-bottom{display:none}nav{display:flex;justify-content:space-around;gap:0}nav button{display:grid;gap:2px;text-align:center;justify-items:center;padding:7px 9px}nav button span{font-size:10px}main{margin-left:0;padding-bottom:75px}header{height:55px;padding:0 18px;font-size:11px}header #today{display:none}#app{padding:23px 16px}.page-title{align-items:flex-start}.page-title>button{font-size:12px;padding:10px}h1{font-size:25px}.stats{grid-template-columns:1fr 1fr;margin-bottom:22px}.stats h2{font-size:24px}.stats article{padding:16px}.stats article span{font-size:12px}.panel{padding:18px}.tabs{gap:22px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.row{flex-wrap:wrap}.row .grow{min-width:150px}.history-date{width:auto}.toolbar input,.toolbar select{max-width:none;width:100%}.page-title p{font-size:12px}.grid{grid-template-columns:1fr}.card-foot{gap:10px}}
@media(min-width:701px){.stats:not(:has(article:nth-child(4))){grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.photo-row{align-items:flex-start}.photo-row>div:last-child{min-width:0}.photo-row h2{font-size:19px}.photo-row .avatar.large{width:64px;height:64px}.panel-heading{flex-wrap:wrap}.stats:not(:has(article:nth-child(4))) article:last-child{grid-column:1/-1}}

.country-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #dfe3ed;padding-bottom:12px;margin-bottom:15px}.country-tabs button{white-space:nowrap;border-color:transparent;background:transparent}.country-tabs button.active{background:#435bcc;color:white}.page-title>.actions{justify-content:flex-end}@media(max-width:700px){.page-title>.actions{max-width:155px}.page-title>.actions select{max-width:155px;width:100%}}

.layout-switch{display:flex;gap:5px;margin-left:auto}.client-board{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding:0 0 20px;scroll-snap-type:x proximity;min-height:460px}.client-column{flex:0 0 300px;max-width:100%;background:#e9edf5;border:1px solid #dfe4ef;border-radius:12px;padding:10px;scroll-snap-align:start}.column-heading{padding:5px 5px 0}.column-heading h2{margin:0 0 8px}.column-heading h2 button{font-size:16px;font-weight:650;color:#26334c}.column-actions{display:flex;justify-content:space-between;gap:8px;padding:14px 5px}.column-actions button{font-size:13px}.board-section{background:white;border:1px solid #dce1eb;border-radius:9px;margin:0 0 9px;padding:0;overflow:hidden}.board-section summary{padding:14px 12px;position:relative;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-weight:500;min-height:57px;font-size:14px}.board-section summary::-webkit-details-marker{display:none}.board-section summary:after{content:'⌄';color:#8b97ad;margin-left:auto}.board-section[open] summary:after{content:'⌃'}.board-section summary progress{order:4;flex-basis:100%;height:5px;margin:5px 0 1px}.board-count{color:#8c98ac;font-size:12px;margin-left:auto}.board-section-body{padding:0 12px 14px;border-top:1px solid #eff1f6}.board-section-body>.link{margin-top:14px}.board-section-body .row{font-size:13px;flex-wrap:wrap}.board-section-body .row input{width:16px;height:16px}.board-section-body label.row{justify-content:flex-start;margin:0}.board-section-body label .title{flex:1}.board-section-body .grow{min-width:160px}.board-person{background:white;border:1px solid #dce1eb;border-radius:9px;margin-bottom:9px;overflow:hidden}.board-person img{display:block;width:100%;max-height:220px;object-fit:cover}.board-person-content{padding:12px}.board-person-content>.link{margin-top:9px;font-size:14px}.board-person-content label{display:flex;justify-content:space-between;font-size:12px;color:#8290a8;margin:17px 0 8px}.board-person-content progress{margin-bottom:4px}.board-person-content p{margin:0 0 9px}.board-finance{background:#f7f9fe;border-radius:9px;padding:14px;display:grid;gap:7px}.board-finance>span{font-size:12px;color:#8390a6}.board-finance>strong{font-size:21px;color:#465dbe}.board-finance small{margin:0}.board-finance button{margin-top:6px;font-size:13px}.client-board>.empty{width:100%;align-self:center}@media(max-width:700px){.layout-switch{margin-left:0}.client-column{flex-basis:calc(100% - 12px)}.client-board{gap:12px}.board-section summary{min-height:60px}}

.import-hint{margin:0 5px 12px;line-height:1.5}.import-reference .row{flex-wrap:wrap}

.agent-field{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:-8px 0 18px;font-size:14px;color:#728098}.agent-field strong{color:#34425d;font-weight:500;overflow-wrap:anywhere}

.balance-people{display:grid;gap:8px;margin-top:15px;border-top:1px solid #d7dff7;padding-top:12px}.balance-person{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.balance-person strong{text-align:right;overflow-wrap:anywhere}.stats .balance-person span,.stats .balance-person strong{font-size:12px;font-weight:400;color:#8590a2}

.login-page{min-height:100dvh;margin:0;padding:28px;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 10%,#e2e7ff,transparent 55%),#f5f6fb}.login-card{width:min(100%,440px);box-sizing:border-box;padding:38px;background:white;border:1px solid #dde2f1;border-radius:22px;box-shadow:0 20px 70px #27356712}.login-card .brand{margin-bottom:40px;display:flex}.login-card h1{font-size:28px;margin:10px 0}.login-card p{color:#74809b;line-height:1.6}.login-card form{display:flex;flex-direction:column;gap:12px;margin-top:24px}.login-card [hidden]{display:none!important}.login-card label{display:block;font-size:13px;color:#566687}.login-card input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:13px;border:1px solid #d8deee;border-radius:9px;font:inherit}.login-card input:focus{outline:2px solid #5364df;outline-offset:2px}.login-card .password-toggle{display:flex;align-items:center;gap:8px}.login-card #login-error{color:#b02f43;margin:0;font-size:13px}.login-card .primary{width:100%;padding:14px}.login-card .login-footer{margin:28px 0 0;font-size:12px;text-align:center}@media(max-width:480px){.login-page{padding:16px}.login-card{padding:26px}}

.brand .brand-logo{display:block;width:150px;height:auto;border-radius:10px}.brand{justify-content:center}.login-card .brand{margin-bottom:26px}.login-card .brand-logo{width:170px}


.header-account{display:flex;align-items:center;gap:16px}.account-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}.account-avatar{display:flex;align-items:center;gap:20px}.account-avatar img{width:88px;height:88px;border-radius:16px;object-fit:cover;flex-shrink:0}.account-avatar input{max-width:100%}#remove-avatar{margin-top:12px}.account-grid input[readonly]{background:#f5f6fa;color:#788399}@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-avatar{flex-wrap:wrap}.header-account button{font-size:11px;padding:8px}header>span{max-width:46%}}
[hidden]{display:none!important}.permission-row{padding:20px 0;border-bottom:1px solid #e1e5ef}.permission-row fieldset{border:1px solid #e1e5ef;border-radius:8px;margin-bottom:15px;display:flex;flex-wrap:wrap;gap:15px}.permission-row fieldset label{display:flex;align-items:center;gap:6px}.permission-row input[type=checkbox]{width:16px}.permission-row legend{font-size:13px;color:#728098}

.balance-equivalents{display:grid;gap:6px}.balance-equivalents small{margin:0 0 3px}.balance-equivalents>div{display:flex;justify-content:space-between;gap:12px}.stats .balance-equivalents span{font-size:12px;color:#8590a2}.balance-equivalents>div>span:last-child{text-align:right;overflow-wrap:anywhere}

.converter-panel{max-width:740px;margin-bottom:24px}.conversion-total{background:#edf1ff;padding:22px;border-radius:12px;margin:20px 0}.conversion-total h2{color:#4056c4;font-size:30px;overflow-wrap:anywhere}@media(max-width:700px){aside nav{overflow-x:auto;justify-content:flex-start}aside nav button{flex:1 0 62px;padding:7px 5px}aside nav button span{white-space:nowrap}}

.converter-currencies{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.converter-currencies select{min-width:0;width:100%}.converter-panel>.field{display:grid;justify-content:stretch}.converter-currencies .field{display:grid;justify-content:stretch}

.program-people{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.program-person{padding:12px;min-width:0;background:white}.program-people .program-person+.program-person{border-left:1px solid #edf0f5}.program-person small{margin:0 0 8px}.program-person .link{font-size:14px;overflow-wrap:anywhere}.client-column>.program-person{border:1px solid #dce1eb;border-radius:9px;margin-bottom:9px}

.rates-panel{padding:12px 16px;margin-bottom:16px}.rates-panel .panel-heading{margin-bottom:10px;gap:12px}.rates-panel h3{font-size:14px}.rates-panel .panel-heading button{padding:5px 10px;font-size:12px}.rates-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px}.rates-grid strong{font-size:13px;line-height:1.4}.rates-grid small{font-size:11px;line-height:1.4;margin-top:3px}.rates-grid a{color:#657393;text-decoration:none}.rates-grid a:hover{text-decoration:underline}.rates-details{margin-top:8px;border:0;padding:0}.rates-details summary{padding:0;min-height:0;font-size:11px;color:#8590a2;cursor:pointer}.rates-details p{font-size:12px;line-height:1.5;margin:6px 0 0}@media(max-width:1000px){.rates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.rates-grid{grid-template-columns:1fr}.rates-panel{padding:12px}}

.surrogate-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.surrogate-card-heading .badge:last-child{margin-left:auto;text-align:right}

.donor-portrait{display:block;width:100%;height:220px;object-fit:cover;object-position:center 25%;border-radius:10px;background-repeat:no-repeat;background-color:#eef1f8;margin-top:14px}.donor-portrait.large{width:260px;max-width:100%;height:320px;margin:0}.donor-portrait.missing{display:grid;place-items:center;padding:24px;text-align:center;color:#8490a2;font-size:13px}.donor-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}.donor-gallery img{width:100%;height:180px;object-fit:contain;background:#f5f6fa;border-radius:8px}

.donor-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.donor-number{margin-left:auto;white-space:nowrap}

.lead-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:60px}.lead-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}

.badge.lead-new{color:#bf3434;background:#fff0f0}.badge.lead-working{color:#23804f;background:#eaf6ef}.badge.lead-postponed{color:#727987;background:#f0f1f4}.lead-assignment{margin:10px 0 16px}.lead-assignment small{margin-top:5px}

.panel .lead-assignment label{display:grid;gap:6px;margin:10px 0;font-size:12px}.lead-assignment input,.lead-assignment select{min-width:0;font-size:13px;padding:8px 10px}

.lead-assignment{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0 22px}.lead-assignment .lead-picker{position:relative;border:0;margin:0;padding:0}.lead-picker summary{display:flex;align-items:center;gap:6px;list-style:none;border-radius:7px;background:#f2f4f9;color:#798399;font-size:12px;font-weight:500;padding:5px 8px;min-height:30px;box-sizing:border-box}.lead-picker summary::-webkit-details-marker{display:none}.lead-picker summary:hover,.lead-picker[open] summary{background:#e9edfa;color:#485bc0}.lead-picker summary:focus-visible{outline:2px solid #7d8fe3;outline-offset:3px}.lead-picker summary svg{width:15px;height:15px}.lead-manager-picker{margin-left:auto!important}.lead-manager-avatar{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e2e7fa;color:#5869b7;font-size:11px;font-weight:600}.lead-picker-menu{position:absolute;top:calc(100% + 7px);left:0;width:210px;padding:10px 12px;background:white;border:1px solid #e1e5ef;border-radius:10px;box-shadow:0 8px 26px #23345118;z-index:5}.lead-manager-picker .lead-picker-menu{left:auto;right:0}.panel .lead-picker-menu label{margin:0;gap:8px}.lead-picker-menu input,.lead-picker-menu select{width:100%}

.lead-manager-picker summary{padding:0;width:30px;height:30px;border-radius:50%;background:transparent}.lead-manager-picker .lead-manager-avatar{width:30px;height:30px;font-size:12px}.lead-manager-picker summary:hover .lead-manager-avatar,.lead-manager-picker[open] .lead-manager-avatar{background:#d5ddf8}

.client-summary{display:flex;flex-direction:column;padding:23px;background:#fff;min-width:0}.client-board>.client-summary{flex:0 0 298px;scroll-snap-align:start}.client-summary-badges{display:flex;gap:5px;flex-wrap:wrap}.client-summary .card-head{align-items:flex-start;margin:21px 0 24px}.client-summary .card-head>div:last-child{min-width:0}.client-summary .card-head h2{font-size:19px;line-height:1.25;overflow-wrap:anywhere}.client-summary .card-head p{font-size:13px;margin:6px 0 0;line-height:1.4}.client-summary-progress label{margin:0 0 9px;gap:12px}.client-summary-progress progress{margin-bottom:22px}.client-summary-balance{margin-top:0;padding:13px 0}.client-summary .balance-line{font-size:18px}.client-summary>small{line-height:1.4;margin:8px 0 18px}.client-summary .card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:16px}.client-summary .card-foot>span{font-size:12px;line-height:1.4;min-width:0;overflow-wrap:anywhere}.client-summary .card-foot button{flex-shrink:0;max-width:115px}.client-board{align-items:stretch}@media(max-width:700px){.client-board>.client-summary{flex-basis:calc(100% - 12px)}}

.client-summary-badges{align-items:center}.client-manager-picker{position:relative;border:0;padding:0;margin:0 0 0 auto}.client-summary .card-foot{justify-content:flex-end}

.client-summary .client-name-button{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer}.client-summary .client-name-button:hover{color:#485bc0}.client-summary .client-name-button:focus-visible{outline:2px solid #7d8fe3;outline-offset:4px;border-radius:3px}.client-summary .client-summary-balance{border-bottom:0;padding-bottom:0}

.client-responsible-field{margin:-10px 0 20px}.client-responsible-field label{display:flex;align-items:center;gap:12px;font-size:13px;color:#7b859b;flex-wrap:wrap}.client-responsible-field select{width:auto;min-width:165px;padding:7px 10px;font-size:13px}

.surrogate-portrait{display:block;width:100%;height:240px;object-fit:cover;object-position:center 25%;border-radius:10px;margin-top:16px}.surrogate-portrait.profile-portrait{width:180px;height:220px;flex-shrink:0;margin:0}@media(max-width:600px){.photo-row:has(.profile-portrait){flex-wrap:wrap}}

.surrogate-avatar{object-fit:cover;object-position:center 25%;border-radius:50%}.surrogate-name-button{border:0;background:none;padding:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer}.surrogate-name-button:hover{color:#485bc0}.surrogate-name-button:focus-visible{outline:2px solid #7d8fe3;outline-offset:4px;border-radius:3px}

.analysis-checklist{padding:18px 20px}.analysis-checklist .panel-heading{margin-bottom:10px}.analysis-checklist .panel-heading button{padding:6px 10px;font-size:12px}.analysis-checklist>label{margin:8px 0 7px;font-size:12px}.analysis-checklist>progress{margin-bottom:10px}.analysis-checklist .row{padding:6px 0;gap:9px;font-size:13px;line-height:1.4}.analysis-checklist .row input[type=checkbox]{width:16px;height:16px;margin:0}.analysis-checklist .analysis-attach{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;padding:0;border:0;background:transparent;color:#8993ab;border-radius:6px}.analysis-checklist .analysis-attach:hover{background:#edf0ff;color:#485bc0}.analysis-checklist .analysis-attach:focus-visible{outline:2px solid #7d8fe3;outline-offset:2px}.analysis-checklist .row small{margin-top:3px}.analysis-checklist .upload-link{font-size:12px}

.analysis-checklist .checklist-date{width:136px;flex:0 0 136px;padding:5px 7px;font-size:12px;min-height:30px;color:#65718a;background:#f8f9fc}.analysis-checklist .row .grow{overflow-wrap:anywhere}@media(max-width:600px){.analysis-checklist .row:has(.checklist-date){flex-wrap:wrap}.analysis-checklist .row:has(.checklist-date)>.grow{flex-basis:calc(100% - 30px)}.analysis-checklist .checklist-date{margin-left:25px}}

.payment-plan-select{width:auto;max-width:180px;font-size:13px;padding:7px 10px}.payment-plan-total{display:flex;justify-content:space-between;font-size:13px;color:#7b859b;margin:12px 0}.payment-plan-total strong{color:#485bc0;font-size:17px}.payment-amount-field{display:flex;align-items:center;gap:5px;flex:0 0 116px;color:#7b859b}.payment-amount-field input{width:96px;padding:5px 7px;font-size:12px}@media(max-width:600px){.payment-plan-row .payment-amount-field{margin-left:25px}.analysis-checklist .payment-plan-row .checklist-date{margin-left:0}}

.client-surrogate-field{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-10px 0 22px;font-size:13px;color:#7b859b}.client-surrogate-field .link{font-size:14px;font-weight:600}.client-surrogate-field+.client-responsible-field{margin-top:0}

.client-manager-field{display:flex;align-items:center;gap:10px;font-size:13px;color:#7b859b}.client-manager-name{position:relative;border:0;margin:0;padding:0}.client-manager-name summary{list-style:none;font-size:14px;color:#4a60c3;font-weight:600;cursor:pointer;padding:3px 0}.client-manager-name summary::-webkit-details-marker{display:none}.client-manager-name summary:focus-visible{outline:2px solid #7d8fe3;outline-offset:3px;border-radius:3px}.client-manager-options{position:absolute;top:calc(100% + 5px);left:0;z-index:15;min-width:180px;padding:5px;background:#fff;border:1px solid #e1e5ef;border-radius:9px;box-shadow:0 8px 26px #23345118}.client-manager-options button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px 10px;font-size:13px}.client-manager-options button:hover,.client-manager-options button.selected{background:#edf0ff;color:#485bc0}

.client-agent-field{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#7b859b}.client-agent-field .link{font-size:14px;font-weight:600}
.client-surrogate-field,.client-manager-field,.client-agent-field{min-height:26px;line-height:20px;margin:0 0 8px}.client-surrogate-field{margin-top:-10px}.client-agent-field{margin-bottom:18px}.client-surrogate-field .link,.client-agent-field .link,.client-manager-name summary{line-height:20px;padding:3px 0}

.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:16px 0}.document-card{border:1px solid #e1e5ef;border-radius:10px;overflow:hidden;min-width:0}.document-preview{height:260px;position:relative;background:#f0f2f7;border-bottom:1px solid #e1e5ef}.document-preview img,.document-preview video,.document-preview iframe{width:100%;height:100%;object-fit:contain;display:block;border:0}.document-preview>a{position:absolute;inset:0;display:block}.document-preview>a:hover{background:#435bcc0a}.document-preview>a:focus-visible{outline:3px solid #435bcc;outline-offset:-3px}.document-caption{padding:12px;overflow-wrap:anywhere}.document-caption .upload-link{display:block;font-weight:600;line-height:1.4}.document-caption .badge{margin-top:10px}.document-preview-fallback{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:44px;color:#8490aa}@media(max-width:520px){.document-grid{grid-template-columns:1fr}}
.client-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-overview .panel{min-width:0}.client-overview .panel-heading{gap:12px;flex-wrap:wrap;margin-bottom:18px}.client-overview .panel-heading .link{font-size:13px}.overview-facts,.overview-money{margin:0;display:grid;gap:13px}.overview-facts>div,.overview-money>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.overview-facts dt,.overview-money dt{color:#7c879c;font-size:13px}.overview-facts dd,.overview-money dd{margin:0;text-align:right;font-size:14px;overflow-wrap:anywhere}.overview-money dd{font-size:21px;font-weight:650}.overview-money>div:last-child{padding-top:12px;border-top:1px solid #edf0f6;color:#435bcc}.overview-focus{font-size:16px;color:#26334c;font-weight:600;margin:8px 0;line-height:1.45}.overview-payment{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.overview-payment strong{font-size:21px;color:#435bcc}.overview-payment span{color:#7c879c;font-size:13px}.overview-application{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.overview-task{padding:12px 0;border-bottom:1px solid #edf0f6}.overview-task:first-of-type{padding-top:0}.overview-task:last-child{border:0}.overview-task strong{font-size:14px;font-weight:550}.overdue{color:#c04c4c}.overview-analysis{margin-top:24px}.overview-documents{grid-column:1/-1}.overview-document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.overview-document-grid .document-preview{height:180px}@media(max-width:1050px){.overview-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.client-overview{grid-template-columns:1fr}.overview-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-document-grid .document-preview{height:145px}}
.document-actions{display:flex;gap:8px;flex-wrap:wrap}.document-actions a{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid #dfe3ed;border-radius:7px;color:#435bcc;text-decoration:none;font-size:12px;font-weight:600;background:white}.document-actions a:hover{background:#edf0ff}.document-caption .document-actions+small{margin-top:10px}
.donor-name-button{border:0;background:none;padding:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer}.donor-name-button:hover{color:#485bc0}.donor-name-button:focus-visible{outline:2px solid #7d8fe3;outline-offset:4px;border-radius:3px}
.photo-lightbox-trigger{display:block;border:0;padding:0;background:none;cursor:zoom-in;border-radius:12px;overflow:hidden}.photo-lightbox-trigger:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.photo-lightbox-trigger img{display:block}.photo-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.86);display:flex;align-items:center;justify-content:center;padding:32px;cursor:zoom-out}.photo-lightbox img{max-width:min(94vw,1400px);max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.35);cursor:default}.photo-lightbox-close{position:fixed;right:22px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#17213b;font-size:32px;line-height:1;cursor:pointer}.lightbox-open{overflow:hidden}
.photo-lightbox-close{display:flex;align-items:center;justify-content:center;padding:0;font-family:Arial,sans-serif;font-size:30px;font-weight:400;line-height:1}.photo-lightbox-prev,.photo-lightbox-next{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border:0;border-radius:50%;background:#fff;color:#17213b;font-size:42px;font-family:Arial,sans-serif;line-height:42px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.25)}.photo-lightbox-prev{left:24px}.photo-lightbox-next{right:24px}.photo-lightbox-counter{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;font-weight:600}.photo-lightbox-prev[hidden],.photo-lightbox-next[hidden]{display:none}
.photo-lightbox-close,.photo-lightbox-prev,.photo-lightbox-next{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;appearance:none;outline:none}.photo-lightbox-close:focus-visible,.photo-lightbox-prev:focus-visible,.photo-lightbox-next:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}.photo-lightbox-prev,.photo-lightbox-next{font-size:38px;font-weight:400;line-height:1;padding-bottom:4px}
.donor-cover-link{display:block;width:100%;padding:0;border:0;background:none;text-align:inherit;cursor:pointer}.donor-cover-link:focus-visible{outline:3px solid #2563eb;outline-offset:3px;border-radius:12px}.donor-cover-link .donor-portrait{cursor:pointer}.donor-contacts dl{display:grid;grid-template-columns:180px 1fr;gap:14px 24px;margin:0}.donor-contacts dt{color:#71809d}.donor-contacts dd{margin:0;font-weight:600}.donor-tabs{margin-bottom:20px}
.donor-analyses{margin-top:8px}.donor-analyses>summary{font-size:18px;font-weight:700;cursor:pointer;padding:4px 0 12px}.donor-analyses .panel{border:0;padding:0;box-shadow:none}
.document-delete{border:0;background:none;color:#c24155;padding:0;cursor:pointer;font:inherit}.document-delete:hover{text-decoration:underline}
.document-actions{display:inline-flex;align-items:center;gap:6px}.icon-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#52648a;text-decoration:none;cursor:pointer}.icon-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-action:hover{background:#eef2ff;color:#4057c8}.document-delete{color:#b34c60}.document-delete:hover{background:#fff0f2;color:#b4233d;text-decoration:none}
.document-actions{gap:10px}.icon-action{width:auto;height:auto;padding:2px;border:0;border-radius:0;background:transparent}.icon-action svg{width:23px;height:23px;stroke-width:1.9}.icon-action:hover{background:transparent;color:#4057c8}.document-delete:hover{background:transparent;color:#b4233d}
.document-actions{gap:6px}.icon-action{padding:1px}.icon-action svg{width:18px;height:18px;stroke-width:1.8}
.donor-analyses-summary{min-height:8px;padding:0!important;color:transparent;font-size:0}
.field[hidden]{display:none}
.donor-analyses-summary{min-height:0;padding:4px 0 12px!important;color:inherit;font-size:18px;font-weight:700}.donor-analyses-summary::marker{color:#7b8aa8}
.document-icon-actions{display:flex;align-items:center;gap:10px}.document-icon-actions .document-actions{display:contents}.document-icon-actions .icon-action{flex:0 0 auto}
.donor-documents-heading{justify-content:flex-end}
.donor-client-picker{margin:0 0 18px;padding:14px 0;border-top:1px solid #e4e9f4;border-bottom:1px solid #e4e9f4}.donor-client-picker .row{align-items:center;margin-bottom:8px}.donor-client-picker>.link{display:inline-block;margin:3px 10px 0 0}
.donor-analyses-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.donor-analyses-summary .primary{flex:0 0 auto;font-size:14px;padding:9px 14px}
.donor-client-picker{display:flex;align-items:center;gap:8px}.donor-client-picker>span{color:#71809d}.donor-client-picker .link{font-weight:600}
.donor-analyses-summary{list-style:none;cursor:pointer}.donor-analyses-summary::-webkit-details-marker{display:none}.donor-analyses-chevron{display:inline-flex;width:18px;justify-content:center;color:#71809d;font-size:22px;line-height:1;transition:transform .15s ease}.donor-analyses[open] .donor-analyses-chevron{transform:rotate(180deg)}.donor-analyses:not([open]) .donor-analyses-summary .primary{display:none}
.donor-analyses-summary{justify-content:flex-start}.donor-analyses-summary .primary{margin-left:auto}
.donor-analyses-summary .donor-analyses-label{display:inline-flex;align-items:center;gap:4px}.donor-analyses-summary .donor-analyses-chevron{vertical-align:middle}
.donor-analyses-summary .donor-analyses-chevron{box-sizing:border-box;width:12px;height:12px;padding:0;border-right:3px solid #71809d;border-bottom:3px solid #71809d;display:inline-block;font-size:0;line-height:0;transform:rotate(45deg);margin:-5px 6px 0 2px}.donor-analyses[open] .donor-analyses-summary .donor-analyses-chevron{transform:rotate(225deg);margin:3px 6px 0 2px}
.donor-client-picker select[multiple]{min-height:160px}
.donor-client-picker + dialog .danger,
#modal .danger{color:#c23f55;border:1px solid #e8a9b5;background:#fff7f8}
#modal .danger:hover{background:#fff0f2}
#modal form>.actions .donor-reset-action{margin-right:auto}
.donor-questionnaire-fields{display:grid;gap:0;border-top:1px solid var(--line,#e1e6f0);margin-top:8px}
.donor-questionnaire-row{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:20px;padding:10px 0;border-bottom:1px solid var(--line,#e1e6f0);font-size:16px;line-height:1.35}
.donor-questionnaire-row span{color:#7b89a5}
.donor-questionnaire-row strong{font-weight:500;color:#28344d;min-height:1.35em}
.donor-questionnaire-notes{margin-top:18px;color:#28344d}
.donor-questionnaire-notes h4{margin:0 0 8px}
.donor-questionnaire-notes p{white-space:pre-wrap;margin:0;color:#7b89a5}
@media(max-width:700px){.donor-questionnaire-row{grid-template-columns:1fr;gap:3px}}

/* Экспорт анкеты */
.export-options{
  display:flex;
  align-items:center;
  gap:32px;
  flex-wrap:wrap;
  margin:18px 0 8px;
}

.export-option{
  display:inline-flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  font-weight:500;
  white-space:nowrap;
}

.export-option input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:0;
  cursor:pointer;
  accent-color:#4359d7;
}

@media (max-width:600px){
  .export-options{
    gap:14px 22px;
  }
}

/* Экран загрузки CRM */
.crm-loading{
  min-height:65vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#71848d;
}
.crm-loading img{
  width:220px;
  max-width:70%;
  height:auto;
}
.crm-loading strong{
  font-size:18px;
  color:#4a91b3;
}
.crm-loading span{
  font-size:14px;
}

/* Смена пароля */
#password-form .field{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
}

#password-form .field input{
  width:100%;
}

/* Компактный блок резервных копий */
.backup-panel{
  margin-top:22px;
  padding:22px 24px;
  background:#f8fbff;
  border:1px solid #dbe5ff;
}

.backup-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}

.backup-heading h3{
  margin:0 0 4px;
}

.backup-heading p{
  margin:0;
  font-size:13px;
  color:#7b89a3;
}

.backup-heading button{
  padding:8px 14px;
  white-space:nowrap;
}

.backup-list{
  border-top:1px solid #e2e8f2;
}

.backup-row{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:7px 0;
  border-bottom:1px solid #e2e8f2;
}

.backup-row:last-child{
  border-bottom:0;
}

.backup-info{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

.backup-icon{
  font-size:18px;
  color:#71819d;
}

.backup-info strong{
  font-size:14px;
  white-space:nowrap;
}

.backup-size{
  font-size:13px;
  color:#8794aa;
  white-space:nowrap;
}

.backup-row button{
  padding:6px 10px;
  font-size:12px;
  white-space:nowrap;
}

@media(max-width:650px){
  .backup-heading{
    align-items:center;
  }

  .backup-row{
    gap:8px;
  }

  .backup-info{
    gap:5px;
  }
}

/* Ограничиваем ширину блока резервных копий */
.backup-panel{
  width:100%;
  max-width:680px;
  margin-top:22px;
}

/* Резервные копии под сменой пароля */
#password-form + .backup-panel{
  width:100%;
  max-width:none;
  margin:22px 0 0;
  padding:18px 0 0;
  background:#fff;
  border:0;
  border-top:1px solid #e5eaf2;
  border-radius:0;
  box-shadow:none;
}

/* Права внутри профиля */
.account-rights{
  margin:20px 0;
  padding-top:18px;
  border-top:1px solid #e5eaf2;
}

.account-rights h3{
  margin:0 0 10px;
}

.account-rights p{
  margin:7px 0;
}

/* Личный кабинет — две колонки */
.account-dashboard{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
  align-items:start;
}

.account-dashboard > .panel,
.account-right-column > .panel{
  background:#fff;
  border:1px solid #dfe5ee;
  border-radius:14px;
  box-shadow:none;
}

.account-main-card{
  padding:24px;
}

.account-right-column{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}

.account-right-column > .panel{
  margin:0 !important;
  padding:24px;
  width:100%;
  max-width:none;
}

.account-section{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #e7ebf1;
}

.account-section h3{
  margin:0 0 12px;
}

.account-main-card .field{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
}

.account-main-card .field input{
  width:100%;
}

.account-main-card > form > .primary{
  margin-top:18px;
}

.account-right-column .backup-panel{
  background:#fff;
  border:1px solid #dfe5ee;
  border-radius:14px;
}

@media(max-width:900px){
  .account-dashboard{
    grid-template-columns:1fr;
  }
}

.password-input{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid #d9e0eb;
  border-radius:9px;
  background:#fff;
  font:inherit;
}

.password-input::placeholder{
  color:#8390a8;
}

.password-input:focus{
  outline:none;
  border-color:#5267dc;
}

/* Ровный ритм полей пароля и кнопки сохранения */
#password-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}

#password-form .password-input{
  margin:0;
}

#password-form .account-save-button{
  margin:0;
  align-self:flex-start;
}

/* Одинаковые интервалы: пароль → пароль → пароль → кнопка */
#password-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Точное выравнивание интервалов в смене пароля */
#password-form{
  display:block !important;
}

#password-form .password-input,
#password-form .account-save-button{
  display:block;
  margin:0 !important;
}

#password-form .password-input + .password-input,
#password-form .password-input + .account-save-button{
  margin-top:12px !important;
}

#password-form .account-save-button{
  margin-top:12px !important;
}

/* Ровные интервалы в блоке смены пароля */
#password-form{
  display:flex !important;
  flex-direction:column;
  gap:12px !important;
}

#password-form .password-input,
#password-form .account-save-button{
  margin:0 !important;
}

#password-error:empty{
  display:none !important;
}

#password-error:not(:empty){
  margin:0 !important;
}

/* Страница входа */
.login-card .password-toggle{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start;
  gap:8px;
  width:auto;
  align-self:flex-start;
  white-space:nowrap;
}

.login-card .password-toggle input[type="checkbox"]{
  width:16px !important;
  height:16px !important;
  min-width:16px;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 16px;
}

.login-card .password-toggle span{
  display:inline;
  white-space:nowrap;
}

.login-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:4px;
}

.login-actions #register-toggle,
.login-actions #login-submit{
  width:auto !important;
  margin:0;
}

.login-actions #login-submit{
  margin-left:auto;
  min-width:120px;
}

@media(max-width:480px){
  .login-actions{
    flex-wrap:wrap;
  }
}

/* Скрываем текстовую подсказку курса в форме операций */
#rate-hint{
  display:none !important;
}

/* Финансовая форма */
.operation-form{
  width:min(760px,calc(100vw - 40px));
}

.operation-form .fields{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:14px;
  align-items:end;
}

.operation-form .fields .field{
  margin:0;
  min-width:0;
}

.operation-form .field{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.operation-form .field input,
.operation-form .field select{
  width:100%;
  box-sizing:border-box;
  min-height:42px;
}

.operation-form #apply-rate{
  margin:12px 0 18px;
}

.operation-form > .field{
  margin:0 0 14px;
}

.operation-form > small{
  display:block;
  margin:-7px 0 14px;
}

.operation-form > .actions{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid #e6eaf1;
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

@media(max-width:700px){
  .operation-form{
    width:calc(100vw - 24px);
  }

  .operation-form .fields{
    grid-template-columns:1fr;
  }
}

/* Исправление геометрии финансовой формы */
.operation-form{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box;
  overflow:hidden;
}

.operation-form .fields{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr !important;
  gap:14px 16px !important;
  box-sizing:border-box;
}

.operation-form .fields > *{
  min-width:0;
  width:100%;
}

.operation-form input,
.operation-form select{
  max-width:100%;
  box-sizing:border-box;
}

/* Клиент занимает всю строку */
.operation-form .fields > .field:first-child{
  grid-column:1 / -1;
}

/* Нижние поля */
.operation-form > .field{
  width:100%;
  margin:0 0 12px !important;
}

/* Кнопка пересчёта компактная */
.operation-form #apply-rate{
  width:auto;
  margin:12px 0 16px;
}

@media(max-width:650px){
  .operation-form .fields{
    grid-template-columns:1fr !important;
  }

  .operation-form .fields > .field:first-child{
    grid-column:auto;
  }
}

/* Нижняя часть формы расхода */
.operation-bottom-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 16px;
  margin-top:2px;
}

.operation-bottom-grid .field{
  margin:0 !important;
  min-width:0;
}

.operation-bottom-grid input,
.operation-bottom-grid select{
  width:100%;
  min-height:42px;
  box-sizing:border-box;
}

@media(max-width:650px){
  .operation-bottom-grid{
    grid-template-columns:1fr;
  }
}

/* Финальная геометрия формы расхода */
.operation-form .fields,
.operation-form .operation-bottom-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  column-gap:16px !important;
  row-gap:12px !important;
  width:100%;
}

.operation-form .fields > *,
.operation-form .operation-bottom-grid > *{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  box-sizing:border-box;
}

.operation-form .fields input,
.operation-form .fields select,
.operation-form .operation-bottom-grid input,
.operation-form .operation-bottom-grid select{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box;
}

/* Клиент и назначение — на всю ширину */
.operation-form .fields > :first-child{
  grid-column:1 / -1;
}

/* Единая высота всех контролов */
.operation-form input,
.operation-form select{
  height:42px !important;
  min-height:42px !important;
}

/* Одинаковые подписи */
.operation-form .field{
  gap:6px !important;
}

/* Пересчёт не создаёт лишнюю вертикальную пустоту */
.operation-form #apply-rate{
  margin:12px 0 !important;
}

/* Назначение */
.operation-form > .field{
  margin:0 0 12px !important;
}

@media(max-width:650px){
  .operation-form .fields,
  .operation-form .operation-bottom-grid{
    grid-template-columns:1fr !important;
  }

  .operation-form .fields > :first-child{
    grid-column:auto;
  }
}

/* Упрощённая форма расхода */
.operation-form .operation-hidden-field{
  display:none !important;
}

.operation-form input::placeholder{
  color:#7d8ba6;
  opacity:1;
}

/* Маленький крестик закрытия */
.operation-form .panel-heading [data-close]{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  padding:0 !important;
  font-size:14px !important;
  border-radius:8px !important;
}

/* Скрываем служебную подсказку остатка у хранителя */
.operation-form #custodian-available{
  display:none !important;
}

/* Одинаковый вертикальный интервал перед полем привязки платежа */
.operation-form #custodian-available + .field{
  margin-top:12px !important;
}

/* Если скрытая подсказка остаётся между полями */
.operation-form #custodian-available{
  margin:0 !important;
  height:0 !important;
}

/* Отступ меню после логотипа */
aside nav{
  margin-top:52px;
}

/* Единый компактный крестик во всех модальных окнах */
#modal .panel-heading [data-close]{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-size:14px !important;
  line-height:1 !important;
  border-radius:8px !important;
  flex:0 0 30px;
}

/* Минималистичные поля в модальных окнах */
#modal input:not([type="checkbox"]):not([type="radio"]),
#modal select,
#modal textarea{
  border:0 !important;
  border-bottom:1px solid #dfe4ed !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  background:transparent !important;
}

#modal input:not([type="checkbox"]):not([type="radio"]):focus,
#modal select:focus,
#modal textarea:focus{
  border-bottom-color:#5364df !important;
  box-shadow:0 1px 0 #5364df !important;
  outline:none !important;
}

/* Крестик без рамки */
#modal .panel-heading [data-close]{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Только тонкая линия под крестиком при наведении/фокусе */
#modal .panel-heading [data-close]:hover,
#modal .panel-heading [data-close]:focus{
  border-bottom:1px solid #5364df !important;
  border-radius:0 !important;
}

/* =========================================================
   ЕДИНЫЙ СТИЛЬ ВСЕХ МОДАЛЬНЫХ ФОРМ
   ========================================================= */

#modal form{
  box-sizing:border-box;
}

#modal form > .panel-heading{
  margin-bottom:20px;
}

#modal form > .panel-heading h2{
  margin:0;
}

/* Одинаковый ритм полей */
#modal .field{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:0 0 14px;
  min-width:0;
  box-sizing:border-box;
}

#modal .field > input,
#modal .field > select,
#modal .field > textarea{
  width:100%;
  box-sizing:border-box;
}

/* Подписи */
#modal .field{
  font-size:12px;
  color:#697791;
}

/* Input / select */
#modal input:not([type="checkbox"]):not([type="radio"]),
#modal select{
  height:42px;
  min-height:42px;
  padding:8px 2px;
  font:inherit;
  color:inherit;

  border:0 !important;
  border-bottom:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Textarea */
#modal textarea{
  width:100%;
  min-height:90px;
  padding:9px 2px;
  resize:vertical;
  font:inherit;

  border:0 !important;
  border-bottom:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Активное поле */
#modal input:not([type="checkbox"]):not([type="radio"]):focus,
#modal select:focus,
#modal textarea:focus{
  border-bottom-color:#5364df !important;
  box-shadow:0 1px 0 #5364df !important;
}

/* Placeholder */
#modal input::placeholder,
#modal textarea::placeholder{
  color:#8490a5;
  opacity:1;
}

/* Несколько полей в сетке */
#modal .fields{
  display:grid;
  gap:12px 16px;
  align-items:end;
}

/* Подсказки */
#modal small,
#modal .note{
  line-height:1.4;
}

/* Ошибка не занимает место, пока её нет */
#modal .error:empty{
  display:none;
}

#modal .error:not(:empty){
  display:block;
  margin:10px 0;
}

/* Нижние кнопки */
#modal form > .actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;

  margin-top:20px;
  padding-top:16px;
  border-top:1px solid #edf0f5;
}

/* Удаление — слева */
#modal form > .actions .danger:first-child{
  margin-right:auto;
}

/* Компактный крестик */
#modal .panel-heading [data-close]{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  padding:0 !important;
  margin:0 !important;

  display:flex !important;
  align-items:center;
  justify-content:center;

  border:0 !important;
  border-bottom:1px solid transparent !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  font-size:14px !important;
  line-height:1 !important;
}

#modal .panel-heading [data-close]:hover,
#modal .panel-heading [data-close]:focus{
  border-bottom-color:#5364df !important;
}

/* Checkbox оставляем компактным */
#modal input[type="checkbox"],
#modal input[type="radio"]{
  width:auto;
  height:auto;
}

/* Телефон */
@media(max-width:650px){
  #modal .fields,
  #modal .operation-bottom-grid{
    grid-template-columns:1fr !important;
  }

  #modal form > .actions{
    flex-wrap:wrap;
  }
}

/* Возвращаем аккуратную обводку полей во всех модальных формах */
#modal input:not([type="checkbox"]):not([type="radio"]),
#modal select,
#modal textarea{
  border:1px solid #d8deea !important;
  border-radius:9px !important;
  background:#fff !important;
  box-shadow:none !important;
  outline:none !important;
  padding-left:12px;
  padding-right:12px;
}

#modal input:not([type="checkbox"]):not([type="radio"]):focus,
#modal select:focus,
#modal textarea:focus{
  border:1px solid #5364df !important;
  box-shadow:0 0 0 2px rgba(83,100,223,.08) !important;
  outline:none !important;
}

/* Крестик остаётся без обводки */
#modal .panel-heading [data-close]{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Возвращаем обводку крестика */
#modal .panel-heading [data-close]{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border:1px solid #d8deea !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:none !important;
  font-size:14px !important;
}

#modal .panel-heading [data-close]:hover,
#modal .panel-heading [data-close]:focus{
  border-color:#5364df !important;
  background:#f7f8ff !important;
}

/* Одинаковые интервалы заголовков и полей в анкете донора */
.donor-edit-form h3{
  margin:14px 0 !important;
  padding:0 !important;
}

.donor-edit-form .field{
  margin-bottom:14px !important;
}

/* Первый элемент после заголовка начинается с того же шага */
.donor-edit-form h3 + .field{
  margin-top:0 !important;
}

/* Убираем лишние интервалы между соседними полями */
.donor-edit-form .field + .field{
  margin-top:0 !important;
}

/* Импорт анкеты — тот же ритм, что и остальные поля */
.donor-edit-form .donor-import{
  margin:0 0 14px !important;
  padding:0 !important;
}

.donor-edit-form .donor-import summary{
  margin:0 !important;
  padding:10px 0 !important;
}

.donor-edit-form .donor-import[open] summary{
  margin-bottom:14px !important;
}

.donor-edit-form .donor-import .field{
  margin:0 0 14px !important;
}

.donor-edit-form .donor-import button{
  margin:0 0 14px !important;
}

.donor-edit-form .donor-import .note{
  margin:0 0 14px !important;
}

/* Файлы в анкете донора: название слева, выбор справа */
.donor-edit-form label.field:has(input[type="file"]){
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr);
  align-items:center;
  gap:16px;
  min-height:42px;
  margin-bottom:14px !important;
}

.donor-edit-form label.field:has(input[type="file"]) input[type="file"]{
  width:100% !important;
  margin:0 !important;
}

@media(max-width:650px){
  .donor-edit-form label.field:has(input[type="file"]){
    grid-template-columns:1fr;
    gap:7px;
  }
}

/* Аккуратная загрузка файлов в анкете донора */
.donor-file-row{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  gap:16px;
  min-height:42px;
  margin-bottom:14px;
  font-size:13px;
  color:#566687;
}

.donor-file-control{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  min-height:42px;
  padding:0 12px;
  border:1px solid #d8deea;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}

.donor-file-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7d8ba6;
}

.donor-file-control input[type="file"]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}

@media(max-width:650px){
  .donor-file-row{
    grid-template-columns:1fr;
    gap:6px;
  }
}

/* Красивый список выбранных файлов в анкете донора */
.donor-edit-form .file-selection,
.donor-edit-form .selected-files,
.donor-edit-form .accumulated-files{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:8px;
}

/* Одна строка выбранного файла */
.donor-edit-form .file-selection > *,
.donor-edit-form .selected-files > *,
.donor-edit-form .accumulated-files > *{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  padding:7px 9px 7px 12px;
  box-sizing:border-box;

  border:1px solid #e0e5ef;
  border-radius:8px;
  background:#fafbfe;
}

/* Имя файла */
.donor-edit-form .file-selection span,
.donor-edit-form .selected-files span,
.donor-edit-form .accumulated-files span{
  min-width:0;
  flex:1;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  font-size:13px;
  color:#52617d;
}

/* Кнопка удаления файла */
.donor-edit-form .file-selection button,
.donor-edit-form .selected-files button,
.donor-edit-form .accumulated-files button{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  padding:0 !important;
  margin:0 !important;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid #d8deea !important;
  border-radius:7px !important;
  background:#fff !important;
  box-shadow:none !important;

  flex:0 0 28px;
}

/* Сам блок выбора файла */
.donor-file-control{
  min-height:42px;
  box-sizing:border-box;
}

/* Не даём длинным именам ломать форму */
.donor-file-row{
  align-items:start !important;
}

.donor-file-row > *{
  min-width:0;
}

/* Отступ снизу внутри блока выбранных файлов */
.donor-edit-form .file-selection,
.donor-edit-form .selected-files,
.donor-edit-form .accumulated-files{
  padding-bottom:10px !important;
  box-sizing:border-box;
}

/* Последний выбранный файл не прилипает к нижней рамке */
.donor-edit-form .file-selection > *:last-child,
.donor-edit-form .selected-files > *:last-child,
.donor-edit-form .accumulated-files > *:last-child{
  margin-bottom:4px !important;
}

/* Анкета сурмамы */
.surrogate-edit-form .field{
  margin-bottom:14px !important;
}

.surrogate-edit-form textarea{
  min-height:180px;
  resize:vertical;
}

.surrogate-edit-form .surrogate-date-field{
  gap:6px;
  font-size:12px;
  color:#697791;
}

/* Верхняя часть профиля сурмамы */
.surrogate-profile-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.surrogate-profile-info h2{
  margin:0 0 4px !important;
}

.surrogate-profile-client{
  margin:0 0 10px !important;
  font-size:14px;
  font-weight:600;
  color:#5364df;
}

.surrogate-profile-contacts{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 16px;
  margin-bottom:14px;
  color:#74809b;
  font-size:13px;
}

.surrogate-profile-info .actions{
  margin-top:0;
}

/* =========================================================
   НОВАЯ АНКЕТА СУРМАМЫ
   ========================================================= */

.surrogate-full-form{
  width:min(900px,calc(100vw - 40px)) !important;
  max-width:900px !important;
}

/* Импорт анкеты */
.surrogate-full-form .surrogate-import{
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid #e1e6f0;
  border-radius:12px;
  background:#f8f9fd;
}

.surrogate-full-form .surrogate-import summary{
  cursor:pointer;
  font-weight:700;
  color:#26334d;
}

.surrogate-full-form .surrogate-import[open] summary{
  margin-bottom:14px;
}

.surrogate-full-form .surrogate-import textarea{
  min-height:150px;
}

.surrogate-full-form .surrogate-import .note{
  margin:10px 0 0;
}

/* Основной контейнер */
.surrogate-profile-editor{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* Каждая группа анкеты */
.surrogate-profile-editor > section{
  padding:18px;
  border:1px solid #e1e6f0;
  border-radius:12px;
  background:#fff;
  box-sizing:border-box;
}

.surrogate-profile-editor > section h3{
  margin:0 0 16px !important;
  padding:0 0 10px;
  border-bottom:1px solid #edf0f5;
  font-size:16px;
  color:#202b42;
}

/* Поля по две колонки */
.surrogate-form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px 16px;
  align-items:end;
}

.surrogate-form-grid .field{
  margin:0 !important;
  min-width:0;
}

.surrogate-form-grid input,
.surrogate-form-grid select{
  width:100% !important;
  height:42px !important;
  box-sizing:border-box;
}

/* Дата рождения */
.surrogate-full-form .surrogate-date-field{
  gap:5px;
}

.surrogate-full-form .surrogate-date-field > span{
  font-size:12px;
  color:#697791;
}

/* Неактивное поле клиента */
.surrogate-full-form input[readonly]{
  background:#f5f7fb !important;
  color:#7a879e;
  cursor:default;
}

/* Примечания */
.surrogate-profile-editor textarea{
  width:100%;
  min-height:150px;
  box-sizing:border-box;
}

/* Нижние кнопки */
.surrogate-full-form > .actions{
  margin-top:18px !important;
}

/* Телефон */
@media(max-width:700px){
  .surrogate-full-form{
    width:calc(100vw - 24px) !important;
  }

  .surrogate-form-grid{
    grid-template-columns:1fr;
  }

  .surrogate-profile-editor > section{
    padding:14px;
  }
}

/* Исправление ширины новой анкеты сурмамы */
#modal:has(.surrogate-full-form){
  width:min(920px,calc(100vw - 40px)) !important;
  max-width:920px !important;
  box-sizing:border-box !important;
  padding:0 !important;
  overflow-x:hidden !important;
}
EOFcat >> ~/crm.mia-baby.com/dist/style.css <<'EOF'

/* Исправление ширины новой анкеты сурмамы */
#modal:has(.surrogate-full-form){
  width:min(920px,calc(100vw - 40px)) !important;
  max-width:920px !important;
  box-sizing:border-box !important;
  padding:0 !important;
  overflow-x:hidden !important;
}

#modal .surrogate-full-form{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:24px !important;
  margin:0 !important;
}

.surrogate-profile-editor,
.surrogate-profile-editor > section,
.surrogate-form-grid{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

.surrogate-form-grid > *{
  min-width:0 !important;
}

.surrogate-form-grid input,
.surrogate-form-grid select,
.surrogate-form-grid textarea{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

@media(max-width:700px){
  #modal:has(.surrogate-full-form){
    width:calc(100vw - 20px) !important;
  }

  #modal .surrogate-full-form{
    padding:16px !important;
  }

  .surrogate-form-grid{
    grid-template-columns:1fr !important;
  }
}

/* Структурированная анкета сурмамы */
.surrogate-questionnaire{
  margin-top:14px;
  border:1px solid #e3e7f0;
  border-radius:10px;
  overflow:hidden;
}

.surrogate-questionnaire-row{
  display:grid;
  grid-template-columns:minmax(180px,40%) minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:11px 14px;
  border-bottom:1px solid #edf0f5;
}

.surrogate-questionnaire-row span{
  color:#74809b;
  font-size:13px;
}

.surrogate-questionnaire-row strong{
  min-width:0;
  font-size:13px;
  font-weight:600;
  color:#26334d;
  overflow-wrap:anywhere;
}

.surrogate-questionnaire-notes{
  padding:14px;
  border-top:1px solid #edf0f5;
}

.surrogate-questionnaire-notes span{
  display:block;
  margin-bottom:7px;
  color:#74809b;
  font-size:13px;
}

.surrogate-questionnaire-notes p{
  margin:0;
  white-space:pre-wrap;
}

@media(max-width:650px){
  .surrogate-questionnaire-row{
    grid-template-columns:1fr;
    gap:4px;
  }
}

/* Вкладки анкеты сурмамы */
.surrogate-questionnaire-tabs{
  margin-top:14px;
}

.surrogate-questionnaire-nav{
  display:flex;
  gap:20px;
  overflow-x:auto;
  border-bottom:1px solid #dde3ee;
  margin-bottom:16px;
}

.surrogate-questionnaire-nav button{
  flex:0 0 auto;
  padding:9px 2px 10px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#7a879e;
  font-weight:600;
}

.surrogate-questionnaire-nav button.active{
  color:#5364df;
  border-bottom-color:#5364df !important;
}

.surrogate-questionnaire-panel{
  display:none;
  border:1px solid #e3e7f0;
  border-radius:10px;
  overflow:hidden;
}

.surrogate-questionnaire-panel.active{
  display:block;
}

.surrogate-questionnaire-row{
  display:grid;
  grid-template-columns:minmax(210px,40%) minmax(0,1fr);
  gap:18px;
  padding:11px 14px;
  border-bottom:1px solid #edf0f5;
}

.surrogate-questionnaire-row:last-child{
  border-bottom:0;
}

@media(max-width:650px){
  .surrogate-questionnaire-nav{
    gap:14px;
  }

  .surrogate-questionnaire-row{
    grid-template-columns:1fr;
    gap:4px;
  }
}

/* =========================================================
   НОВАЯ КАРТОЧКА СУРМАМЫ
   ========================================================= */

.surrogate-new-profile{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.surrogate-profile-header{
  padding-bottom:0 !important;
}

.surrogate-profile-top{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:22px;
  align-items:start;
}

.surrogate-profile-photo{
  flex:0 0 auto;
}

.surrogate-profile-info{
  width:100%;
  min-width:0;
}

.surrogate-profile-title-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}

.surrogate-profile-title-row h2{
  margin:0 0 4px !important;
}

.surrogate-profile-client{
  margin:0 0 8px !important;
  color:#5364df;
  font-weight:600;
}

.surrogate-profile-contacts{
  display:flex;
  flex-wrap:wrap;
  gap:6px 18px;
  margin:0 0 14px;
  color:#74809b;
}

.surrogate-profile-actions{
  margin:0 !important;
}

/* Главные вкладки */
.surrogate-main-tabs{
  display:flex;
  gap:22px;
  overflow-x:auto;
  margin-top:22px;
  border-bottom:1px solid #dde3ee;
}

.surrogate-main-tabs button{
  flex:0 0 auto;
  padding:10px 2px 11px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#7a879e;
  font-weight:600;
}

/* Показываем только выбранный раздел */
.surrogate-main-panel{
  display:none;
}

.surrogate-main-panel.active{
  display:block;
}

/* Внутренние вкладки анкеты */
.surrogate-main-panel .surrogate-questionnaire-tabs{
  margin-top:0;
}

@media(max-width:700px){
  .surrogate-profile-top{
    grid-template-columns:1fr;
  }

  .surrogate-profile-title-row{
    flex-direction:column;
  }

  .surrogate-main-tabs{
    gap:16px;
  }
}

/* =========================================================
   АККУРАТНАЯ ШАПКА СУРМАМЫ
   ========================================================= */

.surrogate-profile-header{
  padding:24px 24px 0 !important;
  overflow:hidden;
}

.surrogate-profile-top{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:22px;
  align-items:start;
}

.surrogate-profile-photo{
  width:180px;
  min-width:180px;
}

.surrogate-profile-photo .profile-portrait,
.surrogate-profile-photo .avatar.large{
  width:180px !important;
  height:180px !important;
  object-fit:cover;
  border-radius:14px;
}

.surrogate-profile-info{
  min-width:0;
  width:100%;
}

.surrogate-profile-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}

.surrogate-profile-identity{
  min-width:0;
}

.surrogate-profile-identity h2{
  margin:0 0 10px !important;
  font-size:24px;
  line-height:1.2;
  color:#222d44;
}

.surrogate-profile-contacts{
  display:flex;
  flex-wrap:wrap;
  gap:7px 20px;
  margin:0 !important;
  color:#74809b;
  font-size:14px;
}

.surrogate-profile-contacts span{
  white-space:nowrap;
}

.surrogate-profile-status{
  flex:0 0 auto;
}

.surrogate-profile-status select{
  min-width:150px;
}

/* Активный клиент */
.surrogate-header-client{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
}

.surrogate-header-client > span{
  flex:0 0 auto;
  font-size:12px;
  font-weight:600;
  color:#7a879e;
}

.surrogate-header-client select{
  width:min(320px,100%);
  height:38px;
  padding:0 11px;
  border:1px solid #d8deea;
  border-radius:9px;
  background:#fff;
  color:#26334d;
  font:inherit;
}

/* Кнопки */
.surrogate-profile-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px !important;
}

/* Главная навигация */
.surrogate-main-tabs{
  display:flex;
  align-items:center;
  gap:30px;
  margin-top:24px;
  overflow-x:auto;
  border-bottom:1px solid #dde3ee;
}

.surrogate-main-tabs button{
  flex:0 0 auto;
  padding:11px 2px 12px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#7a879e;
  font-weight:600;
}

.surrogate-main-tabs button.active{
  color:#5364df;
  border-bottom-color:#5364df !important;
}

@media(max-width:700px){
  .surrogate-profile-header{
    padding:18px 18px 0 !important;
  }

  .surrogate-profile-top{
    grid-template-columns:1fr;
  }

  .surrogate-profile-photo{
    width:140px;
    min-width:140px;
  }

  .surrogate-profile-photo .profile-portrait,
  .surrogate-profile-photo .avatar.large{
    width:140px !important;
    height:140px !important;
  }

  .surrogate-profile-title-row{
    flex-direction:column;
    gap:12px;
  }

  .surrogate-header-client{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .surrogate-header-client select{
    width:100%;
  }

  .surrogate-main-tabs{
    gap:20px;
  }
}

/* Цельная анкета сурмамы без внутренних вкладок */
.surrogate-questionnaire-full{
  width:100%;
  border:1px solid #e3e7f0;
  border-radius:10px;
  overflow:hidden;
  box-sizing:border-box;
}

.surrogate-questionnaire-full .surrogate-questionnaire-row{
  display:grid;
  grid-template-columns:minmax(260px,38%) minmax(0,1fr);
  gap:24px;
  align-items:start;
  padding:12px 16px;
  border-bottom:1px solid #edf0f5;
}

.surrogate-questionnaire-full .surrogate-questionnaire-row:last-child{
  border-bottom:0;
}

.surrogate-questionnaire-full .surrogate-questionnaire-row span{
  color:#74809b;
  font-size:13px;
}

.surrogate-questionnaire-full .surrogate-questionnaire-row strong{
  min-width:0;
  color:#26334d;
  font-size:13px;
  font-weight:600;
  overflow-wrap:anywhere;
}

@media(max-width:650px){
  .surrogate-questionnaire-full .surrogate-questionnaire-row{
    grid-template-columns:1fr;
    gap:4px;
  }
}

/* Этапы клиента */
.client-stages-checklist{
  max-width:none;
}

.client-stage-list{
  margin-top:14px;
}

.client-stage-list .checklist-date-row{
  min-height:42px;
  padding:7px 0;
  border-bottom:1px solid #edf0f5;
}

.client-stage-list input[type="checkbox"]{
  flex:0 0 auto;
}

.client-stage-add{
  margin-top:14px;
  padding:6px 2px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#5364df !important;
  font-weight:600;
}

/* Удаление пункта этапов */
.stage-delete-button{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  padding:0 !important;
  margin-left:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d8deea !important;
  border-radius:7px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#7a879e !important;
  font-size:14px;
  line-height:1;
}

.stage-delete-button:hover{
  border-color:#d36a78 !important;
  color:#b02f43 !important;
  background:#fff7f8 !important;
}

/* Добавление клиента с импортом заявки */
#modal:has(.client-create-full-form){
  width:min(760px,calc(100vw - 40px)) !important;
  max-width:760px !important;
}

.client-create-full-form{
  width:100% !important;
}

.client-create-full-form .application-import{
  margin-bottom:18px;
  padding:14px 16px;
  border:1px solid #e1e6f0;
  border-radius:12px;
  background:#f8f9fd;
}

.client-create-full-form .application-import summary{
  cursor:pointer;
  font-weight:700;
}

.client-create-full-form .application-import[open] summary{
  margin-bottom:14px;
}

.client-create-full-form h3{
  margin:18px 0 12px !important;
}

.new-client-form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px 16px;
}

.new-client-form-grid .field{
  margin:0 !important;
}

@media(max-width:650px){
  .new-client-form-grid{
    grid-template-columns:1fr;
  }
}

/* Диалог клиента — читаемое оформление */
.client-dialog{
  gap:16px;
}

.dialog-entry{
  padding:20px 22px !important;
}

.dialog-entry .panel-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid #e7ebf2;
}

.dialog-entry .panel-heading > div{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.dialog-entry .panel-heading strong{
  font-size:15px;
  line-height:1.3;
  color:#26334d;
}

.dialog-entry .panel-heading small{
  font-size:12px;
  color:#8995aa;
}

.dialog-text{
  padding:16px 18px;
  border:1px solid #e5e9f1;
  border-radius:10px;
  background:#f8f9fc;
  color:#26334d;
  font-size:14px;
  line-height:1.65;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.dialog-entry .stage-delete-button{
  flex:0 0 28px;
  margin:0;
}

@media(max-width:650px){
  .dialog-entry{
    padding:15px !important;
  }

  .dialog-text{
    padding:13px 14px;
    font-size:13px;
  }
}

/* =========================================================
   МОБИЛЬНОЕ БОКОВОЕ МЕНЮ
   ========================================================= */

#mobile-menu-button,
#mobile-menu-backdrop{
  display:none;
}

@media(max-width:700px){

  /* Убираем старнюю нижнюю навигацию */
  aside{
    position:fixed !important;
    z-index:100;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;

    width:min(280px,82vw) !important;
    height:100dvh !important;

    padding:22px 16px !important;

    display:flex !important;
    flex-direction:column;

    background:#fff;
    border:0 !important;
    border-right:1px solid #e1e5ef !important;

    box-shadow:18px 0 50px #26334d24;

    transform:translateX(-105%);
    transition:transform .2s ease;
  }

  body.mobile-menu-open aside{
    transform:translateX(0);
  }

  /* Возвращаем логотип в мобильное меню */
  aside .brand{
    display:flex !important;
    justify-content:flex-start;
    margin-bottom:28px;
    padding:0 8px;
  }

  aside .brand-logo{
    width:135px;
  }

  aside nav{
    display:grid !important;
    gap:6px;
    overflow:visible !important;
  }

  aside nav button{
    width:100%;
    display:flex !important;
    flex:none !important;
    align-items:center;
    justify-content:flex-start !important;
    gap:13px;

    padding:13px !important;

    text-align:left !important;
  }

  aside nav button span{
    font-size:14px !important;
    white-space:normal !important;
  }

  /* Затемнение страницы */
  #mobile-menu-backdrop{
    display:block;
    position:fixed;
    z-index:99;
    inset:0;

    background:#1a25484d;
    backdrop-filter:blur(2px);

    opacity:0;
    visibility:hidden;
    transition:opacity .2s ease,visibility .2s ease;
  }

  body.mobile-menu-open #mobile-menu-backdrop{
    opacity:1;
    visibility:visible;
  }

  /* Кнопка ☰ */
  #mobile-menu-button{
    display:flex;
    width:38px;
    height:38px;
    padding:0;
    align-items:center;
    justify-content:center;
    flex:0 0 38px;

    border:1px solid #dfe3ed;
    border-radius:9px;
    background:#fff;

    font-size:20px;
    line-height:1;
  }

  /* Верхняя шапка */
  header{
    height:60px;
    padding:0 14px;
    justify-content:flex-start;
    gap:12px;
  }

  header>span{
    max-width:none;
    min-width:0;
    flex:1;
  }

  .header-account{
    gap:6px;
  }

  .header-account button{
    padding:7px 8px;
    font-size:10px;
  }

  main{
    margin-left:0 !important;
    padding-bottom:0 !important;
  }

  #app{
    padding:20px 14px;
  }
}

/* Статус и клиент в шапке сурмамы */
.surrogate-header-controls{
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:14px;
  margin-top:18px;
}

.surrogate-header-controls label{
  display:grid !important;
  gap:6px;
  margin:0 !important;
  justify-content:initial !important;
}

.surrogate-header-controls label > span{
  font-size:11px;
  font-weight:600;
  color:#8590a5;
}

.surrogate-header-controls select{
  height:39px;
  min-width:170px;
  padding:7px 34px 7px 11px;
  border:1px solid #dce2ec;
  border-radius:9px;
  background:#fff;
}

.surrogate-header-controls label:last-child select{
  min-width:260px;
}

.surrogate-profile-actions{
  margin-top:15px !important;
}

/* Удаление — заметно, но не агрессивно */
.surrogate-profile-actions .danger{
  color:#b04b55;
  border-color:#ead3d6;
  background:#fff;
}

.surrogate-profile-actions .danger:hover{
  background:#fff5f6;
  border-color:#ddaeb4;
}

@media(max-width:650px){
  .surrogate-header-controls{
    display:grid;
    grid-template-columns:1fr;
  }

  .surrogate-header-controls select,
  .surrogate-header-controls label:last-child select{
    width:100%;
    min-width:0;
  }
}

/* =========================================================
   НАСТРОЙКИ → УЧЁТНЫЕ ЗАПИСИ
   ========================================================= */

.settings-page{
  max-width:1200px;
}

.permission-row{
  padding:20px 0;
  border-bottom:1px solid #e7ebf2;
}

.permission-row:last-child{
  border-bottom:0;
}

.permission-row > strong{
  display:inline-block;
  margin-right:8px;
  font-size:16px;
  color:#26334d;
}

/* Убираем вид больших технических fieldset */
.permission-row fieldset{
  margin:16px 0 0;
  padding:0;
  border:0;
}

.permission-row legend{
  margin-bottom:9px;
  padding:0;
  color:#7b879e;
  font-size:12px;
  font-weight:600;
}

/* Роли и страны как переключатели */
.permission-row fieldset label{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:auto;
  margin:0 7px 7px 0;
  padding:8px 12px;
  border:1px solid #dce2ec;
  border-radius:8px;
  background:#fff;
  color:#5f6d86;
  cursor:pointer;
  user-select:none;
}

.permission-row fieldset label:hover{
  background:#f6f8fd;
  border-color:#cbd3e4;
}

.permission-row fieldset label:has(input:checked){
  color:#435bcc;
  border-color:#bfc9f5;
  background:#f0f3ff;
  font-weight:600;
}

.permission-row fieldset input{
  width:15px;
  height:15px;
  margin:0;
  accent-color:#435bcc;
}

/* Кнопка сохранения */
.permission-row > .actions{
  margin-top:12px;
}

.permission-row > .actions .primary{
  padding:9px 14px;
}

/* Описание сверху */
.settings-page .panel > p{
  max-width:900px;
  margin-bottom:20px;
}

/* Мобильная версия */
@media(max-width:650px){
  .permission-row{
    padding:18px 0;
  }

  .permission-row fieldset label{
    margin-right:5px;
    padding:8px 10px;
  }
}

/* =========================================================
   SETTINGS / USERS — COMPACT V2
   ========================================================= */

.settings-page{
  max-width:1100px;
}

.settings-page > .panel{
  padding:24px 26px;
}

.settings-page > .panel > .panel-heading{
  margin-bottom:6px;
}

.settings-page > .panel > p{
  margin:8px 0 22px;
  max-width:850px;
  font-size:13px;
  line-height:1.55;
}

/* Карточка пользователя */
.permission-row{
  position:relative;
  margin:0;
  padding:22px 0;
  border:0;
  border-top:1px solid #e8ebf2;
}

.permission-row:first-of-type{
  border-top:0;
  padding-top:10px;
}

.permission-row > strong{
  display:inline-block;
  margin:0 8px 14px 0;
  font-size:17px;
  line-height:1.2;
  color:#26334d;
}

.permission-row > .badge{
  vertical-align:2px;
}

/* Fieldset больше не выглядит как форма */
.permission-row fieldset{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 13px;
  padding:0;
  border:0;
}

.permission-row legend{
  flex:0 0 100%;
  margin:0 0 2px;
  padding:0;
  color:#8994a9;
  font-size:11px;
  font-weight:600;
}

/* Кнопки-переключатели */
.permission-row fieldset label{
  display:inline-flex !important;
  align-items:center;
  justify-content:center !important;
  gap:7px;

  width:auto !important;
  min-height:36px;
  margin:0 !important;
  padding:7px 12px;

  border:1px solid #dce2ed;
  border-radius:9px;
  background:#fff;

  color:#637089;
  font-size:13px;
  cursor:pointer;
  transition:.15s ease;
}

.permission-row fieldset label:hover{
  border-color:#c7cee0;
  background:#f8f9fc;
}

.permission-row fieldset label:has(input:checked){
  border-color:#aebcfb;
  background:#eef1ff;
  color:#435bcc;
  font-weight:600;
}

.permission-row fieldset input{
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  flex:0 0 15px;
  accent-color:#435bcc;
}

/* Страны компактнее ролей */
.permission-row fieldset:nth-of-type(2){
  margin-top:4px;
}

.permission-row fieldset:nth-of-type(2) label{
  min-height:33px;
  padding:6px 11px;
}

/* Кнопка сохранения */
.permission-row > .actions{
  margin-top:14px;
}

.permission-row > .actions .primary{
  padding:9px 15px;
  font-size:13px;
}

/* На широком экране не растягиваем содержимое */
.permission-row fieldset,
.permission-row > .actions{
  max-width:760px;
}

@media(max-width:650px){
  .settings-page > .panel{
    padding:18px;
  }

  .permission-row{
    padding:19px 0;
  }

  .permission-row fieldset label{
    padding:7px 10px;
  }
}

/* =========================================================
   НАСТРОЙКИ / УЧЁТНЫЕ ЗАПИСИ V3
   ========================================================= */

.settings-users{
  max-width:1050px;
}

.settings-users-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}

.settings-users-heading h2{
  margin:0;
  font-size:20px;
}

.settings-users-heading p{
  margin:5px 0 0;
  font-size:13px;
}

.settings-user-list{
  display:grid;
  gap:14px;
}

.settings-user-card{
  background:#fff;
  border:1px solid #e0e5ef;
  border-radius:13px;
  padding:20px 22px;
}

.settings-user-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  margin-bottom:16px;
  border-bottom:1px solid #edf0f5;
}

.settings-user-head h3{
  margin:0;
  font-size:17px;
}

.settings-user-login{
  display:block;
  margin-top:4px;
  color:#8a95a8;
  font-size:12px;
}

.settings-permission-section{
  margin-top:15px;
}

.settings-permission-section[hidden]{
  display:none !important;
}

.settings-permission-label{
  display:block;
  margin-bottom:8px;
  color:#7e8aa0;
  font-size:11px;
  font-weight:650;
}

.settings-choice-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.settings-choice{
  position:relative;
  display:inline-flex !important;
  width:auto !important;
  margin:0 !important;
  cursor:pointer;
}

.settings-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.settings-choice span{
  display:flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #dce2ec;
  border-radius:8px;
  background:#fff;
  color:#64718a;
  font-size:13px;
  transition:.15s ease;
}

.settings-choice:hover span{
  background:#f7f8fc;
  border-color:#cbd3e2;
}

.settings-choice input:checked + span{
  color:#435bcc;
  border-color:#b9c5fb;
  background:#eef1ff;
  font-weight:600;
}

.settings-choice input:checked + span:before{
  content:'✓';
  margin-right:6px;
  font-weight:700;
}

.settings-manager-countries{
  padding-top:3px;
}

.settings-user-actions{
  display:flex;
  gap:8px;
  margin-top:18px;
}

.settings-user-actions button{
  padding:8px 13px;
  font-size:13px;
}

@media(max-width:650px){
  .settings-user-card{
    padding:17px;
  }

  .settings-users-heading{
    align-items:center;
  }

  .settings-choice span{
    padding:7px 10px;
  }
}

/* =========================================================
   USERS SETTINGS — COMPACT
   ========================================================= */

.users-settings{
  background:#fff;
  border:1px solid #e0e5ef;
  border-radius:14px;
  padding:22px;
}

.users-settings-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}

.users-settings-head h2{
  margin:0;
  font-size:19px;
  color:#26334d;
}

.users-settings-head p{
  margin:6px 0 0;
  max-width:760px;
  font-size:13px;
  line-height:1.5;
}

.users-settings-head>button{
  flex-shrink:0;
}

.users-settings-list{
  display:grid;
  gap:10px;
}

/* Одна учётная запись */
.user-access-card{
  display:grid;
  grid-template-columns:250px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;

  min-height:108px;
  padding:16px 18px;

  border:1px solid #e1e6ef;
  border-radius:11px;
  background:#fff;
}

/* Пользователь */
.user-access-person{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding-right:20px;
  border-right:1px solid #e8ebf2;
}

.user-access-avatar{
  width:50px;
  height:50px;
  flex:0 0 50px;

  display:grid;
  place-items:center;

  border-radius:50%;
  background:#eef1ff;
  color:#435bcc;

  font-size:18px;
  font-weight:650;
}

.user-access-person-info{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}

.user-access-person-info strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;

  color:#26334d;
  font-size:15px;
  white-space:nowrap;
}

.user-access-person-info>span:not(.user-access-status){
  margin-top:2px;
  color:#8994a8;
  font-size:12px;
}

/* Статус */
.user-access-status{
  display:inline-flex;
  margin-top:7px;
  padding:4px 8px;
  border-radius:6px;

  font-size:11px;
  line-height:1.2;
}

.user-access-status.active{
  background:#e9f8ef;
  color:#27805a;
}

.user-access-status.pending{
  background:#f0f2fb;
  color:#7180a3;
}

.user-access-status.rejected{
  background:#fff0f1;
  color:#b84d58;
}

/* Права */
.user-access-permissions{
  min-width:0;
}

.user-access-label{
  display:block;
  margin:0 0 6px;

  color:#7e899f;
  font-size:11px;
  font-weight:600;
}

.user-access-options{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

/* Checkbox как компактная кнопка */
.user-access-option{
  position:relative;
  display:inline-flex !important;

  width:auto !important;
  margin:0 !important;
  padding:0 !important;

  cursor:pointer;
}

.user-access-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.user-access-option span{
  display:flex;
  align-items:center;

  min-height:34px;
  padding:6px 11px;

  border:1px solid #dce2ec;
  border-radius:8px;

  background:#fff;
  color:#627089;

  font-size:12px;
  line-height:1;

  transition:
   background .15s ease,
   border-color .15s ease,
   color .15s ease;
}

.user-access-option span:before{
  content:'';
  width:13px;
  height:13px;
  margin-right:7px;

  border:1px solid #8e98aa;
  border-radius:4px;

  background:#fff;
}

.user-access-option:hover span{
  background:#f7f8fc;
  border-color:#c7cfdf;
}

.user-access-option input:checked + span{
  border-color:#b3c0ff;
  background:#eef1ff;
  color:#435bcc;
  font-weight:600;
}

.user-access-option input:checked + span:before{
  content:'✓';

  display:grid;
  place-items:center;

  border-color:#435bcc;
  background:#435bcc;
  color:#fff;

  font-size:9px;
  font-weight:700;
}

/* Страны */
.user-access-countries{
  margin-top:11px;
}

.country-option span{
  min-height:31px;
  padding:5px 9px;
}

/* Действия справа */
.user-access-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;

  min-width:105px;
}

.user-access-actions button{
  padding:9px 14px;
  font-size:12px;
  white-space:nowrap;
}

.user-access-actions .user-approve{
  background:#269b68;
  border-color:#269b68;
}

.user-access-actions .user-approve:hover{
  background:#20875a;
}

.user-access-actions .user-reject{
  color:#b54450;
  border-color:#f0cdd1;
  background:#fff4f5;
}

/* Низ */
.users-settings-footer{
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid #edf0f5;

  text-align:center;
  color:#8a95a8;
  font-size:11px;
}

/* Планшет */
@media(max-width:1050px){

  .user-access-card{
    grid-template-columns:210px minmax(0,1fr);
  }

  .user-access-actions{
    grid-column:2;
    justify-content:flex-start;
  }

}

/* Телефон */
@media(max-width:700px){

  .users-settings{
    padding:15px;
  }

  .users-settings-head{
    align-items:center;
  }

  .users-settings-head p{
    display:none;
  }

  .user-access-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:15px;
  }

  .user-access-person{
    padding:0 0 13px;
    border-right:0;
    border-bottom:1px solid #edf0f5;
  }

  .user-access-actions{
    grid-column:auto;
    justify-content:flex-start;
  }

}

/* Учётные записи — узкий компактный блок */
.users-settings{
  width:420px !important;
  max-width:100% !important;
  margin:0 !important;
  padding:16px !important;
}

.users-settings-head{
  gap:10px !important;
  margin-bottom:14px !important;
}

.users-settings-head h2{
  font-size:17px !important;
}

.users-settings-head p{
  font-size:12px !important;
  line-height:1.4 !important;
}

.users-settings-head > button{
  padding:7px 9px !important;
  font-size:11px !important;
}

.users-settings-list{
  gap:9px !important;
}

/* Карточка пользователя теперь вертикальная и узкая */
.user-access-card{
  width:100% !important;
  min-height:0 !important;

  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;

  padding:14px !important;
}

/* Пользователь */
.user-access-person{
  padding:0 0 11px !important;
  border-right:0 !important;
  border-bottom:1px solid #edf0f5 !important;
}

.user-access-avatar{
  width:40px !important;
  height:40px !important;
  flex-basis:40px !important;
  font-size:15px !important;
}

.user-access-person-info strong{
  font-size:14px !important;
}

/* Роли */
.user-access-option span{
  min-height:30px !important;
  padding:5px 8px !important;
  font-size:11px !important;
}

.user-access-option span:before{
  width:11px !important;
  height:11px !important;
  margin-right:5px !important;
}

/* Страны */
.user-access-countries{
  margin-top:9px !important;
}

/* Кнопки */
.user-access-actions{
  min-width:0 !important;
  justify-content:flex-start !important;
}

.user-access-actions button{
  padding:7px 11px !important;
  font-size:11px !important;
}

/* Счётчик */
.users-settings-footer{
  margin-top:10px !important;
  padding-top:10px !important;
}

@media(max-width:500px){
  .users-settings{
    width:100% !important;
  }
}

/* =========================================
   УЧЁТНЫЕ ЗАПИСИ — ПРОСТОЙ СПИСОК
   ========================================= */

.users-settings{
  width:620px !important;
  max-width:100% !important;
  padding:18px !important;
}

.users-settings-head{
  margin-bottom:12px !important;
}

.users-settings-head p{
  display:none !important;
}

.users-settings-list{
  gap:0 !important;
}

/* Одна учётная запись */
.user-access-card{
  display:grid !important;
  grid-template-columns:130px minmax(0,1fr) 90px !important;
  gap:14px !important;
  align-items:start !important;

  width:100% !important;
  min-height:0 !important;

  padding:15px 0 !important;

  border:0 !important;
  border-bottom:1px solid #e8ebf2 !important;
  border-radius:0 !important;
  background:transparent !important;
}

/* Пользователь */
.user-access-person{
  display:block !important;
  padding:3px 0 0 !important;
  border:0 !important;
}

.user-access-avatar{
  display:none !important;
}

.user-access-person-info{
  display:block !important;
}

.user-access-person-info strong{
  display:block;
  font-size:13px !important;
  font-weight:600;
}

.user-access-person-info > span:not(.user-access-status){
  font-size:11px !important;
}

.user-access-status{
  margin-top:5px !important;
  font-size:10px !important;
}

/* Правая часть */
.user-access-permissions{
  display:grid !important;
  gap:10px !important;
}

/* Название слева — выбор справа */
.settings-permission-section,
.user-access-countries{
  display:grid !important;
  grid-template-columns:70px minmax(0,1fr) !important;
  align-items:start !important;
  gap:10px !important;
  margin:0 !important;
}

.user-access-label{
  margin:8px 0 0 !important;
  font-size:11px !important;
}

/* Выборы */
.user-access-options{
  gap:5px !important;
}

.user-access-option span{
  min-height:28px !important;
  padding:5px 7px !important;
  font-size:11px !important;
  border-radius:6px !important;
}

.user-access-option span:before{
  width:10px !important;
  height:10px !important;
  margin-right:4px !important;
}

/* Действие */
.user-access-actions{
  display:flex !important;
  justify-content:flex-end !important;
  min-width:0 !important;
  padding-top:2px;
}

.user-access-actions button{
  padding:7px 9px !important;
  font-size:11px !important;
}

/* Нижний счётчик */
.users-settings-footer{
  margin-top:10px !important;
  padding-top:0 !important;
  border:0 !important;
  text-align:left !important;
}

/* Телефон */
@media(max-width:650px){

  .users-settings{
    width:100% !important;
  }

  .user-access-card{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .settings-permission-section,
  .user-access-countries{
    grid-template-columns:65px minmax(0,1fr) !important;
  }

  .user-access-actions{
    justify-content:flex-start !important;
  }
}

/* =========================================
   ПРАВА — ПРОСТОЙ ТЕКСТОВЫЙ ВИД
   ========================================= */

.user-simple-setting,
.user-admin-role,
.user-access-countries{
  display:grid !important;
  grid-template-columns:75px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 9px !important;
}

.user-simple-setting > span,
.user-admin-role > span,
.user-access-countries > .user-access-label{
  margin:0 !important;
  color:#8994a8 !important;
  font-size:12px !important;
}

.user-admin-role strong{
  color:#344057;
  font-size:13px;
  font-weight:600;
}

/* Убираем вид кнопок */
.user-access-option span{
  min-height:0 !important;
  padding:3px 0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;

  color:#4e5a70 !important;
  font-size:12px !important;
  font-weight:400 !important;
}

/* Возвращаем обычный checkbox */
.user-access-option input{
  position:static !important;
  opacity:1 !important;
  pointer-events:auto !important;

  width:14px !important;
  height:14px !important;
  margin:0 6px 0 0 !important;

  accent-color:#435bcc;
}

.user-access-option{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  margin:0 14px 0 0 !important;
}

/* Убираем нарисованный checkbox */
.user-access-option span:before{
  display:none !important;
  content:none !important;
}

.user-access-option input:checked + span{
  border:0 !important;
  background:transparent !important;
  color:#344057 !important;
  font-weight:500 !important;
}

.user-access-options{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px 0 !important;
}

/* Администратор ещё компактнее */
.user-access-card:has(.user-admin-role){
  min-height:72px !important;
}

.user-access-card:has(.user-admin-role) .user-access-actions{
  display:none !important;
}

@media(max-width:650px){
  .user-simple-setting,
  .user-admin-role,
  .user-access-countries{
    grid-template-columns:65px minmax(0,1fr) !important;
  }
}

/* Роль пользователя — обычный select */

.user-role-select-row,
.user-admin-role,
.user-access-countries{
  display:grid !important;
  grid-template-columns:70px 180px !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 9px !important;
}

.user-role-select-row > span,
.user-admin-role > span,
.user-access-countries > .user-access-label{
  margin:0 !important;
  color:#8994a8 !important;
  font-size:12px !important;
}

.user-role-select{
  width:180px !important;
  height:34px;
  padding:5px 30px 5px 9px;
  font-size:12px;
  border:1px solid #dce2ec;
  border-radius:7px;
  background:#fff;
}

.user-admin-role strong{
  font-size:13px;
  font-weight:600;
  color:#344057;
}

/* Страны — обычные checkbox без кнопочного вида */
.user-access-countries{
  grid-template-columns:70px minmax(0,1fr) !important;
}

.user-access-countries .user-access-option{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  margin:0 12px 0 0 !important;
}

.user-access-countries .user-access-option input{
  position:static !important;
  opacity:1 !important;
  pointer-events:auto !important;
  width:14px !important;
  height:14px !important;
  margin:0 5px 0 0 !important;
}

.user-access-countries .user-access-option span{
  padding:0 !important;
  min-height:0 !important;
  border:0 !important;
  background:none !important;
  font-size:12px !important;
}

.user-access-countries .user-access-option span:before{
  display:none !important;
}

.user-access-countries[hidden]{
  display:none !important;
}

/* Несколько менеджеров клиента */

.client-managers-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:0;
  border:0;
  background:transparent;
}

.client-managers-button:hover{
  background:transparent;
}

.client-managers-avatar{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef1ff;
  color:#435bcc;
  font-size:12px;
  font-weight:650;
}

.client-managers-count{
  min-width:19px;
  height:19px;
  display:grid;
  place-items:center;
  margin-left:-5px;
  margin-top:-17px;
  padding:0 4px;
  border:2px solid #fff;
  border-radius:10px;
  background:#435bcc;
  color:#fff;
  font-size:9px;
  font-weight:650;
}

.client-manager-picker{
  display:grid;
  gap:7px;
}

.client-manager-picker label{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  margin:0;
  padding:9px 10px;
  border-radius:8px;
  cursor:pointer;
}

.client-manager-picker label:hover{
  background:#f5f7fc;
}

.client-manager-picker input{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#435bcc;
}

.client-manager-picker span{
  color:#344057;
  font-size:13px;
}

/* Менеджеры в карточке клиента — компактно */
.client-manager-slots{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  flex:0 0 auto !important;
}

.client-manager-slot,
.client-manager-slot.assigned,
.client-manager-slot.empty{
  box-sizing:border-box !important;

  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 28px !important;

  border-radius:50% !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:600 !important;
}

/* Назначенный менеджер */
.client-manager-slot.assigned{
  border:1px solid #d8def0 !important;
  background:#f3f5ff !important;
  color:#5264c7 !important;
}

/* Добавить менеджера */
.client-manager-slot.empty{
  border:1px dashed #cbd3e2 !important;
  background:transparent !important;
  color:#8d98ac !important;

  font-size:15px !important;
  font-weight:400 !important;
}

.client-manager-slot.assigned:hover,
.client-manager-slot.empty:hover{
  border-color:#aeb9e8 !important;
  background:#eef1ff !important;
  color:#435bcc !important;
}

/* Не даём общим стилям кнопок растягивать + */
.client-summary-badges .client-manager-slot{
  width:28px !important;
  max-width:28px !important;
  padding:0 !important;
}

.client-summary-badges{
  align-items:center !important;
}

/* =========================================================
   ЗАЯВКИ — КАРТОЧКИ КАК У КЛИЕНТОВ
   ========================================================= */

.lead-client-card{
  min-height:255px;
}

.lead-client-card .client-summary-badges{
  min-height:30px;
  align-items:center;
}

/* leadAssignment внутри верхней строки */
.lead-client-card .lead-assignment{
  display:flex;
  align-items:center;
  gap:5px;

  margin:0 0 0 auto;
}

.lead-client-card .lead-manager-picker{
  margin-left:0 !important;
}

.lead-client-card .card-head{
  align-items:flex-start;
  margin:22px 0;
}

.lead-client-card .card-head > div:last-child{
  min-width:0;
  flex:1;
}

.lead-client-card .client-name-button{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Текст заявки — максимум 3 строки */
.lead-card-preview{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;

  overflow:hidden;
  overflow-wrap:anywhere;

  margin:7px 0 0 !important;

  color:#7d889c;
  font-size:12px !important;
  line-height:1.5 !important;
}

/* Кнопки всегда внизу */
.lead-card-foot{
  margin-top:auto;
  justify-content:flex-start;
  gap:8px;
}

.lead-card-foot button{
  font-size:12px;
  padding:8px 11px;
}

@media(max-width:700px){
  .lead-client-card{
    min-height:230px;
  }
}

/* Заявка — простая карточка */

.lead-client-card{
  min-height:190px !important;
  padding:20px !important;
}

.lead-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.lead-card-top .client-summary-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-height:0;
}

.lead-card-top .lead-assignment{
  margin:0 !important;
}

.lead-card-archive{
  flex:0 0 auto;
}

/* Архив делаем второстепенным */
.lead-card-archive button{
  padding:5px 8px !important;
  border:0 !important;
  background:transparent !important;
  color:#8a95a8 !important;
  font-size:11px !important;
}

.lead-card-archive button:hover{
  background:#f3f5f9 !important;
  color:#56627a !important;
}

.lead-card-content{
  margin-top:22px;
  min-width:0;
}

.lead-card-content h2{
  margin:0;
  font-size:19px;
}

/* Имя — основной способ открыть заявку */
.lead-card-content .client-name-button{
  max-width:100%;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;

  color:#26334d !important;
  font-size:19px !important;
  font-weight:650 !important;
  text-align:left;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.lead-card-content .client-name-button:hover{
  color:#435bcc !important;
  background:transparent !important;
}

.lead-card-preview{
  margin:9px 0 0 !important;
}

/* Старый нижний блок больше не используется */
.lead-card-foot{
  display:none !important;
}

/* =========================================
   ЗАЯВКИ — ПАНЕЛЬ ФИЛЬТРОВ
   ========================================= */

body:has([data-nav="leads"].active) .toolbar{
  display:flex;
  align-items:center;
  gap:8px;

  margin:16px 0 20px;
  padding:10px 12px;

  border:1px solid #e1e6ef;
  border-radius:11px;
  background:#fff;
}

/* Поиск */
body:has([data-nav="leads"].active) .toolbar input[data-filter="search"]{
  width:280px;
  height:36px;
  margin:0;
  padding:7px 11px;

  border:1px solid #dce2ec;
  border-radius:8px;

  font-size:13px;
}

/* Фильтры */
body:has([data-nav="leads"].active) .toolbar select{
  width:auto;
  min-width:125px;
  height:36px;
  margin:0;
  padding:6px 30px 6px 10px;

  border:1px solid #dce2ec;
  border-radius:8px;
  background:#fff;

  font-size:12px;
  color:#46536b;
}

/* Счётчик заявок */
body:has([data-nav="leads"].active) .toolbar .badge{
  margin-left:auto;
  padding:5px 9px;

  border-radius:7px;
  background:#f1f3fa;
  color:#64718a;

  font-size:11px;
  font-weight:500;
  white-space:nowrap;
}

/* Focus */
body:has([data-nav="leads"].active) .toolbar input:focus,
body:has([data-nav="leads"].active) .toolbar select:focus{
  border-color:#9eace9;
  outline:none;
  box-shadow:0 0 0 3px #5267d512;
}

/* Мобильная версия */
@media(max-width:700px){
  body:has([data-nav="leads"].active) .toolbar{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }

  body:has([data-nav="leads"].active) .toolbar input[data-filter="search"]{
    grid-column:1 / -1;
    width:100%;
  }

  body:has([data-nav="leads"].active) .toolbar select{
    width:100%;
    min-width:0;
  }

  body:has([data-nav="leads"].active) .toolbar .badge{
    grid-column:1 / -1;
    margin:2px 0 0;
    justify-self:start;
  }
}

/* Новая заявка — названия внутри полей */

.lead-create-form .lead-create-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin:14px 0 9px;
}

.lead-create-form .lead-create-fields input,
.lead-create-form .lead-create-fields select{
  width:100%;
  height:42px;
  margin:0;
}

.lead-create-form > textarea{
  width:100%;
  margin:0;
}

.lead-create-form .application-import textarea{
  width:100%;
  margin:10px 0;
}

@media(max-width:650px){
  .lead-create-form .lead-create-fields{
    grid-template-columns:1fr;
  }
}

/* Статус заявки */

.lead-status-control{
  display:flex;
  align-items:center;
  gap:9px;
}

.lead-status-control > select{
  width:auto;
  min-width:120px;
  height:36px;
  padding:6px 30px 6px 10px;

  border:1px solid #dce2ec;
  border-radius:8px;

  background:#fff;
  font-size:12px;
}

.lead-follow-up{
  display:flex !important;
  align-items:center;
  gap:7px;
  margin:0 !important;
}

.lead-follow-up[hidden]{
  display:none !important;
}

.lead-follow-up span{
  color:#8994a8;
  font-size:11px;
}

.lead-follow-up input{
  width:140px;
  height:36px;
  padding:5px 8px;

  border:1px solid #dce2ec;
  border-radius:8px;

  font-size:12px;
}

/* =========================================
   ЗАЯВКА — ПАНЕЛЬ УПРАВЛЕНИЯ В ШАПКЕ
   ========================================= */

/* Контейнер действий в заголовке заявки */
body:has(.lead-profile-tabs) .page-title .actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  padding:10px 12px !important;

  border:1px solid #e1e6ef !important;
  border-radius:11px !important;
  background:#fff !important;
}

/* Статус */
body:has(.lead-profile-tabs) .lead-status-control{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

body:has(.lead-profile-tabs) .lead-status-control > select{
  width:auto !important;
  min-width:120px !important;
  height:36px !important;

  margin:0 !important;
  padding:6px 30px 6px 10px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;
  background:#fff !important;

  color:#46536b !important;
  font-size:12px !important;
}

/* Все кнопки справа */
body:has(.lead-profile-tabs) .page-title .actions > button{
  height:36px !important;
  min-height:36px !important;

  margin:0 !important;
  padding:6px 12px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;
  background:#fff !important;

  color:#46536b !important;
  font-size:12px !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}

/* Удаление — спокойно, без огромной красной кнопки */
body:has(.lead-profile-tabs) .page-title .actions > button.danger{
  color:#b84b55 !important;
  border-color:#ead5d8 !important;
  background:#fff !important;
}

body:has(.lead-profile-tabs) .page-title .actions > button.danger:hover{
  color:#a63843 !important;
  border-color:#dfbcc1 !important;
  background:#fff6f7 !important;
}

/* Дата "Связаться" */
body:has(.lead-profile-tabs) .lead-follow-up{
  height:36px !important;
  margin:0 !important;
}

/* Мобильная версия */
@media(max-width:700px){
  body:has(.lead-profile-tabs) .page-title .actions{
    width:100%;
    flex-wrap:wrap;
  }
}

/* =========================================================
   ОТКРЫТАЯ ЗАЯВКА — КОМПАКТНАЯ ПАНЕЛЬ УПРАВЛЕНИЯ
   ========================================================= */

body:has(.lead-profile-tabs) .page-title .actions{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;

  margin:0 !important;
  padding:10px 12px !important;

  border:1px solid #e1e6ef !important;
  border-radius:11px !important;
  background:#fff !important;
}

/* Статус */
body:has(.lead-profile-tabs) .lead-status-control{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
}

body:has(.lead-profile-tabs) .lead-status-control > select{
  box-sizing:border-box !important;

  width:auto !important;
  min-width:120px !important;
  height:36px !important;

  margin:0 !important;
  padding:6px 30px 6px 10px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;
  background:#fff !important;

  color:#46536b !important;
  font-size:12px !important;
  font-weight:400 !important;
}

/* Вернуть из архива / В архив */
body:has(.lead-profile-tabs) .page-title .actions > button{
  box-sizing:border-box !important;

  height:36px !important;
  min-height:36px !important;

  margin:0 !important;
  padding:6px 12px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;
  background:#fff !important;

  color:#46536b !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1 !important;

  white-space:nowrap !important;
}

body:has(.lead-profile-tabs) .page-title .actions > button:hover{
  border-color:#c7cfdf !important;
  background:#f7f8fb !important;
}

/* Удалить заявку */
body:has(.lead-profile-tabs) .page-title .actions > button.danger{
  border-color:#eadadd !important;
  background:#fff !important;
  color:#ad4a54 !important;
}

body:has(.lead-profile-tabs) .page-title .actions > button.danger:hover{
  border-color:#dfc2c7 !important;
  background:#fff6f7 !important;
  color:#9f3742 !important;
}

/* Если заявка отложена */
body:has(.lead-profile-tabs) .lead-follow-up{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;

  height:36px !important;
  margin:0 !important;
}

body:has(.lead-profile-tabs) .lead-follow-up[hidden]{
  display:none !important;
}

body:has(.lead-profile-tabs) .lead-follow-up span{
  color:#7e899d !important;
  font-size:11px !important;
  white-space:nowrap !important;
}

body:has(.lead-profile-tabs) .lead-follow-up input{
  box-sizing:border-box !important;

  width:135px !important;
  height:36px !important;

  margin:0 !important;
  padding:6px 8px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;
  background:#fff !important;

  color:#46536b !important;
  font-size:12px !important;
}

/* Одинаковый focus как у фильтров */
body:has(.lead-profile-tabs) .lead-status-control select:focus,
body:has(.lead-profile-tabs) .lead-follow-up input:focus{
  border-color:#9eace9 !important;
  outline:none !important;
  box-shadow:0 0 0 3px #5267d512 !important;
}

@media(max-width:700px){
  body:has(.lead-profile-tabs) .page-title .actions{
    width:100% !important;
  }
}

/* =========================================================
   ОТКРЫТАЯ ЗАЯВКА — ВКЛАДКИ И СОДЕРЖИМОЕ
   ========================================================= */

/* Убираем старый вид отдельной большой панели */
.lead-profile-header{
  margin-top:14px !important;
  padding:10px 12px !important;

  border:1px solid #e1e6ef !important;
  border-radius:11px !important;
  background:#fff !important;
}

/* Менеджеры / служебная строка */
.lead-profile-meta{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;

  margin:0 0 9px !important;
  padding:0 !important;
}

/* Вкладки */
.lead-profile-tabs{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
}

.lead-profile-tabs button{
  height:34px !important;
  min-height:34px !important;

  margin:0 !important;
  padding:6px 11px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;

  background:#fff !important;
  color:#5f6c83 !important;

  font-size:12px !important;
  font-weight:500 !important;
}

.lead-profile-tabs button:hover{
  border-color:#c6cedf !important;
  background:#f7f8fb !important;
}

/* Активная вкладка */
.lead-profile-tabs button.active{
  border-color:#b8c3f7 !important;
  background:#eef1ff !important;
  color:#435bcc !important;
  font-weight:600 !important;
}

/* Содержимое вкладки */
.lead-profile-content{
  margin-top:10px !important;
}

/* Основные панели внутри заявки */
.lead-profile-content > .panel,
.lead-profile-content > .stack > .panel{
  margin:0 0 10px !important;
  padding:18px !important;

  border:1px solid #e1e6ef !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:none !important;
}

/* Заголовки внутри вкладок */
.lead-profile-content .panel-heading{
  margin-bottom:14px !important;
}

.lead-profile-content .panel-heading h3{
  margin:0 !important;
  font-size:15px !important;
  color:#29354c !important;
}

/* Все поля одинаковые */
.lead-profile-content input,
.lead-profile-content select,
.lead-profile-content textarea{
  box-sizing:border-box !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;

  background:#fff !important;
  color:#344057 !important;

  font-size:13px !important;
}

/* Контакты компактнее */
.lead-profile-content .application-contact-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
}

/* Импорт заявки */
.lead-profile-content .application-import{
  margin-bottom:14px !important;
  padding:12px !important;

  border:1px solid #e6eaf1 !important;
  border-radius:9px !important;
  background:#fafbfe !important;
}

.lead-profile-content .application-import summary{
  cursor:pointer;
  color:#536079;
  font-size:12px;
  font-weight:600;
}

/* Кнопки сохранения */
.lead-profile-content button.primary{
  min-height:34px !important;
  padding:7px 12px !important;

  border-radius:8px !important;

  font-size:12px !important;
}

/* Мобильная версия */
@media(max-width:700px){

  .lead-profile-tabs{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:2px !important;
  }

  .lead-profile-tabs button{
    flex:0 0 auto !important;
  }

  .lead-profile-content .application-contact-grid{
    grid-template-columns:1fr !important;
  }
}

/* Менеджеры заявки сразу после вкладки Документы */

.lead-profile-tabs .lead-manager-slots{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;

  margin:0 0 0 4px !important;
  padding:0 !important;

  flex:0 0 auto !important;
}

.lead-profile-tabs .client-manager-slot{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  min-height:30px !important;

  margin:0 !important;
  padding:0 !important;

  flex:0 0 30px !important;
  border-radius:50% !important;
}

/* =========================================================
   ЗАЯВКА — ЕДИНАЯ ПАНЕЛЬ
   ========================================================= */

.lead-profile-header{
  padding:10px 12px !important;
}

.lead-profile-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;

  width:100% !important;
}

/* ЛЕВАЯ ЧАСТЬ */
.lead-profile-tabs{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:6px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  flex:0 1 auto !important;
}

.lead-profile-tabs > button{
  height:36px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:6px 11px !important;
  white-space:nowrap !important;
}

/* Менеджеры после Документов */
.lead-profile-tabs .lead-manager-slots{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;

  margin:0 0 0 3px !important;
  padding:0 !important;

  flex:0 0 auto !important;
}

/* ПРАВАЯ ЧАСТЬ */
.lead-profile-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:8px !important;

  margin-left:auto !important;
  flex:0 0 auto !important;
}

.lead-profile-actions .lead-status-control{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
}

.lead-profile-actions select{
  height:36px !important;
  min-width:120px !important;
  margin:0 !important;
  padding:6px 30px 6px 10px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;
  background:#fff !important;

  font-size:12px !important;
}

.lead-profile-actions > button{
  height:36px !important;
  min-height:36px !important;

  margin:0 !important;
  padding:6px 12px !important;

  border-radius:8px !important;

  font-size:12px !important;
  white-space:nowrap !important;
}

/* Удаление */
.lead-profile-actions > button.danger{
  border-color:#eadadd !important;
  background:#fff !important;
  color:#ad4a54 !important;
}

/* Дата отложенной заявки */
.lead-profile-actions .lead-follow-up{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  height:36px !important;
  margin:0 !important;
}

.lead-profile-actions .lead-follow-up[hidden]{
  display:none !important;
}

.lead-profile-actions .lead-follow-up input{
  width:135px !important;
  height:36px !important;
  margin:0 !important;
}

/* Если экран становится узким — переносим правый блок вниз */
@media(max-width:1000px){

  .lead-profile-toolbar{
    align-items:flex-start !important;
    flex-wrap:wrap !important;
  }

  .lead-profile-actions{
    width:100% !important;
    justify-content:flex-start !important;
    margin-left:0 !important;
  }

  .lead-profile-tabs{
    overflow-x:auto !important;
    max-width:100% !important;
  }
}

/* =========================================================
   ПРАВА ПОЛЬЗОВАТЕЛЕЙ V2
   ========================================================= */

.permissions-v2{
  display:grid !important;
  grid-template-columns:130px minmax(0,1fr) 90px !important;
  align-items:start !important;
  gap:18px !important;

  min-height:0 !important;
  padding:16px 0 !important;

  border:0 !important;
  border-bottom:1px solid #e8ebf2 !important;
  border-radius:0 !important;
}

.permissions-v2 .user-access-person{
  padding:2px 0 !important;
  border:0 !important;
}

.permission-v2-fields{
  display:grid;
  gap:12px;
}

.permission-v2-row{
  display:grid;
  grid-template-columns:55px minmax(0,1fr);
  align-items:start;
  gap:10px;
}

.permission-v2-label{
  padding-top:3px;
  color:#8a95a8;
  font-size:11px;
}

.permission-v2-options{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 16px;
}

.permission-v2-options label{
  display:inline-flex !important;
  align-items:center !important;

  width:auto !important;
  margin:0 !important;
  padding:0 !important;

  cursor:pointer;
}

.permission-v2-options input{
  position:static !important;
  opacity:1 !important;
  pointer-events:auto !important;

  width:14px !important;
  height:14px !important;

  margin:0 5px 0 0 !important;
  accent-color:#435bcc;
}

.permission-v2-options span{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;

  color:#4f5c73 !important;
  font-size:12px !important;
  font-weight:400 !important;
}

.permissions-v2 .user-access-actions{
  justify-content:flex-end !important;
}

@media(max-width:800px){

  .permissions-v2{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .permissions-v2 .user-access-actions{
    justify-content:flex-start !important;
  }
}

/* =========================================================
   ЛИЧНЫЙ КАБИНЕТ V2
   ========================================================= */

.profile-page{
  max-width:720px;
}

.profile-card{
  padding:24px !important;
}

.profile-head{
  display:flex;
  align-items:center;
  gap:18px;
}

/* Фото */

.profile-photo{
  position:relative;
  flex:0 0 auto;
}

.profile-photo > img,
.profile-initial{
  width:72px;
  height:72px;

  border-radius:50%;
  object-fit:cover;
}

.profile-initial{
  display:grid;
  place-items:center;

  background:#eef1ff;
  color:#4d60c5;

  font-size:25px;
  font-weight:650;
}

.profile-photo-edit{
  position:absolute;
  right:-5px;
  bottom:-3px;

  display:grid !important;
  place-items:center;

  width:25px !important;
  height:25px;

  margin:0 !important;
  padding:0 !important;

  border:2px solid #fff;
  border-radius:50%;

  background:#4d60c5;
  color:#fff;

  cursor:pointer;
}

.profile-photo-edit span{
  font-size:0;
}

.profile-photo-edit span:after{
  content:'+';
  font-size:16px;
  line-height:1;
}

.profile-photo-edit input{
  display:none;
}

/* Имя */

.profile-identity{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.profile-identity h2{
  margin:0;
  color:#26334d;
  font-size:21px;
}

.profile-login{
  margin-top:3px;
  color:#8a95a8;
  font-size:12px;
}

.profile-admin-badge{
  margin-top:7px;
  padding:4px 8px;

  border-radius:6px;
  background:#eef1ff;
  color:#4d60c5;

  font-size:10px;
  font-weight:600;
}

/* Разделители */

.profile-divider{
  height:1px;
  margin:20px 0;
  background:#e9edf3;
}

/* Имя + логин */

.profile-edit-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.profile-edit-fields input{
  width:100%;
  height:40px;

  margin:0;
  padding:7px 10px;

  border:1px solid #dce2ec;
  border-radius:8px;

  font-size:13px;
}

/* Права */

.profile-access-block{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  align-items:start;
  gap:10px;

  margin-top:17px;
}

.profile-section-label{
  padding-top:5px;

  color:#8a95a8;
  font-size:11px;
}

.profile-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

.profile-tags span{
  padding:5px 8px;

  border-radius:6px;
  background:#f1f3f8;
  color:#536079;

  font-size:11px;
}

.profile-tags small{
  padding-top:4px;
  color:#9aa3b3;
}

.profile-full-access{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.profile-full-access strong{
  color:#344057;
  font-size:13px;
}

.profile-full-access span{
  color:#8994a8;
  font-size:11px;
}

.profile-note{
  margin-top:16px;
  color:#9aa3b3;
  font-size:10px;
}

/* Пароль */

.profile-password h3{
  margin:0 0 10px;
  font-size:14px;
}

.profile-password #password-form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
}

.profile-password input{
  width:100%;
  height:40px;
  margin:0;
}

/* Нижние кнопки */

.profile-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;

  margin-top:18px;
}

.profile-actions button{
  min-height:36px;
  padding:7px 12px;
  font-size:12px;
}

/* Телефон */

@media(max-width:650px){

  .profile-card{
    padding:18px !important;
  }

  .profile-edit-fields,
  .profile-password #password-form{
    grid-template-columns:1fr;
  }

  .profile-access-block{
    grid-template-columns:1fr;
    gap:5px;
  }
}

/* =========================================================
   ЛИЧНЫЙ КАБИНЕТ — ЕДИНЫЙ ВИД
   ========================================================= */

.account-profile-page{
  width:100%;
  max-width:720px;
}

.account-profile-card{
  padding:24px !important;
}

/* Верх */

.account-profile-head{
  display:flex;
  align-items:center;
  gap:17px;
}

.account-profile-photo{
  flex:0 0 auto;
}

.account-profile-photo img,
.account-profile-initial{
  width:70px;
  height:70px;
  border-radius:50%;
}

.account-profile-photo img{
  display:block;
  object-fit:cover;
}

.account-profile-initial{
  display:grid;
  place-items:center;

  background:#eef1ff;
  color:#5062c5;

  font-size:24px;
  font-weight:650;
}

.account-profile-main{
  min-width:0;
}

.account-profile-name h2{
  margin:0;

  color:#29364e;
  font-size:20px;
  line-height:1.2;
}

.account-profile-name span{
  display:block;
  margin-top:3px;

  color:#929caf;
  font-size:11px;
}

/* Добавить / изменить / удалить фото */

.account-photo-actions{
  display:flex;
  align-items:center;
  gap:11px;

  margin-top:9px;
}

.account-photo-action{
  display:inline !important;

  width:auto !important;
  min-height:0 !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;

  color:#6575c9 !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1.2 !important;

  cursor:pointer;
}

.account-photo-action:hover{
  color:#4358bd !important;
  text-decoration:underline;
}

button.account-photo-delete{
  color:#a26a70 !important;
}

button.account-photo-delete:hover{
  color:#a43f49 !important;
  background:transparent !important;
}

/* Разделитель */

.account-profile-divider{
  height:1px;
  margin:20px 0;

  background:#e9edf3;
}

/* Имя / логин */

.account-profile-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.account-profile-fields input{
  box-sizing:border-box;

  width:100%;
  height:40px;

  margin:0;
  padding:7px 10px;

  border:1px solid #dce2ec;
  border-radius:8px;

  background:#fff;
  color:#344057;

  font-size:13px;
}

.account-profile-fields input[readonly]{
  background:#f8f9fb;
  color:#8a95a8;
}

/* Пароль */

.account-password-section h3{
  margin:0 0 11px;

  color:#344057;
  font-size:14px;
}

.account-password-section #password-form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
}

.account-password-section input{
  box-sizing:border-box;

  width:100%;
  height:40px;

  margin:0;
}

/* Сохранить */

.account-profile-save{
  display:flex;
  justify-content:flex-end;

  margin-top:18px;
}

.account-profile-save button{
  min-height:36px;
  padding:7px 13px;

  font-size:12px;
}

/* Mobile */

@media(max-width:650px){

  .account-profile-card{
    padding:18px !important;
  }

  .account-profile-fields,
  .account-password-section #password-form{
    grid-template-columns:1fr;
  }

}

/* =========================================================
   ДОНОРЫ — ПАНЕЛЬ ФИЛЬТРОВ
   ========================================================= */

body:has([data-nav="donors"].active) .toolbar{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  margin:16px 0 20px !important;
  padding:10px 12px !important;

  border:1px solid #e1e6ef !important;
  border-radius:11px !important;
  background:#fff !important;
}

/* Поиск */
body:has([data-nav="donors"].active) .toolbar input[data-filter="search"]{
  box-sizing:border-box !important;

  width:280px !important;
  height:36px !important;

  margin:0 !important;
  padding:7px 11px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;

  background:#fff !important;
  font-size:13px !important;
}

/* Категория + архив */
body:has([data-nav="donors"].active) .toolbar select{
  box-sizing:border-box !important;

  width:auto !important;
  min-width:125px !important;
  height:36px !important;

  margin:0 !important;
  padding:6px 30px 6px 10px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;

  background:#fff !important;
  color:#46536b !important;

  font-size:12px !important;
}

/* Счётчик доноров */
body:has([data-nav="donors"].active) .toolbar .badge{
  display:inline-flex !important;
  align-items:center !important;

  margin-left:auto !important;
  padding:5px 9px !important;

  border-radius:7px !important;
  background:#f1f3fa !important;
  color:#64718a !important;

  font-size:11px !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}

/* Focus */
body:has([data-nav="donors"].active) .toolbar input:focus,
body:has([data-nav="donors"].active) .toolbar select:focus{
  border-color:#9eace9 !important;
  outline:none !important;
  box-shadow:0 0 0 3px #5267d512 !important;
}

/* Мобильная версия */
@media(max-width:700px){

  body:has([data-nav="donors"].active) .toolbar{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }

  body:has([data-nav="donors"].active) .toolbar input[data-filter="search"]{
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  body:has([data-nav="donors"].active) .toolbar select{
    width:100% !important;
    min-width:0 !important;
  }

  body:has([data-nav="donors"].active) .toolbar .badge{
    grid-column:1 / -1 !important;
    justify-self:start !important;
    margin:2px 0 0 !important;
  }
}

/* Детальные финансовые права */

.finance-permission-row{
  margin-top:2px;
  padding-top:11px;
  border-top:1px solid #edf0f5;
}

.finance-permission-row[hidden]{
  display:none !important;
}

.finance-permission-options{
  gap:7px 16px !important;
}

.finance-permission-options span{
  color:#657086 !important;
}

/* =========================================================
   КЛИЕНТ — ПАНЕЛЬ СТРАНА / СТАТУС / АРХИВ
   ========================================================= */

.client-profile-controls{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  margin:0 !important;
  padding:10px 12px !important;

  border:1px solid #e1e6ef !important;
  border-radius:11px !important;
  background:#fff !important;
}

/* Страна и статус */
.client-profile-controls select{
  box-sizing:border-box !important;

  width:auto !important;
  min-width:125px !important;
  height:36px !important;

  margin:0 !important;
  padding:6px 30px 6px 10px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;
  background:#fff !important;

  color:#46536b !important;
  font-size:12px !important;
  font-weight:400 !important;
}

/* Кнопки */
.client-profile-controls button{
  box-sizing:border-box !important;

  height:36px !important;
  min-height:36px !important;

  margin:0 !important;
  padding:6px 12px !important;

  border:1px solid #dce2ec !important;
  border-radius:8px !important;
  background:#fff !important;

  color:#46536b !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.client-profile-controls button:hover{
  border-color:#c7cfdf !important;
  background:#f7f8fb !important;
}

/* Опасное действие только для окончательного удаления из архива */
.client-profile-controls button.danger{
  border-color:#eadadd !important;
  background:#fff !important;
  color:#ad4a54 !important;
}

.client-profile-controls button.danger:hover{
  border-color:#dfc2c7 !important;
  background:#fff6f7 !important;
  color:#9f3742 !important;
}

/* Focus как в заявках */
.client-profile-controls select:focus{
  border-color:#9eace9 !important;
  outline:none !important;
  box-shadow:0 0 0 3px #5267d512 !important;
}

@media(max-width:700px){
  .client-profile-controls{
    flex-wrap:wrap !important;
  }
}

/* Клиент — имя слева, управление справа */

.client-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;

  margin:18px 0 14px;
}

.client-heading-main{
  min-width:0;
}

.client-heading h1{
  margin:0;

  color:#27344d;
  font-size:26px;
  line-height:1.2;
  font-weight:700;
}

@media(max-width:800px){
  .client-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
}

/* =========================================================
   КЛИЕНТ — ТОНКАЯ КОМПАКТНАЯ ПАНЕЛЬ УПРАВЛЕНИЯ
   ========================================================= */

.client-heading{
  margin:14px 0 12px !important;
}

.client-heading h1{
  font-size:24px !important;
}

/* Внешняя плашка */
.client-profile-controls{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;

  margin:0 !important;
  padding:5px !important;

  border:1px solid #e5e9f1 !important;
  border-radius:9px !important;
  background:#fff !important;

  box-shadow:none !important;
}

/* Страна и статус */
.client-profile-controls select{
  box-sizing:border-box !important;

  min-width:108px !important;
  width:auto !important;
  height:30px !important;

  margin:0 !important;
  padding:4px 25px 4px 8px !important;

  border:1px solid #e0e5ed !important;
  border-radius:6px !important;
  background:#fff !important;

  color:#526078 !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1 !important;

  box-shadow:none !important;
}

/* Кнопка */
.client-profile-controls button{
  box-sizing:border-box !important;

  height:30px !important;
  min-height:30px !important;

  margin:0 !important;
  padding:4px 9px !important;

  border:1px solid #e0e5ed !important;
  border-radius:6px !important;
  background:#fff !important;

  color:#526078 !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1 !important;

  box-shadow:none !important;
}

/* Удаление — без тяжёлой красной кнопки */
.client-profile-controls button.danger{
  border-color:#ecdfe1 !important;
  background:#fff !important;
  color:#a95c64 !important;
}

.client-profile-controls button:hover,
.client-profile-controls select:hover{
  border-color:#cfd6e2 !important;
  background:#fafbfc !important;
}

.client-profile-controls button.danger:hover{
  border-color:#e1c9cd !important;
  background:#fff8f8 !important;
  color:#9c454f !important;
}

/* Focus */
.client-profile-controls select:focus{
  border-color:#aab6ea !important;
  outline:none !important;
  box-shadow:0 0 0 2px #5267d50d !important;
}

/* Управление клиентом — под именем */

.client-heading{
  display:block !important;
}

.client-heading-main{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.client-heading-main .client-profile-controls{
  margin-top:8px !important;
  align-self:flex-start !important;
}


/* Клиент — управление под именем без обводок */

.client-heading-main .client-profile-controls{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;

  margin-top:7px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Страна и статус */
.client-heading-main .client-profile-controls select{
  width:auto !important;
  min-width:0 !important;
  height:auto !important;

  margin:0 !important;
  padding:2px 18px 2px 0 !important;

  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;

  color:#657086 !important;
  font-size:11px !important;
  font-weight:500 !important;

  cursor:pointer;
}

/* Действия */
.client-heading-main .client-profile-controls button{
  width:auto !important;
  height:auto !important;
  min-height:0 !important;

  margin:0 !important;
  padding:2px 0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#657086 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Удаление */
.client-heading-main .client-profile-controls button.danger{
  border:0 !important;
  background:transparent !important;
  color:#a86a70 !important;
}

/* Hover */
.client-heading-main .client-profile-controls select:hover,
.client-heading-main .client-profile-controls button:hover{
  background:transparent !important;
  color:#435bcc !important;
}

.client-heading-main .client-profile-controls button.danger:hover{
  background:transparent !important;
  color:#a23e48 !important;
}

/* Убираем focus-рамку старого дизайна */
.client-heading-main .client-profile-controls select:focus{
  outline:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================================================
   КЛИЕНТ — СУРМАМА / МЕНЕДЖЕР / АГЕНТ
   ========================================================= */

.client-meta-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 28px;

  margin:14px 0 12px;
}

.client-meta-item{
  display:flex;
  align-items:center;
  gap:7px;

  min-height:28px;
}

/* Названия */
.client-meta-item > span{
  color:#929caf;
  font-size:11px;
  font-weight:400;
}

/* Значения */
.client-meta-item > strong{
  color:#536079;
  font-size:12px;
  font-weight:500;
}

/* Сурмама / агент */
.client-meta-link{
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#4d61c8 !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
}

.client-meta-link:hover{
  background:transparent !important;
  color:#354bb7 !important;
  text-decoration:underline;
}

.client-meta-link.muted{
  color:#929caf !important;
  font-weight:400 !important;
}

/* Менеджер — без лишних отступов */
.client-meta-item .client-manager-slots{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;

  margin:0 !important;
  padding:0 !important;
}

/* Чуть компактнее кружки именно в шапке клиента */
.client-meta-item .client-manager-slot{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  min-height:26px !important;

  margin:0 !important;
  padding:0 !important;

  font-size:10px !important;
}

@media(max-width:650px){
  .client-meta-row{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
}

/* =========================================================
   КЛИЕНТ — ВЫРАВНИВАНИЕ ШАПКИ
   ========================================================= */

/* Вся шапка */
.client-heading{
  margin:0 0 12px !important;
  padding:0 !important;
}

.client-heading-main{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
}

/* Имя */
.client-heading h1{
  margin:0 !important;
  padding:0 !important;

  line-height:1.2 !important;
}

/* Первая строка:
   страна / статус / удалить */
.client-heading-main .client-profile-controls{
  display:flex !important;
  align-items:center !important;
  gap:22px !important;

  margin:10px 0 0 !important;
  padding:0 !important;

  min-height:24px !important;
}

/* Вторая строка:
   сурмама / менеджер / агент */
.client-meta-row{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;

  gap:22px !important;

  margin:10px 0 14px !important;
  padding:0 !important;

  min-height:28px !important;
}

/* Каждый блок второй строки */
.client-meta-item{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;

  margin:0 !important;
  padding:0 !important;

  min-height:28px !important;
}

/* Убираем случайные вертикальные отступы */
.client-profile-controls select,
.client-profile-controls button,
.client-meta-item button,
.client-meta-item strong,
.client-meta-item span{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Одинаковая базовая линия текста */
.client-profile-controls select,
.client-profile-controls button{
  line-height:20px !important;
}

.client-meta-item > span,
.client-meta-item > strong,
.client-meta-link{
  line-height:20px !important;
}

/* Кружки менеджеров строго по центру строки */
.client-meta-item .client-manager-slots{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;

  height:28px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Вкладки тоже отделяем тем же ритмом */
.client-heading + .client-meta-row + .tabs,
.client-meta-row + .tabs{
  margin-top:0 !important;
}

/* На узком экране сохраняем одинаковые интервалы */
@media(max-width:650px){

  .client-heading-main .client-profile-controls{
    gap:14px !important;
  }

  .client-meta-row{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:7px !important;
  }
}

/* =========================================================
   КЛИЕНТ — РОВНАЯ ВТОРАЯ СТРОКА
   ========================================================= */

.client-meta-row{
  display:grid !important;
  grid-template-columns:
    minmax(175px, auto)
    minmax(125px, auto)
    minmax(150px, auto) !important;

  align-items:center !important;
  justify-content:start !important;

  column-gap:28px !important;
  row-gap:0 !important;

  margin:10px 0 14px !important;
  padding:0 !important;

  min-height:28px !important;
}

/* Каждый блок: подпись + значение */
.client-meta-item{
  display:grid !important;
  grid-template-columns:auto auto !important;

  align-items:center !important;
  justify-content:start !important;

  gap:7px !important;

  min-height:28px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Все подписи на одной линии */
.client-meta-item > span{
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  line-height:20px !important;
  white-space:nowrap !important;
}

/* Значения тоже на одной линии */
.client-meta-item > strong,
.client-meta-item > .client-meta-link{
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  line-height:20px !important;
  white-space:nowrap !important;
}

/* Менеджерские кружки */
.client-meta-item .client-manager-slots{
  display:flex !important;
  align-items:center !important;

  gap:4px !important;

  height:28px !important;
  margin:0 !important;
  padding:0 !important;
}

/* На маленьком экране снова вертикально */
@media(max-width:700px){
  .client-meta-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:7px !important;
  }
}

/* =========================================================
   КЛИЕНТ — РОВНАЯ СТРОКА СТРАНА / СТАТУС / ДЕЙСТВИЕ
   ========================================================= */

.client-heading-main .client-profile-controls{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  gap:24px !important;

  height:24px !important;
  min-height:24px !important;

  margin:10px 0 0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
}

/* Страна + статус */
.client-heading-main .client-profile-controls select{
  display:block !important;

  width:auto !important;
  min-width:0 !important;

  height:24px !important;
  min-height:24px !important;

  margin:0 !important;
  padding:0 18px 0 0 !important;

  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;

  color:#6f7b91 !important;

  font-family:inherit !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:24px !important;

  vertical-align:middle !important;
  box-shadow:none !important;
}

/* Удалить / В архив */
.client-heading-main .client-profile-controls button{
  display:flex !important;
  align-items:center !important;

  width:auto !important;

  height:24px !important;
  min-height:24px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;

  font-family:inherit !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:24px !important;

  box-shadow:none !important;
}

/* Убираем влияние старых стилей */
.client-heading-main .client-profile-controls > *{
  position:static !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}

/* Клиент — страна / статус / действие справа */

.client-header-meta{
  width:100% !important;
}

/* Переставляем блоки:
   слева — сурмама / менеджер / агент
   справа — страна / статус / удалить
*/

.client-header-meta > .client-header-item{
  order:1 !important;
}

.client-header-meta > .client-header-separator{
  order:1 !important;
}

.client-header-meta > .client-header-control{
  order:2 !important;
}

/* Разделитель перед правым блоком не нужен */
.client-header-meta > .client-header-control:first-child{
  margin-left:auto !important;
}

/* Аккуратные расстояния справа */
.client-header-meta > .client-header-control{
  margin-right:20px !important;
}

.client-header-meta > .client-header-control:last-of-type{
  margin-right:0 !important;
}

/* =========================================================
   КЛИЕНТ — ЕДИНАЯ СТРОКА ИНФОРМАЦИИ
   ========================================================= */

.client-heading{
  margin:14px 0 0 !important;
  padding:0 !important;
}

.client-heading h1{
  margin:0 !important;
  padding:0 !important;

  color:#27344d !important;
  font-size:24px !important;
  line-height:1.2 !important;
}

/* Вся строка */

.client-info-line{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  width:100% !important;
  min-height:32px !important;

  margin:11px 0 14px !important;
  padding:0 !important;

  gap:30px !important;
}

/* ЛЕВАЯ ГРУППА */

.client-info-left{
  display:flex !important;
  align-items:center !important;

  gap:0 !important;

  min-width:0 !important;
}

.client-info-item{
  display:flex !important;
  align-items:center !important;

  gap:7px !important;

  height:30px !important;

  margin:0 !important;
  padding:0 !important;

  white-space:nowrap !important;
}

.client-info-item > span{
  margin:0 !important;
  padding:0 !important;

  color:#929caf !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:30px !important;
}

.client-info-item > strong{
  margin:0 !important;
  padding:0 !important;

  color:#536079 !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:30px !important;
}

/* Вертикальные разделители */

.client-info-left > i{
  display:block !important;

  width:1px !important;
  height:22px !important;

  margin:0 20px !important;

  background:#dce2ec !important;

  flex:0 0 1px !important;
}

/* Ссылки */

.client-info-link{
  width:auto !important;
  height:30px !important;
  min-height:30px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#4c61cb !important;

  font-size:12px !important;
  font-weight:600 !important;
  line-height:30px !important;
}

.client-info-link:hover{
  background:transparent !important;
  color:#354bb7 !important;
  text-decoration:underline;
}

/* Менеджеры */

.client-info-item .client-manager-slots{
  display:flex !important;
  align-items:center !important;

  gap:4px !important;

  height:30px !important;

  margin:0 !important;
  padding:0 !important;
}

.client-info-item .client-manager-slot{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 !important;
}

/* ПРАВАЯ ГРУППА */

.client-info-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;

  gap:22px !important;

  height:30px !important;

  margin-left:auto !important;
  padding:0 !important;

  flex:0 0 auto !important;
}

.client-info-right select{
  width:auto !important;
  min-width:0 !important;

  height:30px !important;

  margin:0 !important;
  padding:0 18px 0 0 !important;

  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;

  color:#69768d !important;

  font-family:inherit !important;
  font-size:11px !important;
  font-weight:500 !important;
}

.client-info-delete{
  width:auto !important;
  height:30px !important;
  min-height:30px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#a66068 !important;

  font-size:11px !important;
  font-weight:500 !important;
}

.client-info-delete:hover{
  background:transparent !important;
  color:#963d47 !important;
}

/* Узкий экран */

@media(max-width:950px){

  .client-info-line{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  .client-info-right{
    margin-left:0 !important;
  }
}

/* =========================================================
   КЛИЕНТ — УПРАВЛЕНИЕ ВТОРОЙ СТРОКОЙ СЛЕВА
   ========================================================= */

.client-info-line{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;

  gap:5px !important;

  width:100% !important;
  margin:11px 0 14px !important;
}

/* Армения / В программе / Удалить */
.client-info-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  width:auto !important;
  height:24px !important;

  gap:24px !important;

  margin:0 !important;
  padding:0 !important;

  flex:0 0 auto !important;
}

/* Страна и статус */
.client-info-right select{
  width:auto !important;
  min-width:0 !important;

  height:24px !important;

  margin:0 !important;
  padding:0 18px 0 0 !important;

  border:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;

  color:#69768d !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:24px !important;
}

/* Удалить */
.client-info-right .client-info-delete{
  width:auto !important;
  height:24px !important;
  min-height:24px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#a66068 !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:24px !important;
}

/* Возврат управления клиентом вправо */

.client-info-line{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;

  width:100% !important;
  gap:30px !important;

  margin:11px 0 14px !important;
}

/* Сурмама / менеджер / агент — слева */
.client-info-left{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  width:auto !important;
  min-height:30px !important;

  margin:0 !important;
  padding:0 !important;
}

/* Армения / В программе / Удалить — справа */
.client-info-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;

  width:auto !important;
  height:30px !important;

  gap:22px !important;

  margin:0 0 0 auto !important;
  padding:0 !important;

  flex:0 0 auto !important;
}

.client-info-right select{
  width:auto !important;
  min-width:0 !important;
  height:30px !important;

  margin:0 !important;
  padding:0 18px 0 0 !important;

  border:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;

  color:#69768d !important;
  font-size:11px !important;
  font-weight:500 !important;
}

.client-info-right .client-info-delete{
  width:auto !important;
  height:30px !important;
  min-height:30px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#a66068 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* =========================================================
   КЛИЕНТ — УПРАВЛЕНИЕ СРАЗУ ПОСЛЕ АГЕНТА
   ========================================================= */

.client-info-line{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;

  gap:0 !important;

  width:100% !important;
  margin:11px 0 14px !important;
}

/* Левая группа */
.client-info-left{
  display:flex !important;
  align-items:center !important;

  width:auto !important;
  margin:0 !important;
  padding:0 !important;

  flex:0 0 auto !important;
}

/* Страна / статус / удалить сразу после агента */
.client-info-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  width:auto !important;
  height:30px !important;

  gap:22px !important;

  margin:0 !important;
  padding:0 !important;

  flex:0 0 auto !important;
}

/* Такая же вертикальная полоска после Агента */
.client-info-right::before{
  content:'' !important;

  display:block !important;

  width:1px !important;
  height:22px !important;

  margin:0 20px !important;

  background:#dce2ec !important;

  flex:0 0 1px !important;
}

/* Убираем старое прижатие вправо */
.client-info-right{
  margin-left:0 !important;
}

/* Клиент — архив на общей карточке */

.client-card-archive,
.client-card-restore{
  width:auto !important;
  height:auto !important;
  min-height:0 !important;

  margin-left:auto !important;
  padding:2px 0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#8994a8 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

.client-card-archive:hover,
.client-card-restore:hover{
  background:transparent !important;
  color:#4d61c8 !important;
}

/* Клиент — архивные действия в стиле строки */

.client-info-right .client-info-archive,
.client-info-right .client-info-delete{
  display:flex !important;
  align-items:center !important;

  width:auto !important;
  height:30px !important;
  min-height:30px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#69768d !important;
  font-family:inherit !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:30px !important;
  white-space:nowrap !important;
}

.client-info-right .client-info-archive:hover{
  background:transparent !important;
  color:#435bcc !important;
}

.client-info-right .client-info-delete{
  color:#a66068 !important;
}

.client-info-right .client-info-delete:hover{
  background:transparent !important;
  color:#963d47 !important;
}

/* Сурмамы — фильтры как у доноров */

.surrogate-toolbar{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  padding:10px 12px !important;

  border:1px solid #e1e6ef !important;
  border-radius:11px !important;
  background:#fff !important;
}

.surrogate-toolbar input{
  width:280px !important;
  height:36px !important;
  margin:0 !important;
}

.surrogate-toolbar select{
  width:auto !important;
  min-width:125px !important;
  height:36px !important;
  margin:0 !important;
}

.surrogate-toolbar .badge{
  margin-left:auto !important;
  white-space:nowrap !important;
}


/* Клиенты — единая строка поиска и фильтров */

body:has([data-filter="clientManager"]) .toolbar{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  width:100% !important;
  margin:16px 0 20px !important;
  padding:10px 12px !important;

  border:1px solid #e1e6ef !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:none !important;
}

body:has([data-filter="clientManager"]) .toolbar input[data-filter="search"]{
  width:280px !important;
  height:36px !important;
  margin:0 !important;
}

body:has([data-filter="clientManager"]) .toolbar select[data-filter="clientManager"]{
  width:auto !important;
  min-width:150px !important;
  height:36px !important;
  margin:0 !important;
}

body:has([data-filter="clientManager"]) .toolbar .badge{
  margin-left:auto !important;
  white-space:nowrap !important;
}


/* =========================================================
   КЛИЕНТЫ — СТРАНЫ СЛЕВА / СОСТОЯНИЕ СПРАВА
   ========================================================= */

.country-tabs{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;

  width:100% !important;
  margin:14px 0 16px !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Страны */
.country-tabs > button{
  width:auto !important;
  height:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#7c8799 !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:28px !important;
}

.country-tabs > button:hover{
  background:transparent !important;
  color:#435bcc !important;
}

.country-tabs > button.active{
  background:transparent !important;
  color:#435bcc !important;
  font-weight:600 !important;
}

/* Toolbar статусов, который идёт сразу после стран */
.country-tabs + .toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;

  width:auto !important;
  height:28px !important;

  margin:-44px 0 16px auto !important;
  padding:0 !important;

  gap:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* В работе / Завершённые / Архив */
.country-tabs + .toolbar > button{
  width:auto !important;
  height:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#7c8799 !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:28px !important;
}

.country-tabs + .toolbar > button:hover{
  background:transparent !important;
  color:#435bcc !important;
}

.country-tabs + .toolbar > button.primary{
  background:transparent !important;
  color:#435bcc !important;
  font-weight:600 !important;
}

@media(max-width:850px){
  .country-tabs + .toolbar{
    margin:6px 0 16px 0 !important;
    justify-content:flex-start !important;
  }

  .country-tabs{
    flex-wrap:wrap !important;
  }
}

/* =========================================================
   КЛИЕНТЫ — ФИНАЛЬНОЕ ВЫРАВНИВАНИЕ ВЕРХНЕЙ ПАНЕЛИ
   ========================================================= */

.country-tabs{
  position:relative !important;

  display:flex !important;
  align-items:center !important;

  width:100% !important;
  height:42px !important;

  margin:10px 0 14px !important;
  padding:0 !important;

  border-bottom:1px solid #dfe4ed !important;
  background:transparent !important;
}

/* Страны слева */
.country-tabs > button{
  display:flex !important;
  align-items:center !important;

  height:32px !important;
  min-height:32px !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#7d899d !important;
  font-size:11px !important;
  font-weight:500 !important;
}

.country-tabs > button:first-child{
  padding-left:0 !important;
}

.country-tabs > button:last-child{
  border-right:0 !important;
}

.country-tabs > button.active{
  color:#435bcc !important;
  font-weight:600 !important;
}

/* В работе / Завершённые / Архив */
.country-tabs + .toolbar{
  position:absolute !important;
  top:auto !important;
  right:24px !important;

  transform:translateY(-56px) !important;

  display:flex !important;
  align-items:center !important;

  width:auto !important;
  height:32px !important;

  margin:0 !important;
  padding:0 !important;

  gap:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.country-tabs + .toolbar > button{
  display:flex !important;
  align-items:center !important;

  width:auto !important;
  height:32px !important;
  min-height:32px !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#7d899d !important;
  font-size:11px !important;
  font-weight:500 !important;
}

.country-tabs + .toolbar > button:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

.country-tabs + .toolbar > button.primary{
  color:#435bcc !important;
  font-weight:600 !important;
}

/* Полоска поиска ниже */
body:has([data-filter="clientManager"]) .toolbar:not(.country-tabs + .toolbar){
  display:flex !important;
  align-items:center !important;

  gap:10px !important;

  width:100% !important;

  margin:0 0 20px !important;
  padding:10px 12px !important;

  border:1px solid #e1e6ef !important;
  border-radius:11px !important;

  background:#fff !important;
  box-shadow:none !important;
}

body:has([data-filter="clientManager"]) .toolbar:not(.country-tabs + .toolbar) input[data-filter="search"]{
  width:280px !important;
  height:36px !important;
  margin:0 !important;
}

body:has([data-filter="clientManager"]) .toolbar:not(.country-tabs + .toolbar) select[data-filter="clientManager"]{
  width:auto !important;
  min-width:160px !important;
  height:36px !important;
  margin:0 !important;
}

body:has([data-filter="clientManager"]) .toolbar:not(.country-tabs + .toolbar) .badge{
  margin-left:auto !important;
}


/* =========================================================
   КЛИЕНТЫ — СТРАНЫ И СТАТУСЫ В ОДНОЙ СТРОКЕ
   ========================================================= */

.client-list-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  width:100% !important;
  min-height:38px !important;

  margin:10px 0 16px !important;
  padding:0 !important;

  border-bottom:1px solid #dfe4ed !important;
}

/* Страны слева */

.client-list-nav .country-tabs{
  position:static !important;
  transform:none !important;

  display:flex !important;
  align-items:center !important;

  width:auto !important;
  height:38px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
}

.client-list-nav .country-tabs button{
  height:30px !important;
  min-height:30px !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#7d899d !important;
  font-size:11px !important;
  font-weight:500 !important;
}

.client-list-nav .country-tabs button:first-child{
  padding-left:0 !important;
}

.client-list-nav .country-tabs button:last-child{
  border-right:0 !important;
}

.client-list-nav .country-tabs button.active{
  color:#435bcc !important;
  font-weight:600 !important;
}

/* Статусы справа */

.client-group-tabs{
  position:static !important;
  transform:none !important;

  display:flex !important;
  align-items:center !important;

  width:auto !important;
  height:38px !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
}

.client-group-tabs button{
  height:30px !important;
  min-height:30px !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#7d899d !important;
  font-size:11px !important;
  font-weight:500 !important;
}

.client-group-tabs button:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

.client-group-tabs button.active{
  color:#435bcc !important;
  font-weight:600 !important;
}

/* Отключаем старое абсолютное позиционирование */

.client-list-nav + .toolbar{
  position:static !important;
  top:auto !important;
  right:auto !important;
  transform:none !important;

  width:100% !important;
  margin:0 0 20px !important;
}


/* =========================================================
   КЛИЕНТЫ — МИНИДИЗАЙН ПОИСКА И ФИЛЬТРА
   ========================================================= */

body:has([data-filter="clientManager"]) .client-list-nav + .toolbar{
  display:flex !important;
  align-items:center !important;

  width:100% !important;
  min-height:32px !important;

  gap:0 !important;

  margin:0 0 18px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}

/* Поиск */

body:has([data-filter="clientManager"]) .client-list-nav + .toolbar input[data-filter="search"]{
  width:220px !important;
  height:30px !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#566177 !important;
  font-size:11px !important;
}

body:has([data-filter="clientManager"]) .client-list-nav + .toolbar input[data-filter="search"]::placeholder{
  color:#9aa4b5 !important;
}

/* Менеджер */

body:has([data-filter="clientManager"]) .client-list-nav + .toolbar select[data-filter="clientManager"]{
  width:auto !important;
  min-width:145px !important;
  height:30px !important;

  margin:0 !important;
  padding:0 24px 0 14px !important;

  border:0 !important;
  border-radius:0 !important;

  background-color:transparent !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Счётчик справа */

body:has([data-filter="clientManager"]) .client-list-nav + .toolbar .badge{
  margin-left:auto !important;
  padding:3px 8px !important;

  border:0 !important;
  border-radius:7px !important;

  background:#f0f3fb !important;

  color:#6371ad !important;
  font-size:10px !important;
  font-weight:500 !important;
}

/* Фокус */

body:has([data-filter="clientManager"]) .client-list-nav + .toolbar input:focus,
body:has([data-filter="clientManager"]) .client-list-nav + .toolbar select:focus{
  outline:none !important;
  box-shadow:none !important;
}


/* =========================================================
   КЛИЕНТЫ — МИНИДИЗАЙН ПОИСКА И ФИЛЬТРА МЕНЕДЖЕРА
   ========================================================= */

body:has([data-filter="clientManager"]) .toolbar:not(.client-group-tabs){
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  width:100% !important;
  min-height:32px !important;

  margin:8px 0 18px !important;
  padding:0 !important;

  gap:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Поиск */

body:has([data-filter="clientManager"])
.toolbar input[data-filter="search"]{
  width:220px !important;
  height:30px !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  font-size:11px !important;
  color:#536079 !important;
}

body:has([data-filter="clientManager"])
.toolbar input[data-filter="search"]::placeholder{
  color:#9aa4b5 !important;
}

/* Менеджер */

body:has([data-filter="clientManager"])
.toolbar select[data-filter="clientManager"]{
  width:auto !important;
  min-width:140px !important;
  height:30px !important;

  margin:0 !important;
  padding:0 24px 0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background-color:transparent !important;
  box-shadow:none !important;

  font-size:11px !important;
  font-weight:500 !important;
  color:#69768d !important;
}

/* Счётчик */

body:has([data-filter="clientManager"])
.toolbar .badge{
  width:auto !important;

  margin:0 0 0 14px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}

/* Фокус без массивной рамки */

body:has([data-filter="clientManager"])
.toolbar input[data-filter="search"]:focus,
body:has([data-filter="clientManager"])
.toolbar select[data-filter="clientManager"]:focus{
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}


/* Клиенты — минидизайн на основном фоне */

body:has([data-filter="clientManager"]) .toolbar{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}


/* КЛИЕНТЫ — МИНИДИЗАЙН НА ОСНОВНОМ ФОНЕ */

body:has([data-filter="clientManager"])
.toolbar:has([data-filter="clientManager"]){
  display:flex !important;
  align-items:center !important;
  gap:0 !important;

  width:100% !important;
  min-height:32px !important;

  margin:8px 0 18px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:#f5f6fa !important;
  box-shadow:none !important;
}

body:has([data-filter="clientManager"])
.toolbar:has([data-filter="clientManager"])
input[data-filter="search"]{
  width:220px !important;
  height:30px !important;

  margin:0 !important;
  padding:0 14px 0 0 !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;

  font-size:11px !important;
}

body:has([data-filter="clientManager"])
.toolbar:has([data-filter="clientManager"])
select[data-filter="clientManager"]{
  width:auto !important;
  min-width:140px !important;
  height:30px !important;

  margin:0 !important;
  padding:0 28px 0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background-color:#f5f6fa !important;
  box-shadow:none !important;

  color:#69768d !important;
  font-size:11px !important;
}

body:has([data-filter="clientManager"])
.toolbar:has([data-filter="clientManager"])
.badge{
  margin:0 0 0 auto !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:#f5f6fa !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}


/* КЛИЕНТЫ — МИНИДИЗАЙН ФИЛЬТРОВ, ФИНАЛЬНЫЙ OVERRIDE */

#app .toolbar:has([data-filter="clientManager"]){
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;

  width:100% !important;
  min-height:30px !important;

  margin:6px 0 18px !important;
  padding:0 !important;

  border:none !important;
  border-radius:0 !important;
  outline:none !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
}

/* Поиск */

#app .toolbar:has([data-filter="clientManager"])
input[data-filter="search"]{
  width:220px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 14px 0 0 !important;

  border:none !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  outline:none !important;
  background:#f5f6fa !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:11px !important;
}

/* Менеджер */

#app .toolbar:has([data-filter="clientManager"])
select[data-filter="clientManager"]{
  width:auto !important;
  min-width:145px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 28px 0 14px !important;

  border:none !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  outline:none !important;
  background-color:#f5f6fa !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Счётчик */

#app .toolbar:has([data-filter="clientManager"]) .badge{
  margin:0 0 0 14px !important;
  padding:0 !important;

  border:none !important;
  border-radius:0 !important;

  background:#f5f6fa !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

/* Убираем все белые подложки у внутренних элементов */

#app .toolbar:has([data-filter="clientManager"]) input,
#app .toolbar:has([data-filter="clientManager"]) select,
#app .toolbar:has([data-filter="clientManager"]) .badge{
  box-shadow:none !important;
}


.surrogate-expense-total{
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin:4px 0 18px;
 padding:12px 0;
 border-bottom:1px solid #e1e5ef;
}

.surrogate-expense-total span{
 color:#7b869a;
 font-size:12px;
}

.surrogate-expense-total strong{
 color:#4056c4;
 font-size:20px;
 font-weight:650;
}


/* =========================================================
   СУРМАМА — МИНИДИЗАЙН ВЕРХНЕГО БЛОКА
   ========================================================= */

/* Статус / Клиент / Менеджер */

.surrogate-profile-header .surrogate-header-controls{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;

  margin:8px 0 6px !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
}

.surrogate-profile-header .surrogate-header-controls > label{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  width:auto !important;
  margin:0 !important;
  padding:0 14px !important;

  border-right:1px solid #dce2ec !important;

  color:#8792a6 !important;
  font-size:10px !important;
}

.surrogate-profile-header .surrogate-header-controls > label:first-child{
  padding-left:0 !important;
}

.surrogate-profile-header .surrogate-header-controls > label:last-child{
  border-right:0 !important;
}

.surrogate-profile-header .surrogate-header-controls > label > span{
  margin:0 !important;
  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

/* Выпадающие списки */

.surrogate-profile-header .surrogate-header-controls select{
  width:auto !important;
  min-width:120px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 24px 0 4px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#536079 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Кружочки менеджеров */

.surrogate-profile-header .surrogate-manager-slots{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
}

.surrogate-profile-header .client-manager-slot{
  width:27px !important;
  height:27px !important;
  min-width:27px !important;

  padding:0 !important;
  margin:0 !important;

  font-size:10px !important;
}

/* Фото / Изменить анкету / В архив */

.surrogate-profile-header .surrogate-profile-actions{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;

  margin:8px 0 0 !important;
  padding:0 !important;

  background:transparent !important;
}

.surrogate-profile-header .surrogate-profile-actions > button{
  width:auto !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

.surrogate-profile-header .surrogate-profile-actions > button:first-child{
  padding-left:0 !important;
}

.surrogate-profile-header .surrogate-profile-actions > button:last-child{
  border-right:0 !important;
}

.surrogate-profile-header .surrogate-profile-actions > button:hover{
  background:transparent !important;
  color:#435bcc !important;
}


/* =========================================================
   СУРМАМЫ — ВЕРХНЕЕ МЕНЮ, МИНИДИЗАЙН
   ========================================================= */

.surrogate-list-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  width:100% !important;
  min-height:32px !important;

  margin:8px 0 18px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:#f5f6fa !important;
  box-shadow:none !important;
}

/* Поиск */

.surrogate-list-toolbar input[data-filter="search"]{
  width:220px !important;
  height:30px !important;

  margin:0 !important;
  padding:0 14px 0 0 !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:11px !important;
}

.surrogate-list-toolbar input[data-filter="search"]::placeholder{
  color:#9aa4b5 !important;
}

/* В работе / Архив */

.surrogate-list-groups{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;

  margin-left:auto !important;
}

.surrogate-list-groups button{
  width:auto !important;
  height:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#7d899d !important;
  font-size:11px !important;
  font-weight:500 !important;
}

.surrogate-list-groups button:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

.surrogate-list-groups button.active,
.surrogate-list-groups button.primary{
  background:transparent !important;
  color:#435bcc !important;
  font-weight:600 !important;
}

.surrogate-list-groups button:hover{
  background:transparent !important;
  color:#435bcc !important;
}


/* =========================================================
   СУРМАМЫ — ВЕРХНИЙ ФИЛЬТР, МИНИДИЗАЙН
   ========================================================= */

#app .toolbar.surrogate-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;

  width:100% !important;
  min-height:30px !important;

  margin:8px 0 18px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
}

/* Поиск */

#app .surrogate-toolbar input[data-filter="search"]{
  width:220px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 14px 0 0 !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:11px !important;
}

#app .surrogate-toolbar input[data-filter="search"]::placeholder{
  color:#9aa4b5 !important;
}

/* Статус + архив */

#app .surrogate-toolbar select{
  width:auto !important;
  min-width:130px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 28px 0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background-color:#f5f6fa !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Количество анкет */

#app .surrogate-toolbar .badge{
  margin:0 0 0 auto !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:#f5f6fa !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}


/* СУРМАМЫ — счётчик сразу после фильтра архива */

#app .surrogate-toolbar .badge{
  margin:0 0 0 14px !important;
  padding:0 !important;

  background:#f5f6fa !important;
  border:0 !important;
  border-radius:0 !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}


/* =========================================================
   ДОНОРЫ — ВЕРХНИЙ ФИЛЬТР, МИНИДИЗАЙН
   ========================================================= */

#app .toolbar.donor-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;

  width:100% !important;
  min-height:30px !important;

  margin:8px 0 18px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
}

/* Поиск */

#app .donor-toolbar input[data-filter="search"]{
  width:220px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 14px 0 0 !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:11px !important;
}

#app .donor-toolbar input[data-filter="search"]::placeholder{
  color:#9aa4b5 !important;
}

/* Категория + архив */

#app .donor-toolbar select{
  width:auto !important;
  min-width:130px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 28px 0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background-color:#f5f6fa !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Количество доноров сразу после архива */

#app .donor-toolbar .badge{
  margin:0 0 0 14px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:#f5f6fa !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}


/* =========================================================
   ЗАЯВКИ — ВЕРХНИЙ ФИЛЬТР, МИНИДИЗАЙН
   ========================================================= */

#app .toolbar.lead-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;

  width:100% !important;
  min-height:30px !important;

  margin:8px 0 18px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
}

/* Поиск */

#app .lead-toolbar input[data-filter="search"]{
  width:220px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 14px 0 0 !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:11px !important;
}

#app .lead-toolbar input[data-filter="search"]::placeholder{
  color:#9aa4b5 !important;
}

/* Статус / архив / менеджер */

#app .lead-toolbar select{
  width:auto !important;
  min-width:125px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 28px 0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background-color:#f5f6fa !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Количество заявок */

#app .lead-toolbar .badge{
  margin:0 0 0 14px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:#f5f6fa !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}


/* ФИНАНСЫ МЕНЕДЖЕРА — СУРМАМЫ */

.manager-surrogate-finance-summary{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 20px;
  padding:0;
}

.manager-surrogate-finance-summary span,
.manager-surrogate-finance-summary small{
  color:#8792a6;
  font-size:11px;
  margin:0;
}

.manager-surrogate-finance-summary strong{
  color:#435bcc;
  font-size:20px;
}

.manager-surrogate-finance-card{
  display:flex;
  flex-direction:column;
}

.manager-surrogate-finance-card h2{
  margin:6px 0 3px;
}

.manager-surrogate-finance-card p{
  margin:0 0 18px;
  font-size:12px;
}

.manager-surrogate-finance-amount{
  padding:12px 0;
  margin-bottom:8px;
  border-top:1px solid #edf0f5;
  border-bottom:1px solid #edf0f5;
}

.manager-surrogate-finance-amount span{
  display:block;
  color:#8792a6;
  font-size:11px;
  margin-bottom:5px;
}

.manager-surrogate-finance-amount strong{
  font-size:20px;
  color:#4056c4;
}

.manager-surrogate-finance-card > button{
  margin-top:16px;
}


/* ДОНОР — менеджер сразу после клиента, минидизайн */

.donor-manager-line{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  width:100% !important;
  min-height:30px !important;

  margin:4px 0 12px !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

.donor-manager-line .donor-manager-slots{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
}

.donor-manager-line .client-manager-slot{
  width:27px !important;
  height:27px !important;
  min-width:27px !important;

  margin:0 !important;
  padding:0 !important;

  font-size:10px !important;
}


/* ДОНОР — КЛИЕНТ / МЕНЕДЖЕР, МИНИДИЗАЙН */

.donor-client-manager-line{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;

  min-height:32px !important;
  margin:6px 0 12px !important;
  padding:0 !important;

  background:transparent !important;
}

.donor-client-manager-line .donor-client-picker,
.donor-client-manager-line .donor-manager-line{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  margin:0 !important;
  padding:0 !important;
}

.donor-client-manager-line > i{
  display:block !important;
  width:1px !important;
  height:22px !important;
  background:#dce2ec !important;
}

.donor-client-manager-line span{
  color:#8792a6 !important;
  font-size:10px !important;
  font-style:normal !important;
}

.donor-client-manager-line .donor-client-picker button{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#435bcc !important;
  font-size:11px !important;
}


/* ДОНОР — адаптивное поле клиента */

.donor-client-manager-line{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
}

.donor-client-manager-line .donor-client-picker{
  display:flex !important;
  align-items:center !important;

  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:600px !important;
}

.donor-client-manager-line .donor-client-picker > span{
  flex:0 0 auto !important;
}

/* Имя клиента занимает доступное место,
   длинное имя сокращается многоточием */

.donor-client-manager-line .donor-client-picker > button{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;

  text-align:left !important;
}

/* Менеджеры не сжимаются */

.donor-client-manager-line .donor-manager-line{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

/* На небольшом экране переносим менеджеров ниже */

@media(max-width:800px){
  .donor-client-manager-line{
    flex-wrap:wrap !important;
    gap:8px 0 !important;
  }

  .donor-client-manager-line .donor-client-picker{
    flex:1 1 100% !important;
    max-width:100% !important;
  }

  .donor-client-manager-line > i{
    display:none !important;
  }

  .donor-client-manager-line .donor-manager-line{
    flex:1 1 100% !important;
  }
}


/* ДОНОР — Клиент / Менеджер: исправление расположения */

.donor-client-manager-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;

  width:100% !important;
  min-width:0 !important;

  margin:10px 0 16px !important;
}

/* Клиент */

.donor-client-manager-line .donor-client-picker{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  flex:0 1 auto !important;
  width:auto !important;
  min-width:180px !important;
  max-width:520px !important;

  margin:0 !important;
}

/* Менеджер */

.donor-client-manager-line .donor-manager-line{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;

  flex:0 0 auto !important;

  margin:0 !important;
  padding:0 !important;
}

/* Разделитель */

.donor-client-manager-line > i{
  display:block !important;
  flex:0 0 1px !important;

  width:1px !important;
  height:24px !important;

  background:#dce2ec !important;
}

/* Подписи Клиент / Менеджер */

.donor-client-manager-line .donor-client-picker > span,
.donor-client-manager-line .donor-manager-line > span{
  flex:0 0 auto !important;

  color:#7d899d !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1 !important;

  white-space:nowrap !important;
}

/* Имя клиента */

.donor-client-manager-line .donor-client-picker > button{
  display:block !important;

  width:auto !important;
  max-width:380px !important;
  min-width:0 !important;

  margin:0 !important;
  padding:3px 0 !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#435bcc !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-align:left !important;
}

/* На узком экране аккуратно переносим Менеджера вниз */

@media(max-width:700px){
  .donor-client-manager-line{
    flex-wrap:wrap !important;
    gap:9px !important;
  }

  .donor-client-manager-line .donor-client-picker{
    flex:1 1 100% !important;
    max-width:100% !important;
  }

  .donor-client-manager-line > i{
    display:none !important;
  }

  .donor-client-manager-line .donor-manager-line{
    flex:1 1 100% !important;
  }
}


/* АДМИН — РАСХОДЫ ПО МЕНЕДЖЕРАМ */

.admin-manager-expenses{
  margin-bottom:20px;
}

.admin-manager-expense-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:0;
}

.admin-manager-expense-item{
  min-width:0;
  padding:8px 18px;
  border-right:1px solid #e1e5ef;
}

.admin-manager-expense-item:first-child{
  padding-left:0;
}

.admin-manager-expense-item:last-child{
  border-right:0;
}

.admin-manager-expense-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
}

.admin-manager-expense-head strong{
  font-size:12px;
  color:#59647b;
}

.admin-manager-expense-total{
  margin-bottom:5px;
  color:#4056c4;
  font-size:20px;
  font-weight:650;
}

.admin-manager-expense-item small{
  margin:0;
  font-size:10px;
}


/* РАСЧЁТЫ С МЕНЕДЖЕРАМИ */

.manager-money-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:5px 0;

  font-size:11px;
  color:#8792a6;
}

.manager-money-row strong{
  color:#59647b;
  font-size:12px;
  font-weight:600;
}

.manager-money-row.manager-balance{
  margin-top:5px;
  padding-top:9px;
  border-top:1px solid #edf0f5;
}

.manager-money-row.manager-balance strong{
  color:#4056c4;
  font-size:18px;
  font-weight:650;
}

.manager-money-row.manager-balance strong.negative{
  color:#c24155;
}

.manager-reimbursement-history{
  margin-top:20px;
}

.manager-reimbursement-history summary{
  color:#657188;
  font-size:12px;
}


/* ФИНАНСЫ МЕНЕДЖЕРА — ПОТРАЧЕНО / ПОЛУЧЕНО / ОСТАТОК */

.manager-finance-balance{
  display:flex !important;
  align-items:flex-end !important;
  gap:28px !important;
}

.manager-finance-balance > div{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.manager-finance-balance > div > span{
  color:#8792a6;
  font-size:10px;
}

.manager-finance-balance > div > strong{
  color:#4056c4;
  font-size:20px;
  font-weight:650;
}

.manager-finance-balance > div > strong.negative{
  color:#c24155;
}

.manager-finance-balance > small{
  margin-left:auto;
  margin-bottom:3px;
}


/* ФИНАНСЫ МЕНЕДЖЕРА — БАЛАНС В СТОЛБИК */

.manager-finance-balance{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;

  margin:8px 0 20px !important;
}

/* Все показатели */

.manager-finance-balance > div{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  gap:8px !important;

  margin:0 !important;
  padding:0 !important;
}

/* Потрачено / Получено — минидизайн */

.manager-finance-balance > div:nth-child(1) > span,
.manager-finance-balance > div:nth-child(2) > span{
  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

.manager-finance-balance > div:nth-child(1) > strong,
.manager-finance-balance > div:nth-child(2) > strong{
  color:#657188 !important;
  font-size:11px !important;
  font-weight:600 !important;
}

/* Остаток — главный показатель */

.manager-finance-balance > div:nth-child(3){
  order:-1 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:3px !important;

  margin:0 0 8px !important;
}

.manager-finance-balance > div:nth-child(3) > span{
  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

.manager-finance-balance > div:nth-child(3) > strong{
  color:#4056c4 !important;
  font-size:20px !important;
  font-weight:650 !important;
}

/* Количество активных карточек */

.manager-finance-balance > small{
  margin:5px 0 0 !important;
  font-size:10px !important;
  color:#9aa4b5 !important;
}


/* =========================================================
   НАСТРОЙКИ — УЧЁТНЫЕ ЗАПИСИ ОТДЕЛЬНЫМИ КАРТОЧКАМИ
   ========================================================= */

.users-settings-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
  align-items:start !important;
  gap:16px !important;

  width:100% !important;

  margin-top:18px !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
}

/* Каждый пользователь — отдельная карточка */

.users-settings-list .user-access-card{
  display:block !important;

  width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:18px !important;

  border:1px solid #e1e5ef !important;
  border-radius:14px !important;

  background:#fff !important;
  box-shadow:0 2px 8px rgba(39,50,90,.04) !important;
}

/* Убираем разделители старого общего списка */

.users-settings-list .user-access-card + .user-access-card{
  border-top:1px solid #e1e5ef !important;
}

/* Имя пользователя */

.user-access-card h3,
.user-access-card h2{
  margin-top:0 !important;
  font-size:15px !important;
}

/* Внутренние блоки компактнее */

.user-access-card .permissions-grid,
.user-access-card .user-access-permissions{
  margin-top:12px !important;
}

/* Кнопки внизу карточки */

.user-access-card .actions{
  margin-top:16px !important;
}

/* На небольшом экране — одна карточка в строке */

@media(max-width:760px){
  .users-settings-list{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   КАРТОЧКА ЗАЯВКИ — ВЕРХНЕЕ МЕНЮ, МИНИДИЗАЙН
   ========================================================= */

#app .lead-profile-header{
  margin:6px 0 16px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
}

#app .lead-profile-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;

  min-height:32px !important;
  padding:0 !important;
}

/* Заявка / Контакты / Диалог / Этапы / Документы */

#app .lead-profile-tabs{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
}

#app .lead-profile-tabs > button{
  width:auto !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#7d899d !important;
  font-size:11px !important;
  font-weight:500 !important;
}

#app .lead-profile-tabs > button:first-child{
  padding-left:0 !important;
}

#app .lead-profile-tabs > button.active{
  background:transparent !important;
  color:#435bcc !important;
  font-weight:650 !important;
}

#app .lead-profile-tabs > button:hover{
  background:transparent !important;
  color:#435bcc !important;
}

/* Правая часть */

#app .lead-profile-actions{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
}

/* Статус */

#app .lead-status-control{
  display:flex !important;
  align-items:center !important;

  margin:0 !important;
  padding:0 12px !important;

  border-right:1px solid #dce2ec !important;
}

#app .lead-status-control select{
  width:auto !important;
  min-width:100px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 24px 0 0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Сделать клиентом / Архив / Удалить */

#app .lead-profile-actions > button{
  width:auto !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

#app .lead-profile-actions > button:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

/* Сделать клиентом оставляем заметным, но компактным */

#app .lead-profile-actions > button.primary{
  color:#435bcc !important;
  font-weight:650 !important;
}

/* Удаление */

#app .lead-profile-actions > button.danger{
  color:#c24155 !important;
}

/* Дата "Связаться" */

#app .lead-follow-up{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;

  margin-left:10px !important;
}

#app .lead-follow-up span{
  font-size:10px !important;
  color:#8792a6 !important;
}

#app .lead-follow-up input{
  height:26px !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;

  font-size:10px !important;
}

/* Узкий экран */

@media(max-width:1000px){
  #app .lead-profile-toolbar{
    flex-wrap:wrap !important;
  }

  #app .lead-profile-tabs{
    overflow-x:auto !important;
    max-width:100% !important;
  }

  #app .lead-profile-actions{
    width:100% !important;
    justify-content:flex-start !important;
  }
}


/* ЛЕВОЕ МЕНЮ — СОБСТВЕННЫЕ ИКОНКИ */

aside nav button{
  display:flex;
  align-items:center;
  gap:11px;
}

aside nav .nav-icon{
  width:18px;
  height:18px;
  min-width:18px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;

  opacity:.82;
}

aside nav button:hover .nav-icon,
aside nav button.active .nav-icon{
  opacity:1;
}


/* =========================================================
   ФИНАНСЫ — ЗАРПЛАТА, МИНИДИЗАЙН
   ========================================================= */

/* Основная карточка */

#app .panel:has(.toolbar input[data-filter="salaryMonth"]){
  padding:20px !important;
}

/* Описание */

#app .panel:has(input[data-filter="salaryMonth"]) > p{
  margin:6px 0 16px !important;

  color:#8792a6 !important;
  font-size:11px !important;
  line-height:1.5 !important;
}

/* Строка фильтров */

#app .panel:has(input[data-filter="salaryMonth"]) .toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;

  min-height:30px !important;

  margin:0 0 14px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}

/* Месяц */

#app .panel:has(input[data-filter="salaryMonth"]) .toolbar > label{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  width:auto !important;

  margin:0 !important;
  padding:0 14px 0 0 !important;

  border-right:1px solid #dce2ec !important;

  color:#8792a6 !important;
  font-size:11px !important;
  white-space:nowrap !important;
}

#app input[data-filter="salaryMonth"]{
  width:125px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 4px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#59647b !important;
  font-size:11px !important;
}

/* Сотрудник */

#app input[data-filter="employee"]{
  width:160px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#59647b !important;
  font-size:11px !important;
}

#app input[data-filter="employee"]::placeholder{
  color:#9aa4b5 !important;
}

/* Сбросить */

#app .panel:has(input[data-filter="salaryMonth"])
.toolbar button{
  width:auto !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

#app .panel:has(input[data-filter="salaryMonth"])
.toolbar button:hover{
  color:#435bcc !important;
}

/* Итог — вместо большой плашки */

#app .panel:has(input[data-filter="salaryMonth"]) > .note{
  display:flex !important;
  align-items:baseline !important;
  gap:5px !important;

  width:auto !important;
  min-height:0 !important;

  margin:0 0 16px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#8792a6 !important;
  font-size:10px !important;
}

#app .panel:has(input[data-filter="salaryMonth"]) > .note strong{
  color:#4056c4 !important;
  font-size:13px !important;
  font-weight:650 !important;
}

/* Адаптив */

@media(max-width:700px){
  #app .panel:has(input[data-filter="salaryMonth"]) .toolbar{
    flex-wrap:wrap !important;
    gap:6px 0 !important;
  }
}


/* =========================================================
   ФИНАНСЫ — КОНВЕРТЕР, МИНИДИЗАЙН
   ========================================================= */

#app .converter-panel{
  margin-top:14px !important;
  padding:20px !important;

  border:0 !important;
  border-radius:0 !important;

  background:#f5f6fa !important;
  box-shadow:none !important;
}

#app .converter-panel > h3{
  margin:0 0 16px !important;
  font-size:14px !important;
  color:#273248 !important;
}

/* Все подписи */

#app .converter-panel .field{
  margin:0 !important;
}

#app .converter-panel .field{
  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

/* Сумма */

#app .converter-panel > .field{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  width:260px !important;

  margin-bottom:10px !important;
  padding-right:14px !important;

  border-right:1px solid #dce2ec !important;
}

#app .converter-panel input[name="convertAmount"]{
  width:160px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 4px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#536079 !important;
  font-size:12px !important;
}

/* Валюты */

#app .converter-currencies{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;

  margin:0 !important;
  padding:0 !important;
}

#app .converter-currencies .field{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  width:auto !important;

  padding:0 14px !important;

  border-right:1px solid #dce2ec !important;
}

#app .converter-currencies .field:first-child{
  padding-left:0 !important;
}

#app .converter-currencies select{
  width:150px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 24px 0 4px !important;

  border:0 !important;
  border-radius:0 !important;

  background-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#536079 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* Поменять валюты */

#app .converter-panel > .actions{
  display:flex !important;
  justify-content:flex-start !important;

  margin:8px 0 0 !important;
  padding:0 !important;
}

#app #swap-currencies{
  min-height:26px !important;

  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

#app #swap-currencies:hover{
  color:#435bcc !important;
}

/* Результат */

#app #conversion-result{
  margin:16px 0 8px !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
}

#app .conversion-total{
  display:flex !important;
  align-items:baseline !important;
  gap:8px !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}

#app .conversion-total > span{
  color:#8792a6 !important;
  font-size:11px !important;
}

#app .conversion-total > h2{
  margin:0 !important;

  color:#435bcc !important;
  font-size:20px !important;
  font-weight:650 !important;
}

#app .conversion-total > small{
  margin-left:8px !important;

  color:#9aa4b5 !important;
  font-size:10px !important;
}

/* Нижняя подпись */

#app .converter-panel > small{
  display:block !important;

  margin-top:12px !important;

  color:#9aa4b5 !important;
  font-size:10px !important;
}

/* Мобильный */

@media(max-width:700px){
  #app .converter-panel > .field{
    width:100% !important;
    border-right:0 !important;
  }

  #app .converter-currencies{
    flex-wrap:wrap !important;
  }

  #app .converter-currencies .field{
    padding:4px 12px 4px 0 !important;
  }

  #app .conversion-total{
    flex-wrap:wrap !important;
  }
}


/* КОНВЕРТЕР — ФИНАЛЬНЫЙ МИНИДИЗАЙН */

#app .converter-line{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;

  margin:0 0 18px !important;
  padding:0 !important;
}

#app .converter-line-field{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  margin:0 !important;
  padding:0 14px !important;

  color:#8792a6 !important;
  font-size:11px !important;
  white-space:nowrap !important;
}

#app .converter-line-field:first-child{
  padding-left:0 !important;
}

#app .converter-line > i{
  display:block !important;
  width:1px !important;
  height:24px !important;
  flex:0 0 1px !important;
  background:#dce2ec !important;
}

#app .converter-line input{
  width:110px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 4px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#536079 !important;
  font-size:12px !important;
}

#app .converter-line select{
  width:145px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 24px 0 4px !important;

  border:0 !important;
  border-radius:0 !important;

  background-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#536079 !important;
  font-size:11px !important;
  font-weight:500 !important;
}

#app .converter-panel #conversion-result{
  margin:0 0 8px !important;
  padding:0 !important;
}

#app .converter-panel .conversion-total{
  display:flex !important;
  align-items:baseline !important;
  gap:8px !important;

  margin:0 !important;
  padding:0 !important;
}

#app .converter-panel .conversion-total span{
  color:#8792a6 !important;
  font-size:11px !important;
}

#app .converter-panel .conversion-total h2{
  margin:0 !important;

  color:#435bcc !important;
  font-size:20px !important;
  font-weight:650 !important;
}

@media(max-width:700px){
 #app .converter-line{
  flex-wrap:wrap !important;
 }

 #app .converter-line > i{
  display:none !important;
 }

 #app .converter-line-field{
  padding:4px 12px 4px 0 !important;
 }
}


/* Логотип участвует в навигации, но не меняет внешний вид */

aside .brand.active{
  background:transparent !important;
  color:inherit !important;
}


/* Баланс менеджера:
   положительный = наш долг менеджеру = красный
   отрицательный = деньги остались у менеджера = зелёный */

.manager-finance-balance > div:nth-child(3) > strong.positive{
  color:#c24155 !important;
}

.manager-finance-balance > div:nth-child(3) > strong.negative{
  color:#398367 !important;
}


/* Остаток менеджера:
   визуальный минус = красный
   визуальный плюс = зелёный */

.manager-finance-balance > div:nth-child(3) > strong.negative{
  color:#c24155 !important;
}

.manager-finance-balance > div:nth-child(3) > strong.positive{
  color:#398367 !important;
}

.manager-finance-balance > div:nth-child(3) > strong.zero{
  color:#657188 !important;
}


/* Расчёты администратора с менеджерами:
   долг = красный
   остаток = зелёный */

.admin-manager-expenses .manager-balance strong.debt{
  color:#c24155 !important;
}

.admin-manager-expenses .manager-balance strong.credit{
  color:#398367 !important;
}

.admin-manager-expenses .manager-balance strong.zero{
  color:#657188 !important;
}


/* =========================================================
   КУРСЫ ВАЛЮТ — МИНИДИЗАЙН
   ========================================================= */

#app .rates-panel{
  margin:12px 0 18px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}

/* Заголовок + обновить */

#app .rates-panel .panel-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;

  min-height:26px !important;
  margin:0 0 6px !important;
  padding:0 !important;
}

#app .rates-panel .panel-heading h3{
  margin:0 !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

#app .rates-panel .panel-heading button{
  min-height:0 !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#435bcc !important;
  font-size:10px !important;
  font-weight:500 !important;
}

/* Курсы в одну строку */

#app .rates-grid{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:0 !important;

  margin:0 !important;
  padding:0 !important;
}

#app .rates-grid > div{
  flex:0 1 auto !important;
  min-width:180px !important;

  margin:0 !important;
  padding:2px 20px !important;

  border-right:1px solid #dce2ec !important;
}

#app .rates-grid > div:last-child{
  border-right:0 !important;
}

/* Сам курс */

#app .rates-grid strong{
  display:block !important;

  margin:0 0 2px !important;

  color:#536079 !important;
  font-size:11px !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}

/* Источник + дата */

#app .rates-grid small{
  display:block !important;

  margin:0 !important;

  color:#9aa4b5 !important;
  font-size:9px !important;
  line-height:1.3 !important;
  white-space:nowrap !important;
}

#app .rates-grid small a{
  color:#8792a6 !important;
  text-decoration:none !important;
}

#app .rates-grid small a:hover{
  color:#435bcc !important;
}

/* Узкий экран */

@media(max-width:900px){
  #app .rates-grid{
    flex-wrap:wrap !important;
    gap:10px 0 !important;
  }

  #app .rates-grid > div{
    min-width:50% !important;
  }
}


/* КУРСЫ ВАЛЮТ — РЕЗИНОВАЯ СЕТКА */

#app .rates-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  width:100% !important;
  gap:0 !important;
}

#app .rates-grid > div{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;

  padding:2px 20px !important;
  border-right:1px solid #dce2ec !important;
}

#app .rates-grid > div:first-child{
  padding-left:0 !important;
}

#app .rates-grid > div:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

/* Текст не ломает ширину колонки */

#app .rates-grid strong,
#app .rates-grid small{
  max-width:100% !important;
}

#app .rates-grid small{
  white-space:normal !important;
}

/* Средний экран — 2 × 2 */

@media(max-width:900px){
  #app .rates-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    row-gap:12px !important;
  }

  #app .rates-grid > div:nth-child(2){
    border-right:0 !important;
  }

  #app .rates-grid > div:nth-child(3){
    padding-left:0 !important;
  }
}

/* Телефон — одна колонка */

@media(max-width:520px){
  #app .rates-grid{
    grid-template-columns:1fr !important;
  }

  #app .rates-grid > div{
    padding:6px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid #dce2ec !important;
  }

  #app .rates-grid > div:last-child{
    border-bottom:0 !important;
  }
}


/* Курсы — 4 курса + Обновить */

#app .rates-grid{
  grid-template-columns:
    repeat(4,minmax(0,1fr))
    auto !important;
  align-items:center !important;
}

#app .rates-grid .rates-refresh{
  width:auto !important;
  min-width:auto !important;

  padding:0 0 0 20px !important;

  border:0 !important;
}

#app .rates-refresh button{
  min-height:0 !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#435bcc !important;
  font-size:10px !important;
  font-weight:500 !important;
}

#app .rates-refresh button:hover{
  text-decoration:underline !important;
}

/* На среднем экране кнопка остаётся последней */

@media(max-width:900px){
  #app .rates-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #app .rates-grid .rates-refresh{
    padding:5px 0 !important;
  }
}


/* =========================================================
   КОНВЕРТЕР — PREMIUM MINI
   ========================================================= */

#app .converter-premium{
  display:grid !important;
  grid-template-columns:minmax(230px,.7fr) minmax(520px,1.6fr) !important;
  align-items:center !important;
  gap:28px !important;

  width:100% !important;

  margin:18px 0 !important;
  padding:24px 28px !important;

  border:1px solid #e0e5ef !important;
  border-radius:16px !important;

  background:#fff !important;
  box-shadow:0 3px 14px rgba(45,57,95,.035) !important;
}


/* ЛЕВАЯ ЧАСТЬ */

#app .converter-brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;

  min-width:0 !important;
}

#app .converter-brand-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:44px !important;
  height:44px !important;
  min-width:44px !important;

  border-radius:12px !important;

  background:#f0f2ff !important;
  color:#4960dc !important;

  font-size:22px !important;
  line-height:1 !important;
}

#app .converter-brand h3{
  margin:0 0 3px !important;

  color:#273248 !important;
  font-size:15px !important;
  font-weight:650 !important;
}

#app .converter-brand small{
  display:block !important;

  margin:0 !important;

  color:#8a95aa !important;
  font-size:10px !important;
}


/* ПРАВАЯ ЧАСТЬ */

#app .converter-premium-controls{
  display:grid !important;
  grid-template-columns:minmax(190px,1fr) 38px minmax(190px,1fr) !important;
  align-items:center !important;
  gap:12px !important;

  min-width:0 !important;
}


/* БЛОК СУММА + ВАЛЮТА */

#app .converter-money-box{
  display:grid !important;
  grid-template-columns:minmax(80px,1fr) 92px !important;
  align-items:center !important;

  height:44px !important;
  min-width:0 !important;

  overflow:hidden !important;

  border:1px solid #dce2ec !important;
  border-radius:10px !important;

  background:#fff !important;
}


/* СУММА */

#app .converter-money-box > input{
  width:100% !important;
  height:42px !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#273248 !important;
  font-size:15px !important;
  font-weight:500 !important;
}


/* SELECT */

#app .converter-money-box > select{
  width:100% !important;
  height:42px !important;

  margin:0 !important;
  padding:0 26px 0 13px !important;

  border:0 !important;
  border-left:1px solid #e1e5ee !important;
  border-radius:0 !important;

  background-color:#fafbfe !important;
  box-shadow:none !important;
  outline:none !important;

  color:#34415a !important;
  font-size:12px !important;
  font-weight:650 !important;
}


/* SWAP */

#app .converter-swap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;
  min-width:38px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:10px !important;

  background:#f4f5fa !important;
  box-shadow:none !important;

  color:#536079 !important;
  font-size:17px !important;

  cursor:pointer !important;
}

#app .converter-swap:hover{
  background:#eceffd !important;
  color:#435bcc !important;
}


/* РЕЗУЛЬТАТ */

#app .converter-result-box #conversion-result{
  display:flex !important;
  align-items:center !important;

  width:100% !important;
  height:42px !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 14px !important;

  overflow:hidden !important;

  border:0 !important;
  background:transparent !important;
}

#app .converter-result-box #conversion-result strong{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;

  color:#435bcc !important;
  font-size:16px !important;
  font-weight:650 !important;
}

#app .converter-result-placeholder{
  color:#9aa4b5 !important;
  font-size:11px !important;
}


/* =========================================================
   КУРСЫ НАД КОНВЕРТЕРОМ
   ========================================================= */

#app .converter-premium + .rates-panel{
  display:none !important;
}

/* ratesPanel теперь физически стоит перед converter */

#app .rates-panel{
  width:100% !important;
  margin:8px 0 0 !important;
}


/* =========================================================
   АДАПТИВ
   ========================================================= */

@media(max-width:1050px){

  #app .converter-premium{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

}

@media(max-width:700px){

  #app .converter-premium{
    padding:18px !important;
  }

  #app .converter-premium-controls{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #app .converter-swap{
    transform:rotate(90deg) !important;
  }

  #app .converter-money-box{
    width:100% !important;
  }

}


/* =========================================================
   КОНВЕРТЕР — ИСПРАВЛЕНИЕ ШИРИНЫ И ПРОПОРЦИЙ
   ========================================================= */

#app .converter-premium{
  display:grid !important;
  grid-template-columns:230px minmax(0,1fr) !important;
  align-items:center !important;
  gap:30px !important;

  width:100% !important;
  max-width:none !important;

  margin:18px 0 0 !important;
  padding:24px 28px !important;
}

/* Левая часть */

#app .converter-brand{
  width:230px !important;
  min-width:230px !important;
}

/* Конвертер занимает всё оставшееся пространство */

#app .converter-premium-controls{
  display:grid !important;
  grid-template-columns:
    minmax(240px,1fr)
    42px
    minmax(240px,1fr) !important;

  align-items:center !important;
  gap:14px !important;

  width:100% !important;
  min-width:0 !important;
}

/* Поля суммы */

#app .converter-money-box{
  display:grid !important;
  grid-template-columns:minmax(100px,1fr) 105px !important;

  width:100% !important;
  min-width:0 !important;
  height:46px !important;

  border:1px solid #dce2ec !important;
  border-radius:11px !important;

  background:#fff !important;
  overflow:hidden !important;
}

#app .converter-money-box > input{
  width:100% !important;
  min-width:0 !important;
  height:44px !important;

  padding:0 16px !important;

  font-size:14px !important;
}

/* Валюта */

#app .converter-money-box > select{
  width:105px !important;
  height:44px !important;

  padding:0 28px 0 14px !important;

  font-size:12px !important;
}

/* Результат */

#app .converter-result-box #conversion-result{
  width:100% !important;
  min-width:0 !important;
  height:44px !important;

  padding:0 16px !important;
}

#app .converter-result-box #conversion-result strong{
  font-size:17px !important;
}

/* Кнопка между валютами */

#app .converter-swap{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;

  border-radius:10px !important;

  background:#f0f2ff !important;
  color:#4960dc !important;

  font-size:18px !important;
}

/* Курсы тоже строго на всю ширину */

#app .rates-panel{
  width:100% !important;
  max-width:none !important;
}

#app .rates-grid{
  width:100% !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

/* Средний экран */

@media(max-width:1100px){

  #app .converter-premium{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  #app .converter-brand{
    width:auto !important;
    min-width:0 !important;
  }

}

/* Мобильный */

@media(max-width:700px){

  #app .converter-premium-controls{
    grid-template-columns:1fr !important;
  }

  #app .converter-swap{
    transform:rotate(90deg) !important;
  }

}


/* =========================================================
   КОНВЕРТЕР СЛЕВА / КУРСЫ СПРАВА
   ========================================================= */

#app .converter-dashboard{
  display:grid !important;
  grid-template-columns:minmax(480px, .85fr) minmax(600px, 1.15fr) !important;
  align-items:stretch !important;
  gap:14px !important;

  width:100% !important;
  margin:16px 0 !important;
}


/* КОНВЕРТЕР */

#app .converter-mini-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  min-width:0 !important;
  padding:20px 22px !important;

  border:1px solid #e0e5ef !important;
  border-radius:15px !important;

  background:#fff !important;
}

#app .converter-mini-head{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;

  margin-bottom:15px !important;
}

#app .converter-mini-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:36px !important;
  height:36px !important;
  min-width:36px !important;

  border-radius:10px !important;

  background:#f0f2ff !important;
  color:#4960dc !important;

  font-size:17px !important;
}

#app .converter-mini-head h3{
  margin:0 0 2px !important;

  color:#273248 !important;
  font-size:13px !important;
  font-weight:650 !important;
}

#app .converter-mini-head small{
  color:#929caf !important;
  font-size:9px !important;
}


/* КОНВЕРТАЦИЯ */

#app .converter-mini-controls{
  display:grid !important;
  grid-template-columns:minmax(150px,1fr) 32px minmax(150px,1fr) !important;
  align-items:center !important;
  gap:8px !important;
}

#app .converter-mini-card .converter-money-box{
  display:grid !important;
  grid-template-columns:minmax(60px,1fr) 92px !important;

  width:100% !important;
  height:40px !important;

  overflow:hidden !important;

  border:1px solid #dfe4ed !important;
  border-radius:9px !important;

  background:#fff !important;
}

#app .converter-mini-card .converter-money-box input{
  width:100% !important;
  min-width:0 !important;
  height:38px !important;

  padding:0 11px !important;

  border:0 !important;
  background:transparent !important;
  outline:none !important;

  color:#273248 !important;
  font-size:12px !important;
}

#app .converter-mini-card .converter-money-box select{
  width:92px !important;
  height:38px !important;

  padding:0 20px 0 8px !important;

  border:0 !important;
  border-left:1px solid #e4e7ef !important;

  background:#fafbfe !important;
  outline:none !important;

  color:#34415a !important;
  font-size:11px !important;
  font-weight:600 !important;
}


/* RESULT */

#app .converter-mini-card #conversion-result{
  display:flex !important;
  align-items:center !important;

  width:100% !important;
  height:38px !important;

  margin:0 !important;
  padding:0 11px !important;

  overflow:hidden !important;
}

#app .converter-mini-card #conversion-result strong{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;

  color:#435bcc !important;
  font-size:14px !important;
  font-weight:650 !important;
}


/* SWAP */

#app .converter-mini-card .converter-swap{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;

  padding:0 !important;

  border:0 !important;
  border-radius:8px !important;

  background:#f4f5fa !important;
  color:#59667d !important;

  font-size:14px !important;
}


/* =========================================================
   КУРСЫ СПРАВА — ОДИН ДЛИННЫЙ БЛОК
   ========================================================= */

#app .converter-rates-side{
  display:flex !important;
  min-width:0 !important;
}

#app .converter-rates-side .rates-panel{
  display:flex !important;
  align-items:center !important;

  width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:20px 22px !important;

  border:1px solid #e0e5ef !important;
  border-radius:15px !important;

  background:#fff !important;
}

#app .converter-rates-side .rates-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;

  width:100% !important;
  gap:0 !important;
}

#app .converter-rates-side .rates-grid > div{
  min-width:0 !important;
  padding:4px 15px !important;

  border-right:1px solid #e0e4ec !important;
}

#app .converter-rates-side .rates-grid > div:first-child{
  padding-left:0 !important;
}

#app .converter-rates-side .rates-grid > div:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

#app .converter-rates-side .rates-grid strong{
  display:block !important;

  color:#3f4c64 !important;
  font-size:10px !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}

#app .converter-rates-side .rates-grid small{
  display:block !important;

  margin-top:3px !important;

  color:#9aa4b5 !important;
  font-size:8px !important;
  line-height:1.3 !important;
}


/* Добавляем флаги визуально к курсам */

#app .converter-rates-side .rates-grid > div:nth-child(1) strong::before{
  content:"🇺🇸 ";
}

#app .converter-rates-side .rates-grid > div:nth-child(2) strong::before{
  content:"🇺🇸 ";
}

#app .converter-rates-side .rates-grid > div:nth-child(3) strong::before{
  content:"🇪🇺 ";
}

#app .converter-rates-side .rates-grid > div:nth-child(4) strong::before{
  content:"🇷🇺 ";
}

@media(max-width:700px){

  #app .converter-mini-controls{
    grid-template-columns:1fr !important;
  }

  #app .converter-mini-card .converter-swap{
    transform:rotate(90deg) !important;
  }

  #app .converter-rates-side .rates-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    row-gap:12px !important;
  }

}


/* =========================================================
   ГЛАВНЫЕ ФИНАНСЫ — КУРСЫ ВАЛЮТ
   такой же блок, как рядом с конвертером
   ========================================================= */

#app .rates-panel{
  display:flex !important;
  align-items:center !important;

  width:100% !important;
  min-width:0 !important;

  margin:14px 0 18px !important;
  padding:18px 22px !important;

  border:1px solid #e0e5ef !important;
  border-radius:15px !important;

  background:#fff !important;
  box-shadow:none !important;
}

/* 4 равные колонки */

#app .rates-panel .rates-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;

  width:100% !important;
  min-width:0 !important;
  gap:0 !important;
}

/* Каждый курс */

#app .rates-panel .rates-grid > div{
  width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:4px 20px !important;

  border-right:1px solid #e0e4ec !important;
}

#app .rates-panel .rates-grid > div:first-child{
  padding-left:0 !important;
}

#app .rates-panel .rates-grid > div:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

/* Значение */

#app .rates-panel .rates-grid strong{
  display:block !important;

  margin:0 !important;

  color:#3f4c64 !important;
  font-size:11px !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}

/* Источник и дата */

#app .rates-panel .rates-grid small{
  display:block !important;

  margin-top:3px !important;

  color:#9aa4b5 !important;
  font-size:9px !important;
  line-height:1.3 !important;
}

#app .rates-panel .rates-grid small a{
  color:#8792a6 !important;
  text-decoration:none !important;
}

/* Флаги */

#app .rates-panel .rates-grid > div:nth-child(1) strong::before{
  content:"🇺🇸 ";
}

#app .rates-panel .rates-grid > div:nth-child(2) strong::before{
  content:"🇺🇸 ";
}

#app .rates-panel .rates-grid > div:nth-child(3) strong::before{
  content:"🇪🇺 ";
}

#app .rates-panel .rates-grid > div:nth-child(4) strong::before{
  content:"🇷🇺 ";
}

/* Адаптив */

@media(max-width:850px){

  #app .rates-panel .rates-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    row-gap:14px !important;
  }

  #app .rates-panel .rates-grid > div:nth-child(2){
    border-right:0 !important;
  }

  #app .rates-panel .rates-grid > div:nth-child(3){
    padding-left:0 !important;
  }

}

@media(max-width:520px){

  #app .rates-panel .rates-grid{
    grid-template-columns:1fr !important;
  }

  #app .rates-panel .rates-grid > div{
    padding:8px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid #e0e4ec !important;
  }

  #app .rates-panel .rates-grid > div:last-child{
    border-bottom:0 !important;
  }

}


/* КОНВЕРТЕР — ОБНОВИТЬ КУРСЫ */

#app .converter-rates-side{
  position:relative !important;
}

#app .converter-rates-refresh{
  position:absolute !important;
  top:10px !important;
  right:12px !important;

  width:auto !important;
  min-height:0 !important;

  margin:0 !important;
  padding:3px 7px !important;

  border:0 !important;
  border-radius:6px !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#8792a6 !important;
  font-size:9px !important;
  font-weight:500 !important;
}

#app .converter-rates-refresh:hover{
  background:#f3f5fb !important;
  color:#435bcc !important;
}


/* ОБНОВИТЬ — внутри блока курсов */

#app .rates-panel{
  position:relative !important;
}

#app .rates-refresh-mini{
  position:absolute !important;
  top:9px !important;
  right:11px !important;

  width:auto !important;
  min-height:0 !important;

  margin:0 !important;
  padding:3px 7px !important;

  border:0 !important;
  border-radius:6px !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#8792a6 !important;
  font-size:9px !important;
  font-weight:500 !important;
}

#app .rates-refresh-mini:hover{
  background:#f3f5fb !important;
  color:#435bcc !important;
}


/* ИСТОРИЯ ВЫПЛАТ — разделитель действий */

.manager-reimbursement-history td:last-child{
  white-space:nowrap !important;
}

.manager-reimbursement-history td:last-child button{
  display:inline-block !important;
  margin:0 !important;
  padding:0 8px !important;
}

.manager-reimbursement-history td:last-child button:first-child{
  padding-left:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;
}

.manager-reimbursement-history td:last-child button:last-child{
  padding-right:0 !important;
  color:#c24155 !important;
}


/* =========================================================
   ФАКТИЧЕСКИЕ ОПЕРАЦИИ — МИНИДИЗАЙН
   ========================================================= */

#app .panel:has(.toolbar [data-filter="custodian"]){
  padding:18px 20px !important;

  border:1px solid #e1e5ed !important;
  border-radius:14px !important;

  background:#fff !important;
  box-shadow:none !important;
}

/* Шапка */

#app .panel:has(.toolbar [data-filter="custodian"]) .panel-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  margin:0 0 14px !important;
  padding:0 !important;
}

#app .panel:has(.toolbar [data-filter="custodian"]) .panel-heading h3{
  margin:0 !important;

  color:#273248 !important;
  font-size:14px !important;
  font-weight:650 !important;
}

/* Приход / Расход */

#app .panel:has(.toolbar [data-filter="custodian"])
.panel-heading .actions{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
}

#app .panel:has(.toolbar [data-filter="custodian"])
.panel-heading .actions button{
  width:auto !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:11px !important;
  font-weight:550 !important;
}

#app .panel:has(.toolbar [data-filter="custodian"])
.panel-heading .actions button:first-child{
  color:#435bcc !important;
  font-weight:650 !important;
}

#app .panel:has(.toolbar [data-filter="custodian"])
.panel-heading .actions button:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}


/* =========================================================
   ФИЛЬТРЫ — ОДНА МИНИМАЛИСТИЧНАЯ СТРОКА
   ========================================================= */

#app .panel:has(.toolbar [data-filter="custodian"]) .toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;

  width:100% !important;
  min-height:30px !important;

  margin:0 0 14px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}

/* Все select/input */

#app .panel:has(.toolbar [data-filter="custodian"])
.toolbar select,

#app .panel:has(.toolbar [data-filter="custodian"])
.toolbar input{
  width:auto !important;
  min-width:0 !important;
  height:28px !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:10px !important;
  font-weight:500 !important;
}


/* У кого */

#app .panel:has(.toolbar [data-filter="custodian"])
.toolbar [data-filter="custodian"]{
  width:130px !important;
  padding-left:0 !important;
}


/* Для кого */

#app .panel:has(.toolbar [data-filter="custodian"])
.toolbar [data-filter="expenseFor"]{
  width:145px !important;
}


/* Тип */

#app .panel:has(.toolbar [data-filter="custodian"])
.toolbar [data-filter="type"]{
  width:130px !important;
}


/* Даты */

#app .panel:has(.toolbar [data-filter="custodian"])
.toolbar input[type="date"]{
  width:115px !important;
  color:#8792a6 !important;
}


/* Получатель */

#app .panel:has(.toolbar [data-filter="custodian"])
.toolbar [data-filter="party"]{
  flex:0 1 190px !important;
  width:190px !important;
}


/* Сбросить */

#app .panel:has(.toolbar [data-filter="custodian"])
.toolbar button{
  width:auto !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

#app .panel:has(.toolbar [data-filter="custodian"])
.toolbar button:hover{
  color:#435bcc !important;
}


/* Адаптив */

@media(max-width:1050px){

  #app .panel:has(.toolbar [data-filter="custodian"]) .toolbar{
    flex-wrap:wrap !important;
    gap:5px 0 !important;
  }

}


/* СУРМАМА — РАСХОДЫ: Редактировать | Удалить */

.surrogate-main-panel[data-sur-main-panel="expenses"] td:last-child{
  white-space:nowrap !important;
}

.surrogate-main-panel[data-sur-main-panel="expenses"] td:last-child button{
  display:inline-block !important;
  margin:0 !important;
  padding:0 8px !important;
}

.surrogate-main-panel[data-sur-main-panel="expenses"] td:last-child button:first-child{
  padding-left:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;
}

.surrogate-main-panel[data-sur-main-panel="expenses"] td:last-child button:last-child{
  padding-right:0 !important;
  color:#c24155 !important;
}


/* =========================================================
   ЗАДАЧИ — СОТРУДНИКИ
   ========================================================= */

#app .task-page-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  margin:0 0 16px;
}

#app .task-owner-tabs{
  margin:0 !important;
}

#app .task-page-head > .actions{
  margin:0 !important;
}

@media(max-width:800px){
  #app .task-page-head{
    align-items:flex-start;
    flex-direction:column;
  }

  #app .task-owner-tabs{
    max-width:100%;
    overflow-x:auto;
  }
}


/* ЗАДАЧИ — ИСТОЧНИК */

#app .task-meta{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;

  margin-top:3px !important;

  color:#8b95a8 !important;
  font-size:10px !important;
}

#app .task-source-type{
  color:#9aa4b5 !important;
}

#app .task-meta .link{
  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:#435bcc !important;
  font-size:10px !important;
  font-weight:550 !important;
}

#app .task-meta > i{
  display:block !important;

  width:1px !important;
  height:11px !important;

  margin:0 2px !important;

  background:#dce2ec !important;
}

#app .task-owner{
  color:#7e899d !important;
}


/* Расчёты с менеджерами — выплата внутри карточки */

.admin-manager-expense-head{
  display:flex !important;
  align-items:center !important;
}

.admin-manager-expense-head .manager-reimbursement-add{
  width:auto !important;
  min-height:0 !important;

  margin-left:auto !important;
  padding:3px 6px !important;

  border:0 !important;
  border-radius:6px !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#435bcc !important;
  font-size:9px !important;
  font-weight:550 !important;
}

.admin-manager-expense-head .manager-reimbursement-add{
  width:auto !important;
  min-height:0 !important;

  margin-left:auto !important;
  padding:3px 7px !important;

  border:0 !important;
  border-radius:6px !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#435bcc !important;
  font-size:9px !important;
  font-weight:550 !important;
}


.admin-manager-expense-head{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.admin-manager-expense-head .manager-reimbursement-add{
  width:auto !important;
  min-height:0 !important;
  margin-left:auto !important;
  padding:3px 7px !important;

  border:0 !important;
  border-radius:6px !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#435bcc !important;
  font-size:9px !important;
  font-weight:550 !important;
}

.admin-manager-expense-head .manager-reimbursement-add:hover{
  background:#f2f4fd !important;
}

/* Выплата менеджеру — более заметная кнопка */

.admin-manager-expense-head .manager-reimbursement-add{
  min-height:30px !important;

  padding:0 12px !important;

  border:1px solid #dce2ff !important;
  border-radius:8px !important;

  background:#f5f6ff !important;
  color:#435bcc !important;

  font-size:11px !important;
  font-weight:650 !important;
}

.admin-manager-expense-head .manager-reimbursement-add:hover{
  background:#ecefff !important;
  border-color:#cdd4ff !important;
}


/* ЗАДАЧИ — Редактировать | Удалить */

#app .task-actions{
  display:flex !important;
  align-items:center !important;

  margin-left:8px !important;
  white-space:nowrap !important;
}

#app .task-actions button{
  min-height:0 !important;

  margin:0 !important;
  padding:0 8px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:9px !important;
  font-weight:500 !important;
}

#app .task-actions button:first-child{
  border-right:1px solid #dce2ec !important;
}

#app .task-actions button:last-child{
  padding-right:0 !important;
  color:#c24155 !important;
}


/* ЗАДАЧИ — дата в стиле действий */

#app .task-row > .badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:22px !important;

  margin:0 !important;
  padding:0 7px !important;

  border:1px solid #e2e6f1 !important;
  border-radius:6px !important;

  background:#f6f7fc !important;

  color:#657188 !important;
  font-size:9px !important;
  font-weight:500 !important;
  line-height:1 !important;
}

/* Просроченная дата */

#app .task-row > .badge.red{
  border-color:#f0d9de !important;
  background:#fff7f8 !important;
  color:#c24155 !important;
}


/* Задачи — дата после менеджера */

#app .task-date{
  color:#7e899d !important;
  font-size:10px !important;
  font-weight:500 !important;
}

#app .task-date.overdue{
  color:#c24155 !important;
}


/* =========================================================
   ЗАДАЧИ — ЦВЕТ СРОКА
   ========================================================= */

/* Больше 5 дней */

#app .task-date{
  color:#7e899d !important;
}

/* 3–5 дней */

#app .task-date.task-date-soon{
  color:#435bcc !important;
  font-weight:600 !important;
}

/* 0–3 дня */

#app .task-date.task-date-urgent{
  color:#d97706 !important;
  font-weight:600 !important;
}

/* Просрочено */

#app .task-date.task-date-overdue{
  color:#c24155 !important;
  font-weight:650 !important;
}


/* Заявка — компактные даты в общей сетке */

.lead-date-field{
  position:relative !important;
  display:block !important;
  margin:0 !important;
}

.lead-date-field .field-caption{
  position:absolute !important;
  z-index:2 !important;

  left:13px !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  margin:0 !important;

  color:#8a96aa !important;
  font-size:11px !important;
  font-weight:500 !important;

  pointer-events:none !important;
}

.lead-date-field input{
  width:100% !important;
  height:42px !important;
  padding-left:105px !important;
  margin:0 !important;
}

.lead-date-field input[readonly]{
  background:#f8f9fc !important;
  color:#536078 !important;
  cursor:default !important;
}

.lead-date-field input[readonly]::-webkit-calendar-picker-indicator{
  display:none !important;
}


/* =========================================================
   TEAM CHAT
   ========================================================= */

.team-chat-author{
 display:flex;
 align-items:center;
 gap:10px;
}

.team-chat-avatar{
 width:40px;
 height:40px;
 min-width:40px;
 max-width:40px;
 min-height:40px;
 max-height:40px;
 border-radius:50%;
 object-fit:cover;
 display:block;
}

.team-chat-avatar-fallback{
 display:flex;
 align-items:center;
 justify-content:center;
 background:#eef1f5;
 font-weight:700;
 font-size:15px;
}

.team-chat-author-info{
 display:flex;
 flex-direction:column;
 gap:2px;
}

.team-chat-author-info small{
 opacity:.65;
}


/* =========================================================
   PERSONAL NOTIFICATIONS
   ========================================================= */

.crm-notice-dot{
 width:10px;
 height:10px;
 min-width:10px;
 min-height:10px;
 flex:0 0 10px;
 border-radius:50%;
 display:inline-block;
 vertical-align:middle;
}

.crm-notice-dot.red{
 background:#dc2626;
}

.crm-notice-dot.green{
 background:#16a34a;
}

.crm-tab-dot{
 width:8px;
 height:8px;
 min-width:8px;
 min-height:8px;
 margin-left:6px;
 border-radius:50%;
 display:inline-block;
 background:#dc2626;
 vertical-align:middle;
}


/* Notification dot — top right of lead/client card */
.client-summary{
 position:relative;
}

.client-summary > .client-summary-badges > .crm-notice-dot{
 position:absolute;
 top:18px;
 right:18px;
 z-index:3;
 margin:0;
}

.lead-client-card .lead-card-top{
 padding-right:28px;
}


/* Notice dot — always top right */
.client-card.client-summary,
.lead-client-card{
 position:relative;
}

.client-card.client-summary .crm-notice-dot,
.lead-client-card .crm-notice-dot{
 position:absolute !important;
 top:18px !important;
 right:18px !important;
 left:auto !important;
 margin:0 !important;
 z-index:10;
}

.client-card.client-summary .client-summary-badges,
.lead-client-card .client-summary-badges{
 padding-right:26px;
}


/* Section notification dots */
.crm-tab-dot.green{
 background:#16a34a;
}

.crm-tab-dot.red{
 background:#dc2626;
}


/* Red + green notifications together */
.client-card.client-summary .crm-notice-dots,
.lead-client-card .crm-notice-dots{
 position:absolute;
 top:18px;
 right:18px;
 z-index:10;
 display:flex;
 align-items:center;
 gap:6px;
}

.client-card.client-summary .crm-notice-dots .crm-notice-dot,
.lead-client-card .crm-notice-dots .crm-notice-dot{
 position:static !important;
 top:auto !important;
 right:auto !important;
 left:auto !important;
 margin:0 !important;
}


/* =========================================================
   SIDEBAR NOTIFICATIONS
   ========================================================= */

[data-nav]{
 position:relative;
}

.sidebar-notices{
 margin-left:auto;
 display:inline-flex;
 align-items:center;
 gap:5px;
 padding-left:8px;
}

.sidebar-notice{
 min-width:19px;
 height:19px;
 padding:0 5px;
 border-radius:10px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 font-size:11px;
 line-height:1;
 font-weight:700;
 color:#fff;
}

.sidebar-notice.red{
 background:#dc2626;
}

.sidebar-notice.green{
 background:#16a34a;
}


/* =========================================================
   LEAD 30 DAY TIMER
   ========================================================= */

.lead-status-age{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:5px;
}

.lead-age{
 width:118px;
 font-size:11px;
 line-height:1.2;
}

.lead-age-line{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:6px;
}

.lead-age-line span{
 font-weight:700;
}

.lead-age-line small{
 opacity:.62;
 font-size:10px;
}

.lead-age-track{
 width:100%;
 height:4px;
 margin-top:4px;
 overflow:hidden;
 border-radius:999px;
 background:rgba(0,0,0,.09);
}

.lead-age-track > span{
 display:block;
 height:100%;
 min-width:4px;
 border-radius:999px;
 transition:
  width .25s ease,
  background .25s ease;
}

.lead-age-postponed{
 width:auto;
 max-width:150px;
 font-weight:600;
 white-space:nowrap;
}


/* Lead age / follow-up date */
.lead-status-age{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:4px;
}

.lead-age-days{
 width:auto;
 margin-top:1px;
 font-size:12px;
 line-height:1.2;
 font-weight:700;
 white-space:nowrap;
}

.lead-age-postponed{
 width:auto;
 margin-top:1px;
 font-size:12px;
 line-height:1.2;
 font-weight:700;
 white-space:nowrap;
}


/* =========================================================
   LEAD TIMER — visual correction
   ========================================================= */

.lead-status-age{
 display:inline-flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:flex-start;
 gap:3px;
 vertical-align:top;
}

/* Не даём badge статуса съезжать */
.lead-status-age > .badge{
 margin:0;
}

/* Дни */
.lead-age-days{
 display:block;
 width:auto;
 margin:0;
 padding:0 2px;
 font-size:11px;
 line-height:1.25;
 font-weight:400;
 letter-spacing:0;
 white-space:nowrap;
}

/* Дата для "Отложена" */
.lead-age-postponed{
 display:block;
 width:auto;
 margin:0;
 padding:0 2px;
 font-size:11px;
 line-height:1.25;
 font-weight:400;
 letter-spacing:0;
 white-space:nowrap;
 opacity:.78;
}

/* Выравнивание верхней строки карточки */
.lead-card-top .client-summary-badges{
 align-items:flex-start;
}


/* Lead timer after manager + */
.lead-card-top .lead-age{
 display:inline-flex;
 align-items:center;
 width:auto;
 margin:0;
 padding:0;
 font-size:11px;
 line-height:1;
 font-weight:400;
 white-space:nowrap;
 align-self:center;
}

.lead-card-top .client-summary-badges{
 align-items:center;
}


/* =========================================================
   LEAD AGE / FOLLOW-UP — FINAL POSITION
   ========================================================= */

/* Одинаковое положение для "4 дня", даты и "Дата не указана" */
.lead-card-top .lead-age,
.lead-card-top .lead-age-days,
.lead-card-top .lead-age-postponed{
 display:inline-flex !important;
 align-items:center !important;
 align-self:center !important;

 width:auto !important;
 max-width:none !important;

 margin:0 !important;
 padding:0 !important;

 font-size:11px !important;
 line-height:1 !important;
 font-weight:400 !important;
 letter-spacing:0 !important;

 white-space:nowrap !important;
}

/* Дату и "Дата не указана" не делаем жирными */
.lead-card-top .lead-age-postponed{
 opacity:.72;
}

/* Дни оставляем полностью видимыми —
   цвет задаётся самим таймером */
.lead-card-top .lead-age-days{
 opacity:1;
}

/* Вся строка статуса / менеджеров / таймера */
.lead-card-top .client-summary-badges{
 display:flex;
 align-items:center !important;
 gap:8px;
}

/* =========================================================
   LEAD TIMER — fixed row
   ========================================================= */

.lead-card-age-row{
 display:flex;
 align-items:center;
 min-height:14px;
 margin-top:4px;
 padding-left:0;
}

.lead-card-age-row .lead-age,
.lead-card-age-row .lead-age-days,
.lead-card-age-row .lead-age-postponed{
 display:block !important;
 width:auto !important;
 max-width:none !important;
 margin:0 !important;
 padding:0 !important;

 font-size:11px !important;
 line-height:14px !important;
 font-weight:400 !important;
 letter-spacing:0 !important;
 white-space:nowrap !important;
}

.lead-card-age-row .lead-age-postponed{
 opacity:.72;
}

.lead-card-age-row .lead-age-days{
 opacity:1;
}

/* =========================================================
   LEAD TIMER — directly under status
   ========================================================= */

.lead-card-top .lead-status-age{
 display:inline-flex !important;
 flex-direction:column !important;
 align-items:center !important;
 justify-content:flex-start !important;
 gap:3px !important;
 margin:0 !important;
 padding:0 !important;
}

.lead-card-top .lead-status-age > .badge{
 margin:0 !important;
}

.lead-card-top .lead-status-age .lead-age,
.lead-card-top .lead-status-age .lead-age-days,
.lead-card-top .lead-status-age .lead-age-postponed{
 display:block !important;
 width:auto !important;
 max-width:none !important;
 margin:0 !important;
 padding:0 !important;

 font-size:11px !important;
 line-height:13px !important;
 font-weight:400 !important;
 letter-spacing:0 !important;

 text-align:center !important;
 white-space:nowrap !important;
}

.lead-card-top .lead-status-age .lead-age-postponed{
 opacity:.72;
}

.lead-card-top .client-summary-badges{
 align-items:flex-start !important;
}

/* =========================================================
   LEAD TIMER — alignment correction
   ========================================================= */

/* Вся верхняя строка снова выровнена как раньше */
.lead-card-top .client-summary-badges{
 align-items:center !important;
}

/* Блок статуса занимает обычное положение в строке */
.lead-card-top .lead-status-age{
 position:relative !important;
 display:inline-flex !important;
 flex-direction:column !important;
 align-items:center !important;
 justify-content:center !important;

 margin:0 !important;
 padding:0 !important;
 gap:0 !important;

 align-self:center !important;
}

/* Плашка Новая / В работе / Отложена остаётся на прежней высоте */
.lead-card-top .lead-status-age > .badge{
 position:relative !important;
 top:0 !important;
 margin:0 !important;
}

/* Дни или дата располагаются ниже плашки */
.lead-card-top .lead-status-age .lead-age{
 position:absolute !important;
 top:calc(100% + 5px) !important;
 left:50% !important;
 transform:translateX(-50%) !important;

 margin:0 !important;
 padding:0 !important;

 font-size:11px !important;
 line-height:13px !important;
 font-weight:400 !important;

 text-align:center !important;
 white-space:nowrap !important;
}

/* Даём снизу место под вторую строку,
   не двигая саму плашку вверх */
.lead-card-top{
 padding-bottom:18px;
}

/* Внутри общего контейнера расстояния задаёт только gap */



/* Убираем собственные вертикальные отступы у блоков */


/*
 Все непосредственные финансовые блоки получают
 одинаковый отступ от предыдущего блока.
 */




/*
 stats сам является контейнером карточек.
 Его внутреннее расстояние не должно влиять
 на внешний вертикальный ритм.
 */


/* Курс валют */



/* Вкладки → первый блок Финансов */


/* Сам контейнер финансов */


/* Убираем собственные внешние отступы блоков */


/* Карточки Получено / Расходы / Остаток —
   внутренний layout не должен добавлять внешний отступ */


/* Курсы валют */



/* =========================================================
   CLIENT FINANCE — EXACT 24PX SPACING
   ========================================================= */

.client-finance-content{
 display:block !important;
 margin:0 !important;
 padding:0 !important;
}

/* Убираем ВСЕ внешние отступы у четырёх блоков */
.client-finance-content > .rates-panel,
.client-finance-content > .stats,
.client-finance-content > .panel{
 margin-top:0 !important;
 margin-bottom:0 !important;
}

/*
 Вкладки уже имеют margin-bottom:25px.
 Поэтому первый блок начинается естественно после них.

 Между каждым следующим финансовым блоком —
 строго 24px.
 */
.client-finance-content > * + *{
 margin-top:24px !important;
}

/* Перебиваем базовый .stats { margin-bottom:28px } */
.client-finance-content > .stats{
 margin-bottom:0 !important;
}


/* =========================================================
   CLIENT FINANCE — restore visible 24px between sections
   ========================================================= */

/* Сводные карточки → Платежи */
.client-finance-content > .stats + .panel{
 margin-top:24px !important;
}

/* Платежи → Фактические операции */
.client-finance-content > .panel + .panel{
 margin-top:24px !important;
}

/* Не даём соседним рамкам визуально склеиваться */
.client-finance-content > .panel{
 flex-shrink:0;
}


/* =========================================================
   PAYMENT / STAGE REORDER
   ========================================================= */

.reorder-row{
 position:relative;
}

.drag-handle{
 display:inline-flex;
 align-items:center;
 justify-content:center;

 width:18px;
 flex:0 0 18px;

 color:#9aa4b7;
 font-size:17px;
 line-height:1;

 cursor:grab;
 user-select:none;
}

.drag-handle:active{
 cursor:grabbing;
}

.reorder-row.dragging{
 opacity:.45;
}

.reorder-row.dragging .drag-handle{
 cursor:grabbing;
}

.payment-delete-button{
 flex:0 0 auto;
}

.payment-reorder-list,
.client-stage-list{
 min-width:0;
}


/* Drag starts only from ⋮⋮ */
.reorder-row{
 cursor:default;
}

.drag-handle{
 cursor:grab !important;
}

.drag-handle:active{
 cursor:grabbing !important;
}


/* =========================================================
   CUSTOM POINTER REORDER
   ========================================================= */

.drag-handle{
 cursor:grab !important;
 touch-action:none;
 user-select:none;
 -webkit-user-select:none;
}

.crm-reordering,
.crm-reordering *{
 cursor:grabbing !important;
}

.crm-reordering{
 user-select:none !important;
 -webkit-user-select:none !important;
}

.reorder-row.dragging{
 opacity:.48;
 position:relative;
 z-index:2;
}


/* =========================================================
   EDITABLE LEAD TITLE
   ========================================================= */

.lead-editable-title{
 margin:-66px 0 28px;
 width:max-content;
 max-width:100%;
 position:relative;
 z-index:2;
}

.lead-editable-title button{
 border:0;
 background:transparent;
 padding:0;
 margin:0;

 color:#222b40;
 font-size:29px;
 font-weight:650;
 letter-spacing:-.8px;
 line-height:1.2;
 text-align:left;

 cursor:pointer;
}

.lead-editable-title button:hover{
 color:#435bcc;
}

.lead-editable-title button:focus-visible{
 outline:2px solid #7d8fe3;
 outline-offset:5px;
 border-radius:3px;
}


/* =========================================================
   LEAD TITLE — clickable, original position
   ========================================================= */

.lead-page-title{
 margin-bottom:27px;
}

.lead-title-button{
 border:0 !important;
 background:transparent !important;
 padding:0 !important;
 margin:0 !important;

 color:inherit !important;
 font:inherit !important;
 font-weight:inherit !important;
 letter-spacing:inherit !important;
 line-height:inherit !important;
 text-align:left;

 cursor:pointer;
}

.lead-title-button:hover{
 color:#435bcc !important;
}

.lead-title-button:focus-visible{
 outline:2px solid #7d8fe3;
 outline-offset:4px;
 border-radius:3px;
}

/* Старый экспериментальный блок больше не используется */
.lead-editable-title{
 display:none !important;
}


/* =========================================================
   LEAD CONTACTS — same layout as CLIENT CONTACTS
   ========================================================= */

/* В заявке контакты всегда одной колонкой */
.lead-profile-content .client-contacts-panel .application-contact-grid{
 display:grid !important;
 grid-template-columns:1fr !important;
 gap:18px !important;
}

/* Каждое поле занимает всю ширину */
.lead-profile-content .client-contacts-panel .application-contact-grid > .field{
 width:100% !important;
 margin:0 !important;
}

/* Поля — как в карточке клиента */
.lead-profile-content .client-contacts-panel .application-contact-grid input{
 width:100% !important;
 box-sizing:border-box !important;
}

/* Кнопка под последним полем */
.lead-profile-content .client-contacts-panel .actions{
 justify-content:flex-start !important;
 margin-top:12px !important;
}


/* =========================================================
   LEAD CONTACTS — final layout
   ========================================================= */

.lead-contacts-panel .lead-contact-main{
 display:flex !important;
 flex-direction:column !important;
 gap:18px !important;
}

.lead-contacts-panel .lead-contact-main > .field{
 width:100% !important;
 margin:0 !important;
}

.lead-contacts-panel .lead-contact-messenger-row{
 display:grid !important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
 gap:18px !important;
 width:100% !important;
}

.lead-contacts-panel .lead-contact-messenger-row .field{
 width:100% !important;
 margin:0 !important;
 min-width:0 !important;
}

.lead-contacts-panel .lead-contact-main input{
 width:100% !important;
 box-sizing:border-box !important;
}

.lead-contacts-panel .actions{
 justify-content:flex-start !important;
 margin-top:12px !important;
}

@media(max-width:700px){
 .lead-contacts-panel .lead-contact-messenger-row{
  grid-template-columns:1fr !important;
 }
}


/* =========================================================
   CLIENT CONTACTS — messenger + ID in one row
   ========================================================= */

.client-contacts-panel .client-contact-main{
 display:flex !important;
 flex-direction:column !important;
 gap:18px !important;
}

.client-contacts-panel .client-contact-main > .field{
 width:100% !important;
 margin:0 !important;
}

.client-contacts-panel .client-contact-messenger-row{
 display:grid !important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
 gap:18px !important;
 width:100% !important;
}

.client-contacts-panel .client-contact-messenger-row .field{
 width:100% !important;
 min-width:0 !important;
 margin:0 !important;
}

.client-contacts-panel .client-contact-main input{
 width:100% !important;
 box-sizing:border-box !important;
}

.client-contacts-panel .actions{
 justify-content:flex-start !important;
 margin-top:12px !important;
}

@media(max-width:700px){
 .client-contacts-panel .client-contact-messenger-row{
  grid-template-columns:1fr !important;
 }
}


/* ===== APPLICATION LAYOUT: LEADS + CLIENTS ===== */

.lead-application-panel form,
.client-application-panel form{
  width:100%;
}

.lead-application-panel .application-language-grid,
.client-application-panel .application-language-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  width:100%;
  margin:0 0 18px;
}

.lead-application-panel form > .field,
.client-application-panel form > .field,
.lead-application-panel .application-language-grid > .field,
.client-application-panel .application-language-grid > .field{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
  width:100%;
  min-width:0;
  margin:0;
}

.lead-application-panel form .field > span,
.client-application-panel form .field > span{
  display:block;
  width:auto;
  min-width:0;
  margin:0;
  font-weight:600;
}

.lead-application-panel form textarea,
.client-application-panel form textarea{
  display:block;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
}

.lead-application-panel form > .field{
  margin-bottom:14px;
}

.client-application-panel form > .field{
  margin-bottom:14px;
}

.lead-application-panel .actions,
.client-application-panel .actions{
  margin-top:0;
}

@media (max-width:800px){
  .lead-application-panel .application-language-grid,
  .client-application-panel .application-language-grid{
    grid-template-columns:1fr;
  }
}


/* ===== APPLICATION FIELD HEIGHTS ===== */

.lead-application-panel .application-language-grid textarea,
.client-application-panel .application-language-grid textarea{
  min-height:190px !important;
  height:190px;
}

.lead-application-panel form > .field textarea,
.client-application-panel form > .field textarea{
  min-height:100px !important;
  height:100px;
}


/* ===== COMPACT APPLICATION IMPORT ===== */

.lead-application-panel .application-import,
.client-application-panel .application-import{
  margin-bottom:16px;
}

.lead-application-panel .application-import textarea,
.client-application-panel .application-import textarea{
  min-height:100px !important;
  height:100px !important;
  width:100%;
  box-sizing:border-box;
}

.lead-application-panel .application-import .field,
.client-application-panel .application-import .field{
  margin:12px 0 10px;
}

.lead-application-panel .application-import button,
.client-application-panel .application-import button{
  width:auto;
  min-height:36px;
}


/* ===== SAME IMPORT DESIGN FOR LEAD + CLIENT ===== */

.lead-application-panel .application-import,
.client-application-panel .application-import{
  box-sizing:border-box;
  width:100%;
  padding:12px;
  border:1px solid var(--border, #dfe4ee);
  border-radius:10px;
  background:#f8f9fc;
}

.lead-application-panel .application-import summary,
.client-application-panel .application-import summary{
  cursor:pointer;
  font-weight:600;
  margin:0;
}

.lead-application-panel .application-import[open] summary,
.client-application-panel .application-import[open] summary{
  margin-bottom:10px;
}

.lead-application-panel .application-import textarea,
.client-application-panel .application-import textarea{
  width:100%;
  min-height:100px !important;
  height:100px !important;
  margin:0;
}

.lead-application-panel .application-import button,
.client-application-panel .application-import button{
  margin-top:10px;
}


.application-import-hint{
  margin:8px 0 0;
  font-size:12px;
  line-height:1.4;
  color:#7b879d;
}


/* ===== CLIENTS IN WORK STATS ===== */

.clients-work-stat{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.stats-program-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #e8ebf2;
}

.stats-program-total strong{
  font-size:24px;
  line-height:1;
}

.stats-manager-title{
  margin-top:2px;
  font-size:12px;
  font-weight:700;
  color:#7b879d;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.stats-manager-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.stats-manager-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
}

.stats-manager-row strong{
  font-size:14px;
}


/* ===== FORMATTED APPLICATION TEXT ===== */

.application-rich-editor{
  box-sizing:border-box;
  width:100%;
  min-height:190px;
  height:190px;
  overflow:auto;
  padding:12px 14px;
  border:1px solid #d7dce5;
  border-radius:8px;
  background:#fff;
  font:inherit;
  line-height:1.55;
  white-space:normal;
  outline:none;
}

.application-rich-editor:focus{
  border-color:#8aa4d6;
  box-shadow:0 0 0 2px rgba(70,110,190,.10);
}

.application-rich-editor:empty::before{
  content:attr(data-placeholder);
  color:#98a1b2;
  pointer-events:none;
}

.application-rich-editor p{
  margin:0 0 12px;
}

.application-rich-editor p:last-child{
  margin-bottom:0;
}

.application-rich-editor ol,
.application-rich-editor ul{
  margin:0 0 12px;
  padding-left:26px;
}

.application-rich-editor li{
  margin:0 0 7px;
}

.application-rich-editor strong{
  font-weight:700;
}


.application-rich-summary{
  min-height:100px;
  height:100px;
}

.lead-card-preview{
  line-height:1.45;
}

.lead-card-preview p{
  margin:0 0 6px;
}

.lead-card-preview p:last-child{
  margin-bottom:0;
}

.lead-card-preview ol,
.lead-card-preview ul{
  margin:4px 0;
  padding-left:22px;
}

.lead-card-preview strong{
  font-weight:700;
}


.application-rich-summary{
  font-size:12px;
  line-height:1.45;
}


/* ===== TASK COUNTS IN SIDEBAR ===== */

.sidebar-task-counts{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-left:auto;
}

.sidebar-task-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  line-height:1;
  color:#fff;
}

.sidebar-task-count.red{
  background:#dc3545;
}

.sidebar-task-count.orange{
  background:#f59e0b;
}

.sidebar-task-count.green{
  background:#22a06b;
}


/* ===== CLIENT STAGE STATES ===== */

.client-stage-row{
  position:relative;
  transition:background .15s ease;
}

.client-stage-row.stage-completed{
  opacity:.62;
}

.client-stage-row.stage-completed .client-stage-name{
  text-decoration:line-through;
  text-decoration-thickness:1px;
}

.client-stage-row.stage-current{
  background:#f3f6ff;
  border-radius:8px;
}

.client-stage-row.stage-current .client-stage-name{
  font-weight:600;
}

.client-stage-name{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}

.current-stage-label{
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border-radius:999px;
  background:#e7edff;
  color:#4964c6;
  font-size:10px;
  font-weight:600;
  line-height:1.4;
  text-decoration:none;
}


.client-stage-name-button{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.client-stage-name-button:hover{
  text-decoration:underline;
}


/* ===== DOCUMENTS SIDEBAR ===== */

.sidebar-documents{
  width:100%;
}

.sidebar-documents-toggle{
  width:100%;
}

.sidebar-documents-toggle .sidebar-submenu-arrow{
  margin-left:auto;
  transition:transform .18s ease;
}

.sidebar-documents.open .sidebar-submenu-arrow{
  transform:rotate(90deg);
}

.sidebar-documents-submenu{
  display:none;
  padding:3px 0 6px 42px;
}

.sidebar-documents.open .sidebar-documents-submenu{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.sidebar-documents-submenu button{
  width:100%;
  min-height:30px;
  padding:5px 10px;
  border:0;
  background:transparent;
  text-align:left;
  font-size:12px;
  border-radius:7px;
  cursor:pointer;
}

.sidebar-documents-submenu button:hover,
.sidebar-documents-submenu button.active{
  background:rgba(255,255,255,.08);
}


.template-variable-list{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:14px;
}

.template-variable-row{
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) auto;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px solid #e4e7ed;
  border-radius:8px;
}

.template-variable-row code{
  font-size:12px;
  user-select:all;
}

.template-variable-row button{
  min-height:30px;
  padding:4px 9px;
}


.template-detected-variables{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:12px 0;
}

.template-variable-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

.template-variable-tags code{
  padding:3px 6px;
  border-radius:6px;
  font-size:11px;
}

.template-variable-tags code.known{
  background:#eef7f1;
}

.template-variable-tags code.unknown{
  background:#fff0f0;
}

.template-variable-warning{
  color:#b42318;
}


/* ===== CLIENT PAYMENT STATES ===== */

.client-payment-row{
  position:relative;
  transition:background .15s ease;
}

.client-payment-row.payment-completed{
  opacity:.62;
}

.client-payment-row.payment-completed .client-payment-name{
  text-decoration:line-through;
  text-decoration-thickness:1px;
}

.client-payment-row.payment-current{
  background:#f3f6ff;
  border-radius:8px;
}

.client-payment-row.payment-current .client-payment-name{
  font-weight:600;
}

.client-payment-name{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}

.client-payment-amount{
  white-space:nowrap;
  min-width:90px;
  text-align:right;
}


/* Company contacts and shared documents */
.company-records { min-width:0; }
.company-records .panel,.company-records .document-card { min-width:0; overflow-wrap:anywhere; }
.company-contact-card h2 { margin:12px 0; }
.company-contact-card dl { display:grid;grid-template-columns:minmax(95px,1fr) minmax(0,2fr);gap:8px 12px; }
.company-contact-card dd { margin:0;white-space:pre-wrap; }
.company-contact-card dt { color:#667085; }
.company-notes { white-space:pre-wrap;overflow-wrap:anywhere; }
.company-records .actions { flex-wrap:wrap; }
.company-toolbar { flex-wrap:wrap; }
@media(max-width:600px){
 .company-toolbar>* { min-width:0;max-width:100%; }
 .company-toolbar input { width:100%; }
 .company-contact-card dl { grid-template-columns:1fr;gap:4px; }
 .company-contact-card dd { margin-bottom:8px; }
}

.donor-extra-filters summary{cursor:pointer;font-weight:600}.donor-extra-filters .toolbar{margin-top:16px;flex-wrap:wrap}.donor-extra-filters input{width:145px}.donor-selection{flex-wrap:wrap}.donor-card-heading{flex-wrap:wrap}.donor-selection+article input[readonly]{width:100%;min-width:0}

/* Client controls must wrap instead of widening the mobile page. */
@media(max-width:760px){
 .client-info-line{flex-wrap:wrap!important;gap:12px!important;}
 .client-info-left,.client-info-right{flex:1 1 100%!important;min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;height:auto!important;gap:12px!important;}
 .client-info-right::before,.client-info-left>i{display:none!important;}
 .client-info-item{min-width:0;max-width:100%;flex-wrap:wrap;}
 .client-info-link{white-space:normal!important;overflow-wrap:anywhere;}
 #app>.tabs{max-width:100%;min-width:0;}
}

.payment-clause-row{min-width:0;border:1px solid #dce2ec;border-radius:10px;margin:16px 0;padding:14px}.payment-clause-row textarea{min-height:110px}

#modal.contract-preview-dialog{width:min(1100px,96vw);max-width:96vw}.contract-preview-dialog .actions{flex-wrap:wrap}

/* =========================================================
   DOCUMENT TEMPLATES — UI POLISH
   ========================================================= */

/* Общая страница */
.document-template-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}

/* Карточка шаблона */
.document-template-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:190px;
  padding:22px 24px;
  border:1px solid #e1e6f0;
  border-radius:16px;
  background:#fff;
  box-shadow:
    0 1px 2px rgba(20,35,70,.02),
    0 8px 24px rgba(45,65,110,.035);
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.document-template-card:hover{
  border-color:#cfd8eb;
  box-shadow:
    0 2px 4px rgba(20,35,70,.03),
    0 12px 30px rgba(45,65,110,.06);
  transform:translateY(-1px);
}

.document-template-card .panel-heading{
  margin:0;
  padding:0 0 13px;
  border-bottom:1px solid #e9edf5;
}

.document-template-card .panel-heading > div{
  min-width:0;
}

.document-template-card .panel-heading small{
  display:inline-flex;
  margin-bottom:6px;
  color:#75829c;
  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;
}

.document-template-card .panel-heading h3{
  margin:0;
  color:#202b45;
  font-size:16px;
  line-height:1.35;
}

/* Файл DOCX */
.document-template-preview{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 14px;
  border-radius:10px;
  background:#f6f8fc;
  color:#28344f;
}

.document-template-preview strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}

.document-template-preview small{
  color:#7a87a1;
  font-size:11px;
}

/* Найденные переменные */
.template-detected-variables{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0;
  padding:0;
}

.template-detected-variables > small:first-child{
  color:#66748f;
  font-weight:600;
}

.template-variable-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.template-variable-tags code{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 8px;
  border:1px solid transparent;
  border-radius:7px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:10px;
  font-weight:600;
}

.template-variable-tags code.known{
  border-color:#d9e7dd;
  background:#f0f8f2;
  color:#39724a;
}

.template-variable-tags code.unknown{
  border-color:#f2d1d1;
  background:#fff3f3;
  color:#b42318;
}

.template-variable-warning{
  color:#b42318;
  font-size:11px;
  font-weight:600;
}

/* Кнопки карточки */
.document-template-card > .actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  padding-top:2px;
}

.document-template-card > .actions button{
  min-height:34px;
  padding:7px 13px;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
}

.document-template-card > .actions .danger{
  margin-left:auto;
}

/* Справочник переменных */
.template-variable-list{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:16px;
}

.template-variable-row{
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(170px,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:8px 10px 8px 14px;
  border:1px solid #e4e9f2;
  border-radius:10px;
  background:#fafbfe;
}

.template-variable-row > span{
  color:#44516c;
  font-size:12px;
  font-weight:600;
}

.template-variable-row code{
  color:#3158bd;
  font-size:11px;
  font-weight:600;
  user-select:all;
}

.template-variable-row button{
  min-height:31px;
  padding:5px 10px;
  border-radius:7px;
  font-size:11px;
}

/* Информационные note-блоки на странице шаблонов */
.document-template-grid + .note,
.document-template-card .note{
  border-radius:10px;
}

/* Более аккуратные select */
.payment-plan-select{
  min-height:36px;
  border-radius:9px;
}

/* Mobile */
@media(max-width:900px){
  .document-template-grid{
    grid-template-columns:1fr;
  }

  .document-template-card{
    padding:18px;
  }

  .template-variable-row{
    grid-template-columns:1fr;
    gap:5px;
  }

  .template-variable-row button{
    justify-self:start;
  }
}


/* =========================================================
   TEMPLATES PAGE — COMPACT POLISH V2
   ========================================================= */

/* Ограничиваем лишнюю высоту крупных панелей */
.document-template-card{
  min-height:0;
}

/* Карточки платежных шаблонов */
.document-template-grid{
  gap:14px;
}

.document-template-grid > .panel{
  border-radius:14px;
}

/* Верхний блок шаблонов договоров */
.contract-template-manager,
.contract-template-section{
  border-radius:16px;
}

/* Фильтры */
.contract-template-filters,
.template-filters{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:end;
}

.contract-template-filters label,
.template-filters label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#71809c;
  font-size:12px;
  font-weight:600;
}

.contract-template-filters select,
.template-filters select{
  width:100%;
  min-height:42px;
  padding:0 14px;
  border:1px solid #d9e0ec;
  border-radius:10px;
  background:#fff;
  color:#26324b;
}

/* Информационные полосы */
.contract-template-manager .note,
.contract-template-section .note,
.payment-template-section .note{
  margin:14px 0 0;
  padding:13px 15px;
  border:0;
  border-radius:9px;
  background:#f4f6fb;
  color:#71809c;
  line-height:1.45;
}

/* Пустое состояние не должно занимать огромную область */
.contract-template-manager .empty,
.contract-template-section .empty{
  min-height:0;
  padding:34px 18px 20px;
  color:#8a96ab;
  text-align:center;
}

/* Блок платежных шаблонов */
.payment-template-section{
  padding:22px 24px;
  border-radius:16px;
}

.payment-template-section .panel-heading{
  margin-bottom:0;
}

.payment-template-section .panel-heading h3{
  margin:0;
  font-size:16px;
}

/* Карточки вариантов платежей */
.payment-template-card{
  position:relative;
  padding:22px 24px;
  border:1px solid #dfe5ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 20px rgba(43,58,95,.035);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}

.payment-template-card:hover{
  border-color:#cbd5e8;
  box-shadow:0 10px 26px rgba(43,58,95,.06);
  transform:translateY(-1px);
}

.payment-template-card h3{
  margin:0 0 8px;
  color:#202b43;
  font-size:16px;
  line-height:1.3;
}

.payment-template-card > p,
.payment-template-card > small{
  color:#71809b;
}

/* Разделитель перед текстом пункта */
.payment-template-card details{
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid #e7ebf2;
}

.payment-template-card details summary{
  color:#27334d;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

/* Текст пункта 3.1 */
.payment-template-card details > div,
.payment-template-card details > p{
  margin-top:10px;
  padding:12px 14px;
  border-radius:9px;
  background:#f6f8fc;
  color:#64738f;
  font-size:12px;
  line-height:1.55;
}

/* Кнопки */
.payment-template-card .actions{
  display:flex;
  gap:8px;
  margin-top:14px;
}

.payment-template-card .actions button{
  min-height:34px;
  padding:7px 13px;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
}

.payment-template-card .actions .danger{
  color:#c53a3a;
}

/* Кнопка создания шаблона */
.payment-template-section .primary{
  min-height:38px;
  border-radius:9px;
}

/* Общая шапка страницы */
.page-title{
  margin-bottom:24px;
}

.page-title h1{
  letter-spacing:-.025em;
}

/* Чуть меньше воздуха между крупными секциями */
#app > .panel + .panel{
  margin-top:14px;
}

/* Мобильный вид */
@media(max-width:900px){
  .contract-template-filters,
  .template-filters{
    grid-template-columns:1fr;
    gap:10px;
  }

  .payment-template-section,
  .payment-template-card{
    padding:18px;
  }

  .payment-template-card .actions{
    flex-wrap:wrap;
  }
}


/* =========================================================
   TEMPLATE PAGE — EXACT LAYOUT FIX
   ========================================================= */

/* Фильтры договоров */
.contract-template-filters{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:start;
  margin-top:14px;
}

.contract-template-filters > .field{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:7px !important;
  margin:0 !important;
}

.contract-template-filters > .field > select{
  display:block;
  width:100%;
  height:42px;
  margin:0;
}

.contract-template-filters > .field{
  line-height:1.2;
}

/* Заголовок и фильтры получают нормальное расстояние */
.contract-templates-panel > h3{
  margin:0;
}

.contract-templates-panel > .note{
  margin-top:20px;
}

/* Пустое состояние договорного шаблона */
.contract-templates-panel > .document-template-grid{
  margin-top:18px;
}

.contract-templates-panel > .document-template-grid > .empty{
  padding:26px 16px 18px;
}

/* Главная проблема — расстояние между 3.1 и карточками */
.payment-clause-grid{
  margin-top:18px !important;
  gap:20px !important;
}

/* Карточки платежных шаблонов */
.payment-clause-grid > .payment-template-card{
  margin:0 !important;
  padding:22px 24px;
  border-radius:14px;
}

/* Сам блок 3.1 */
.payment-template-section{
  margin-bottom:0 !important;
  padding:22px 24px;
}

.payment-template-section > .panel-heading{
  margin-bottom:16px;
}

.payment-template-section > .note{
  margin:0;
}

/* Текст и кнопки карточки */
.payment-template-card > h3{
  margin:0 0 10px;
}

.payment-template-card > p{
  margin:0 0 14px;
}

.payment-template-card > details{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e5eaf2;
}

.payment-template-card > .actions{
  margin-top:14px;
}

/* Mobile */
@media(max-width:900px){
  .contract-template-filters{
    grid-template-columns:1fr;
    gap:12px;
  }

  .payment-clause-grid{
    grid-template-columns:1fr !important;
  }
}


/* TEMPLATE FILTERS — LABEL LEFT, FIELD RIGHT */

.contract-template-filters{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px !important;
  align-items:center !important;
}

.contract-template-filters > .field{
  display:grid !important;
  grid-template-columns:90px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
}

/* label — это текстовый узел внутри label.field,
   select остаётся второй колонкой */
.contract-template-filters > .field > select{
  grid-column:2 !important;
  width:100% !important;
  height:42px !important;
  margin:0 !important;
}

/* Чтобы строки имели одинаковую высоту */
.contract-template-filters > .field{
  min-height:42px;
  color:#71809c;
  font-size:12px;
  font-weight:600;
}

@media(max-width:1100px){
  .contract-template-filters{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .contract-template-filters > .field{
    grid-template-columns:90px minmax(0,1fr) !important;
  }
}


/* MANAGER FINANCE DETAILS — WIDE DIALOG */

#modal.manager-finance-details-dialog{
  width:min(1400px,96vw) !important;
  max-width:min(1400px,96vw) !important;
}

#modal.manager-finance-details-dialog form{
  width:100%;
}

#modal.manager-finance-details-dialog .table-wrap{
  width:100%;
  overflow-x:auto;
}

#modal.manager-finance-details-dialog table{
  width:100%;
  min-width:950px;
  table-layout:auto;
}

#modal.manager-finance-details-dialog th,
#modal.manager-finance-details-dialog td{
  padding:12px 14px;
  vertical-align:middle;
}

#modal.manager-finance-details-dialog th:first-child,
#modal.manager-finance-details-dialog td:first-child{
  width:120px;
  white-space:nowrap;
}

#modal.manager-finance-details-dialog th:nth-child(2){
  min-width:220px;
}

#modal.manager-finance-details-dialog th:nth-child(3){
  min-width:180px;
}

#modal.manager-finance-details-dialog th:nth-child(4){
  min-width:280px;
}

#modal.manager-finance-details-dialog th:nth-child(5),
#modal.manager-finance-details-dialog td:nth-child(5){
  width:140px;
  white-space:nowrap;
  text-align:right;
}

@media(max-width:800px){
  #modal.manager-finance-details-dialog{
    width:96vw !important;
    max-width:96vw !important;
  }
}


/* MANAGER EXPENSE FILTERS */

.manager-expense-filters{
  display:grid;
  grid-template-columns:
    130px 130px 150px
    minmax(160px,1fr)
    minmax(160px,1fr)
    minmax(220px,1.4fr)
    auto;
  gap:10px;
  align-items:end;
  margin:12px 0;
  padding:14px;
  border-radius:12px;
  background:#f5f7fb;
}

.manager-expense-filters label{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:0;
}

.manager-expense-filters label span{
  font-size:11px;
  font-weight:600;
  color:#71809b;
}

.manager-expense-filters input,
.manager-expense-filters select{
  width:100%;
  min-width:0;
  height:36px;
  margin:0;
  padding:0 10px;
  border:1px solid #dce2ed;
  border-radius:8px;
  background:#fff;
}

.manager-expense-filters button{
  height:36px;
  white-space:nowrap;
}

.manager-expense-filter-result{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 10px;
  color:#71809b;
  font-size:12px;
}

.manager-expense-filter-result strong{
  color:#26324b;
}

@media(max-width:1100px){
  .manager-expense-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* MANAGER EXPENSE FILTERS — COMPACT V2 */

.manager-expense-filters{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:10px 0 8px !important;
  padding:10px 12px !important;
  border:1px solid #e4e8f1 !important;
  border-radius:10px !important;
  background:#fafbfe !important;
}

/* Убираем большие подписи над полями */
.manager-expense-filters label{
  display:block !important;
  flex:0 0 auto;
  margin:0 !important;
}

.manager-expense-filters label > span{
  display:none !important;
}

.manager-expense-filters input,
.manager-expense-filters select{
  height:34px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:1px solid #dce2ed !important;
  border-radius:7px !important;
  background:#fff !important;
  font-size:12px !important;
}

/* Даты */
.manager-expense-filters label:nth-child(1),
.manager-expense-filters label:nth-child(2){
  width:135px;
}

/* Тип */
.manager-expense-filters label:nth-child(3){
  width:135px;
}

/* Кому */
.manager-expense-filters label:nth-child(4){
  width:180px;
}

/* Клиент */
.manager-expense-filters label:nth-child(5){
  width:180px;
}

/* Назначение занимает свободное место */
.manager-expense-filters label:nth-child(6){
  flex:1 1 260px;
  min-width:200px;
}

/* Сброс */
.manager-expense-filters [data-manager-filter-reset]{
  flex:0 0 auto;
  height:34px !important;
  padding:0 12px !important;
  border:0 !important;
  background:transparent !important;
  color:#65738e !important;
  font-size:12px !important;
  font-weight:600 !important;
}

.manager-expense-filters [data-manager-filter-reset]:hover{
  background:#eef1f7 !important;
}

/* Результат фильтра */
.manager-expense-filter-result{
  justify-content:flex-end !important;
  margin:0 2px 10px !important;
  font-size:11px !important;
  color:#8792a7 !important;
}

.manager-expense-filter-result strong{
  font-size:12px;
  color:#34415d !important;
}

/* Таблица чуть компактнее */
#modal.manager-finance-details-dialog th{
  padding-top:10px !important;
  padding-bottom:10px !important;
  font-size:11px;
}

#modal.manager-finance-details-dialog td{
  padding-top:10px !important;
  padding-bottom:10px !important;
}

/* Планшет */
@media(max-width:1150px){
  .manager-expense-filters{
    flex-wrap:wrap !important;
  }

  .manager-expense-filters label:nth-child(4),
  .manager-expense-filters label:nth-child(5),
  .manager-expense-filters label:nth-child(6){
    flex:1 1 200px;
    width:auto;
  }
}

/* Телефон */
@media(max-width:700px){
  .manager-expense-filters{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  .manager-expense-filters label{
    width:auto !important;
    min-width:0 !important;
  }

  .manager-expense-filters label:nth-child(6){
    grid-column:1/-1;
  }
}


/* =========================================================
   CRM FILTER BAR — ЕДИНЫЙ СТИЛЬ ФИЛЬТРОВ
   ========================================================= */

.crm-filterbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:0 !important;

  width:100% !important;
  min-height:30px !important;

  margin:0 0 14px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}

.crm-filterbar label{
  display:block !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}

.crm-filterbar label > span{
  display:none !important;
}

.crm-filterbar select,
.crm-filterbar input{
  width:auto !important;
  min-width:0 !important;
  height:28px !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

.crm-filterbar input[type="date"]{
  width:115px !important;
  color:#8792a6 !important;
}

.crm-filterbar input[type="search"]{
  width:180px !important;
}

.crm-filterbar button{
  width:auto !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

.crm-filterbar button:hover{
  color:#435bcc !important;
}

.crm-filterbar > :first-child input,
.crm-filterbar > :first-child select,
.crm-filterbar > input:first-child,
.crm-filterbar > select:first-child{
  padding-left:0 !important;
}

.crm-filterbar > :last-child,
.crm-filterbar > :last-child input,
.crm-filterbar > :last-child select{
  border-right:0 !important;
}

@media(max-width:1050px){
  .crm-filterbar{
    flex-wrap:wrap !important;
    gap:5px 0 !important;
  }
}


/* =========================================================
   DONORS — FILTERS LIKE ACTUAL OPERATIONS
   ========================================================= */

/* Основная строка */
#app .donor-toolbar{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  width:100% !important;
  margin:12px 0 14px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#app .donor-toolbar input,
#app .donor-toolbar select{
  height:28px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:10px !important;
  color:#657188 !important;
}

#app .donor-toolbar input[data-filter="search"]{
  width:200px !important;
  padding-left:0 !important;
}

#app .donor-toolbar button{
  height:28px !important;
  min-height:28px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:10px !important;
  color:#8792a6 !important;
}

#app .donor-toolbar .badge{
  margin-left:10px !important;
  padding:0 !important;
  background:transparent !important;
  color:#8792a6 !important;
  font-size:10px !important;
}

/* Расширенные фильтры — без большой карточки */
#app .donor-extra-filters{
  margin:0 0 14px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#app .donor-extra-filters summary{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  margin:0 !important;
  padding:0 !important;
  color:#657188 !important;
  font-size:11px !important;
  font-weight:600 !important;
  cursor:pointer;
}

#app .donor-extra-filters .toolbar{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  margin:5px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#app .donor-extra-filters .toolbar input,
#app .donor-extra-filters .toolbar select{
  width:auto !important;
  min-width:110px !important;
  height:28px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:10px !important;
  color:#657188 !important;
}

/* Строка массового выбора */
#app .donor-selection{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  min-height:30px !important;
  margin:0 0 14px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#app .donor-selection button{
  min-height:28px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#657188 !important;
  font-size:10px !important;
}

#app .donor-selection button:first-child{
  padding-left:0 !important;
}

#app .donor-selection .badge{
  margin-left:12px !important;
  padding:0 !important;
  background:transparent !important;
  color:#8792a6 !important;
  font-size:10px !important;
}

@media(max-width:900px){
  #app .donor-toolbar,
  #app .donor-extra-filters .toolbar,
  #app .donor-selection{
    flex-wrap:wrap !important;
    gap:5px 0 !important;
  }
}


/* DONOR CARD — CUSTOM SELECT CHECKBOX */

.donor-card-heading .check-row{
  position:relative;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  margin:0 !important;
  padding:0 !important;
  cursor:pointer;
}

/* Нативный checkbox оставляем рабочим,
   но визуально заменяем своим */
.donor-card-heading .check-row > input[type="checkbox"]{
  position:absolute !important;
  inset:0 !important;
  width:22px !important;
  height:22px !important;
  margin:0 !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:2;
}

.donor-select-check{
  display:flex;
  align-items:center;
  justify-content:center;

  width:17px;
  height:17px;

  border:1.5px solid #b9c2d3;
  border-radius:5px;

  background:#fff;
  box-sizing:border-box;

  transition:
    border-color .15s ease,
    background .15s ease;
}

.donor-card-heading
.check-row > input[type="checkbox"]:checked
+ .donor-select-check{
  border-color:#4961d2;
  background:#4961d2;
}

.donor-card-heading
.check-row > input[type="checkbox"]:checked
+ .donor-select-check::after{
  content:"";
  width:7px;
  height:4px;

  border-left:2px solid #fff;
  border-bottom:2px solid #fff;

  transform:rotate(-45deg) translateY(-1px);
}

.donor-card-heading
.check-row:hover
.donor-select-check{
  border-color:#4961d2;
}


/* =========================================================
   MANAGER DETAILS FILTER — SAME AS CRM FILTER BAR
   FINAL OVERRIDE
   ========================================================= */

#modal.manager-finance-details-dialog .manager-expense-filters{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:0 !important;

  width:100% !important;
  min-height:30px !important;

  margin:0 0 10px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}

#modal.manager-finance-details-dialog .manager-expense-filters label{
  display:block !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

#modal.manager-finance-details-dialog .manager-expense-filters label > span{
  display:none !important;
}

#modal.manager-finance-details-dialog .manager-expense-filters input,
#modal.manager-finance-details-dialog .manager-expense-filters select{
  width:auto !important;
  min-width:0 !important;
  height:28px !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#657188 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

/* Даты */
#modal.manager-finance-details-dialog
.manager-expense-filters label:nth-child(1),
#modal.manager-finance-details-dialog
.manager-expense-filters label:nth-child(2){
  width:115px !important;
}

#modal.manager-finance-details-dialog
.manager-expense-filters input[type="date"]{
  width:115px !important;
  color:#8792a6 !important;
}

/* Тип */
#modal.manager-finance-details-dialog
.manager-expense-filters label:nth-child(3){
  width:80px !important;
}

#modal.manager-finance-details-dialog
.manager-expense-filters select{
  width:80px !important;
}

/* ФИО */
#modal.manager-finance-details-dialog
.manager-expense-filters label:nth-child(4){
  width:180px !important;
}

#modal.manager-finance-details-dialog
.manager-expense-filters label:nth-child(4) input{
  width:180px !important;
}

/* Клиент */
#modal.manager-finance-details-dialog
.manager-expense-filters label:nth-child(5){
  width:180px !important;
}

#modal.manager-finance-details-dialog
.manager-expense-filters label:nth-child(5) input{
  width:180px !important;
}

/* Назначение */
#modal.manager-finance-details-dialog
.manager-expense-filters label:nth-child(6){
  flex:1 1 auto !important;
  width:auto !important;
}

#modal.manager-finance-details-dialog
.manager-expense-filters label:nth-child(6) input{
  width:100% !important;
  min-width:180px !important;
}

/* Сбросить */
#modal.manager-finance-details-dialog
.manager-expense-filters [data-manager-filter-reset]{
  flex:0 0 auto !important;
  height:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 0 0 12px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#8792a6 !important;
  font-size:10px !important;
  font-weight:500 !important;
}

#modal.manager-finance-details-dialog
.manager-expense-filters [data-manager-filter-reset]:hover{
  color:#435bcc !important;
  background:transparent !important;
}

@media(max-width:1050px){
  #modal.manager-finance-details-dialog .manager-expense-filters{
    flex-wrap:wrap !important;
    gap:5px 0 !important;
  }
}


/* CONTACTS + COMPANY DOCUMENTS — UNIFIED FILTER */

#app .company-toolbar.crm-filterbar{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  margin:14px 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#app .company-toolbar.crm-filterbar input,
#app .company-toolbar.crm-filterbar select{
  height:28px !important;
  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-right:1px solid #dce2ec !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#657188 !important;
  font-size:10px !important;
}

#app .company-toolbar.crm-filterbar input{
  width:200px !important;
  padding-left:0 !important;
}

#app .company-toolbar.crm-filterbar select{
  width:150px !important;
}

#app .company-toolbar.crm-filterbar button{
  height:28px !important;
  min-height:28px !important;
  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#8792a6 !important;
  font-size:10px !important;
}

#app .company-toolbar.crm-filterbar .badge{
  margin-left:10px !important;
  padding:0 !important;
  background:transparent !important;
  color:#8792a6 !important;
  font-size:10px !important;
}


/* FINANCE CHANGE NOTICES */

.crm-notice-dot.blue{
  background:#3f72e8 !important;
  box-shadow:0 0 0 3px rgba(63,114,232,.12);
}

.sidebar-finance-notice{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:18px;
  height:18px;
  margin-left:auto;
  padding:0 5px;

  border-radius:999px;

  font-size:10px;
  font-weight:700;
  line-height:1;
}

.sidebar-finance-notice.blue{
  background:#3f72e8;
  color:#fff;
}


/* Manager balance — compact total */
.admin-manager-expense-item .manager-balance{
  align-items:flex-start;
}

.admin-manager-expense-item .manager-balance-total{
  margin-left:auto;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
}

.admin-manager-expense-item .manager-balance-total strong{
  font-size:20px;
  line-height:1.15;
}

.admin-manager-expense-item .manager-balance-total small{
  font-size:11px;
  font-weight:600;
  opacity:.72;
}


/* Manager settlement status */
.admin-manager-expense-item .manager-balance-total.debt strong,
.admin-manager-expense-item .manager-balance-total.debt small{
  color:#d83b4d;
}

.admin-manager-expense-item .manager-balance-total.credit strong,
.admin-manager-expense-item .manager-balance-total.credit small{
  color:#4564d8;
}

.admin-manager-expense-item .manager-balance-total.zero strong,
.admin-manager-expense-item .manager-balance-total.zero small{
  color:inherit;
}

/* Остаток менеджера — зелёный */
.admin-manager-expense-item .manager-balance-total.credit strong,
.admin-manager-expense-item .manager-balance-total.credit small{
  color:#24945f;
}

/* Manager finance detail tabs */
.manager-finance-tabs{
  display:flex;
  gap:22px;
  align-items:center;
  margin:18px 0 10px;
  border-bottom:1px solid #e3e8f2;
}

.manager-finance-tabs button{
  appearance:none;
  border:0;
  background:none;
  padding:0 0 8px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  color:#7d899f;
  border-bottom:2px solid transparent;
  border-radius:0;
}

.manager-finance-tabs button.active{
  color:#263248;
  border-bottom-color:#4564d8;
}

/* ===== Manager finance: payments ===== */

#modal.manager-finance-details-dialog
[data-manager-finance-panel="payments"]{
  margin-top:4px;
}

#modal.manager-finance-details-dialog
.manager-payment-list{
  width:100%;
  border-top:1px solid #e6eaf2;
}

#modal.manager-finance-details-dialog
.manager-payment-row{
  display:grid;
  grid-template-columns:140px 180px 1fr;
  align-items:center;
  min-height:46px;
  padding:0 14px;
  border-bottom:1px solid #e6eaf2;
}

#modal.manager-finance-details-dialog
.manager-payment-date{
  color:#263248;
}

#modal.manager-finance-details-dialog
.manager-payment-amount{
  color:#182238;
}

#modal.manager-finance-details-dialog
.manager-payment-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:18px;
}

#modal.manager-finance-details-dialog
.manager-payment-actions button{
  border:0;
  background:transparent;
  padding:0;
}

#modal.manager-finance-details-dialog
.manager-payment-delete{
  color:#d83b4d !important;
}

/* В подробных расчётах закрываем окно крестиком */
#modal.manager-finance-details-dialog > form > .actions{
  display:none !important;
}

@media(max-width:700px){
  #modal.manager-finance-details-dialog
  .manager-payment-row{
    grid-template-columns:110px 1fr;
    gap:6px 12px;
    padding:10px;
  }

  #modal.manager-finance-details-dialog
  .manager-payment-actions{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}

/* ===== MOBILE LEADS — FINAL ===== */

@media(max-width:700px){

  #app .toolbar.lead-toolbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:0 !important;
    width:100% !important;
  }

  /* Поиск — первая строка */
  #app .lead-toolbar input[data-filter="search"]{
    grid-column:1 / -1 !important;
    grid-row:1 !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 0 6px 0 !important;
  }

  /* Статус — слева */
  #app .lead-toolbar select[data-filter="leadStatus"]{
    grid-column:1 !important;
    grid-row:2 !important;

    width:100% !important;
    min-width:0 !important;
  }

  /* Архив — справа */
  #app .lead-toolbar select[data-filter="leadArchive"]{
    grid-column:2 !important;
    grid-row:2 !important;

    width:100% !important;
    min-width:0 !important;
  }

  /* Счётчик уже под заголовком */
  #app .lead-toolbar .badge{
    display:none !important;
  }
}


/* ===== MOBILE SIDEBAR — FINAL ===== */

@media(max-width:700px){

  body.mobile-menu-open aside{
    width:min(280px,82vw) !important;
    transform:translateX(0) !important;
  }

  aside nav{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;

    width:100% !important;
    margin-top:18px !important;

    gap:5px !important;
    overflow-x:visible !important;
    overflow-y:auto !important;
  }

  aside nav button{
    display:flex !important;
    flex:0 0 auto !important;

    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;

    align-items:center !important;
    justify-content:flex-start !important;

    gap:12px !important;
    padding:10px 12px !important;

    text-align:left !important;
  }

  aside nav button span{
    display:inline !important;

    font-size:14px !important;
    line-height:1.2 !important;

    white-space:nowrap !important;
    overflow:visible !important;
  }

  aside nav button svg{
    flex:0 0 18px !important;
    width:18px !important;
    height:18px !important;
  }

}


/* ===== MOBILE CLIENT NAV — FINAL ===== */

@media(max-width:700px){

  #app .client-list-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;
    min-height:38px !important;

    margin:8px 0 14px !important;
    padding:0 !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    border-bottom:1px solid #dfe4ed !important;

    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  #app .client-list-nav::-webkit-scrollbar{
    display:none;
  }

  #app .client-list-nav .country-tabs,
  #app .client-list-nav .client-group-tabs{
    display:flex !important;
    flex:0 0 auto !important;

    width:auto !important;
    min-width:max-content !important;
    height:38px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;
    border:0 !important;
  }

  #app .client-list-nav button{
    display:flex !important;
    flex:0 0 auto !important;

    width:auto !important;
    min-width:auto !important;
    height:32px !important;

    align-items:center !important;

    padding:0 12px !important;

    white-space:nowrap !important;
    word-break:normal !important;

    font-size:11px !important;
    line-height:1 !important;

    border:0 !important;
    border-right:1px solid #dce2ec !important;
    border-radius:0 !important;

    background:transparent !important;
  }

  #app .client-list-nav button:first-child{
    padding-left:0 !important;
  }

  #app .client-list-nav button.active{
    color:#435bcc !important;
    font-weight:600 !important;
  }

}


/* ===== MOBILE CLIENT FILTERS — TWO SELECTS ===== */

.client-mobile-filters{
  display:none;
}

@media(max-width:700px){

  #app .client-list-nav{
    display:block !important;

    width:100% !important;
    min-height:0 !important;

    margin:8px 0 14px !important;
    padding:0 !important;

    overflow:visible !important;
    border:0 !important;
  }

  /* Старые кнопки на телефоне не нужны */
  #app .client-list-nav > .country-tabs,
  #app .client-list-nav > .client-group-tabs{
    display:none !important;
  }

  #app .client-mobile-filters{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;

    width:100% !important;
  }

  #app .client-mobile-filters select{
    width:100% !important;
    min-width:0 !important;
    height:32px !important;

    margin:0 !important;
    padding:0 24px 0 8px !important;

    border:0 !important;
    border-right:1px solid #dce2ec !important;
    border-radius:0 !important;

    background-color:#f5f6fa !important;
    box-shadow:none !important;

    color:#657188 !important;
    font-size:11px !important;
    font-weight:500 !important;
  }

  #app .client-mobile-filters select:last-child{
    border-right:0 !important;
  }

}


/* ===== MOBILE CLIENTS — HEADER + FILTER ORDER ===== */

.client-mobile-count{
  display:none;
}

@media(max-width:700px){

  .client-desktop-subtitle{
    display:none !important;
  }

  .client-mobile-count{
    display:inline !important;
  }

  /* Контейнер страницы позволяет переставить навигацию и поиск */
  #app:has(.client-list-nav){
    display:flex !important;
    flex-direction:column !important;
  }

  #app:has(.client-list-nav) .page-title{
    order:1;
  }

  /* Поиск */
  #app:has(.client-list-nav) .client-list-nav + .toolbar{
    order:2 !important;
    margin:0 0 8px !important;
  }

  /* Все страны / В работе */
  #app:has(.client-list-nav) .client-list-nav{
    order:3 !important;
  }

  /* Карточки */
  #app:has(.client-list-nav) > .grid{
    order:4 !important;
  }

  /* Поиск на всю ширину */
  #app:has(.client-list-nav)
  .client-list-nav + .toolbar
  input[data-filter="search"]{
    width:100% !important;
    max-width:none !important;
  }

  /* Старый счётчик возле поиска скрываем */
  #app:has(.client-list-nav)
  .client-list-nav + .toolbar
  .badge{
    display:none !important;
  }

}


/* ===== MOBILE CLIENT SEARCH — SAME AS LEADS ===== */

@media(max-width:700px){

  #app:has(.client-list-nav)
  .client-list-nav + .toolbar{
    display:block !important;

    width:100% !important;
    margin:8px 0 6px !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:#f5f6fa !important;
    box-shadow:none !important;
  }

  #app:has(.client-list-nav)
  .client-list-nav + .toolbar
  input[data-filter="search"]{
    display:block !important;

    width:100% !important;
    max-width:none !important;
    height:28px !important;

    margin:0 !important;
    padding:0 14px 0 0 !important;

    border:0 !important;
    border-bottom:1px solid #dce2ec !important;
    border-radius:0 !important;

    background:#f5f6fa !important;
    box-shadow:none !important;
    outline:none !important;

    color:#657188 !important;
    font-size:11px !important;
  }

  #app:has(.client-list-nav)
  .client-list-nav + .toolbar
  input[data-filter="search"]::placeholder{
    color:#9aa4b5 !important;
  }

  #app:has(.client-list-nav)
  .client-list-nav + .toolbar
  select,
  #app:has(.client-list-nav)
  .client-list-nav + .toolbar
  .badge{
    display:none !important;
  }

}


/* MOBILE LEADS SEARCH — same underline as clients */
@media(max-width:700px){

  #app .lead-toolbar input[data-filter="search"]{
    border:0 !important;
    border-bottom:1px solid #dce2ec !important;
    border-radius:0 !important;

    background:#f5f6fa !important;
    box-shadow:none !important;
    outline:none !important;

    padding-left:0 !important;
  }

}


/* ===== MOBILE CLIENT DROPDOWNS ===== */

@media(max-width:700px){

  #app .client-mobile-filters{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    overflow:visible !important;
  }

  #app .client-mobile-dropdown{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    overflow:visible !important;
  }

  #app .client-mobile-dropdown summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:100% !important;
    min-height:34px !important;
    padding:0 10px !important;

    list-style:none !important;

    border:0 !important;
    border-bottom:1px solid #dce2ec !important;

    color:#657188 !important;
    background:#f5f6fa !important;

    font-size:11px !important;
    font-weight:500 !important;
  }

  #app .client-mobile-dropdown summary::-webkit-details-marker{
    display:none !important;
  }

  #app .client-mobile-dropdown summary::after{
    content:'⌄';
    margin-left:8px;
    color:#8792a6;
    font-size:13px;
  }

  #app .client-mobile-dropdown[open] summary::after{
    content:'⌃';
  }

  #app .client-mobile-dropdown-menu{
    position:absolute !important;
    z-index:1000 !important;

    top:calc(100% + 5px) !important;
    left:0 !important;

    width:100% !important;
    min-width:150px !important;

    padding:5px !important;

    border:1px solid #dfe4ed !important;
    border-radius:9px !important;

    background:#fff !important;
    box-shadow:0 10px 30px rgba(38,51,77,.16) !important;
  }

  #app .client-mobile-dropdown-menu button{
    display:block !important;

    width:100% !important;
    min-height:36px !important;

    padding:8px 10px !important;

    border:0 !important;
    border-radius:6px !important;

    background:transparent !important;

    color:#4f5c73 !important;
    font-size:12px !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  #app .client-mobile-dropdown-menu button:hover,
  #app .client-mobile-dropdown-menu button.active{
    color:#435bcc !important;
    background:#edf0ff !important;
  }

}


/* ===== LEAD MOBILE DROPDOWNS ===== */

.lead-mobile-filter-dropdowns{
  display:none;
}

@media(max-width:700px){

  #app .lead-desktop-filters{
    display:none !important;
  }

  #app .lead-mobile-filter-dropdowns{
    display:grid !important;
    grid-column:1 / -1 !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  #app .lead-mobile-dropdown{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:visible !important;
  }

  #app .lead-mobile-dropdown summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:100% !important;
    min-height:34px !important;
    padding:0 10px !important;

    list-style:none !important;

    border:0 !important;
    border-bottom:1px solid #dce2ec !important;

    background:#f5f6fa !important;
    color:#657188 !important;

    font-size:11px !important;
    font-weight:500 !important;
  }

  #app .lead-mobile-dropdown summary::-webkit-details-marker{
    display:none !important;
  }

  #app .lead-mobile-dropdown summary::after{
    content:'⌄';
    margin-left:8px;
    color:#8792a6;
    font-size:13px;
  }

  #app .lead-mobile-dropdown[open] summary::after{
    content:'⌃';
  }

  #app .lead-mobile-dropdown-menu{
    position:absolute !important;
    z-index:1000 !important;
    top:calc(100% + 5px) !important;
    left:0 !important;

    width:100% !important;
    min-width:150px !important;

    padding:5px !important;

    border:1px solid #dfe4ed !important;
    border-radius:9px !important;

    background:#fff !important;
    box-shadow:0 10px 30px rgba(38,51,77,.16) !important;
  }

  #app .lead-mobile-dropdown-menu button{
    display:block !important;
    width:100% !important;
    min-height:36px !important;

    padding:8px 10px !important;

    border:0 !important;
    border-radius:6px !important;

    background:transparent !important;
    color:#4f5c73 !important;

    font-size:12px !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  #app .lead-mobile-dropdown-menu button.active{
    color:#435bcc !important;
    background:#edf0ff !important;
  }

}

@media(min-width:701px){
  .lead-desktop-filters{
    display:contents;
  }
}


/* MOBILE CLIENT DROPDOWN — одинаковое выравнивание всех пунктов */
@media(max-width:700px){

  #app .client-mobile-dropdown-menu button,
  #app .client-mobile-dropdown-menu button:first-child{
    width:100% !important;
    min-height:36px !important;

    margin:0 !important;
    padding:8px 10px !important;

    text-align:left !important;
  }

}


/* ===== MOBILE SURROGATES — SAME AS LEADS ===== */

.surrogate-mobile-count,
.surrogate-mobile-filter-dropdowns{
  display:none;
}

@media(max-width:700px){

  .surrogate-desktop-subtitle{
    display:none !important;
  }

  .surrogate-mobile-count{
    display:inline !important;
  }

  #app .surrogate-toolbar{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 8px !important;
    width:100% !important;
  }

  #app .surrogate-toolbar input[data-filter="search"]{
    grid-column:1 / -1 !important;

    width:100% !important;
    max-width:none !important;
    height:28px !important;

    margin:0 0 6px !important;
    padding:0 !important;

    border:0 !important;
    border-bottom:1px solid #dce2ec !important;
    border-radius:0 !important;

    background:#f5f6fa !important;
    box-shadow:none !important;

    color:#657188 !important;
    font-size:11px !important;
  }

  #app .surrogate-desktop-filters,
  #app .surrogate-toolbar > .badge{
    display:none !important;
  }

  #app .surrogate-mobile-filter-dropdowns{
    display:grid !important;
    grid-column:1 / -1 !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  #app .surrogate-mobile-dropdown{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:visible !important;
  }

  #app .surrogate-mobile-dropdown summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    min-height:34px !important;
    padding:0 10px !important;

    list-style:none !important;
    border:0 !important;
    border-bottom:1px solid #dce2ec !important;

    background:#f5f6fa !important;
    color:#657188 !important;

    font-size:11px !important;
    font-weight:500 !important;
  }

  #app .surrogate-mobile-dropdown summary::-webkit-details-marker{
    display:none !important;
  }

  #app .surrogate-mobile-dropdown summary::after{
    content:'⌄';
    margin-left:8px;
    color:#8792a6;
  }

  #app .surrogate-mobile-dropdown[open] summary::after{
    content:'⌃';
  }

  #app .surrogate-mobile-dropdown-menu{
    position:absolute !important;
    z-index:1000 !important;

    top:calc(100% + 5px) !important;
    left:0 !important;

    width:100% !important;
    min-width:160px !important;

    padding:5px !important;

    border:1px solid #dfe4ed !important;
    border-radius:9px !important;

    background:#fff !important;
    box-shadow:0 10px 30px rgba(38,51,77,.16) !important;
  }

  #app .surrogate-mobile-dropdown-menu button,
  #app .surrogate-mobile-dropdown-menu button:first-child{
    display:block !important;

    width:100% !important;
    min-height:36px !important;

    margin:0 !important;
    padding:8px 10px !important;

    border:0 !important;
    border-radius:6px !important;

    background:transparent !important;
    color:#4f5c73 !important;

    font-size:12px !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  #app .surrogate-mobile-dropdown-menu button.active{
    color:#435bcc !important;
  }

}

@media(min-width:701px){
  .surrogate-desktop-filters{
    display:contents;
  }
}


/* ===== MOBILE DONORS — SAME FILTER STYLE ===== */

.donor-mobile-filter-dropdowns{
  display:none;
}

@media(max-width:700px){

  .donor-desktop-subtitle{
    display:none !important;
  }

  #app .donor-toolbar{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 8px !important;

    width:100% !important;
    margin:8px 0 14px !important;
    padding:0 !important;

    border:0 !important;
    background:#f5f6fa !important;
  }

  #app .donor-toolbar input[data-filter="search"]{
    grid-column:1 / -1 !important;

    width:100% !important;
    max-width:none !important;
    height:28px !important;

    margin:0 0 6px !important;
    padding:0 !important;

    border:0 !important;
    border-bottom:1px solid #dce2ec !important;
    border-radius:0 !important;

    background:#f5f6fa !important;
    box-shadow:none !important;
    outline:none !important;

    color:#657188 !important;
    font-size:11px !important;
  }

  #app .donor-mobile-filter-dropdowns{
    display:grid !important;
    grid-column:1 / -1 !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  #app .donor-desktop-filters{
    display:none !important;
  }

  #app .donor-mobile-dropdown{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:visible !important;
  }

  #app .donor-mobile-dropdown summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:100% !important;
    min-height:34px !important;
    padding:0 10px !important;

    list-style:none !important;

    border:0 !important;
    border-bottom:1px solid #dce2ec !important;

    background:#f5f6fa !important;
    color:#657188 !important;

    font-size:11px !important;
    font-weight:500 !important;
  }

  #app .donor-mobile-dropdown summary::-webkit-details-marker{
    display:none !important;
  }

  #app .donor-mobile-dropdown summary::after{
    content:'⌄';
    margin-left:8px;
    color:#8792a6;
  }

  #app .donor-mobile-dropdown[open] summary::after{
    content:'⌃';
  }

  #app .donor-mobile-dropdown-menu{
    position:absolute !important;
    z-index:1000 !important;

    top:calc(100% + 5px) !important;
    left:0 !important;

    width:100% !important;
    min-width:160px !important;

    padding:5px !important;

    border:1px solid #dfe4ed !important;
    border-radius:9px !important;

    background:#fff !important;
    box-shadow:0 10px 30px rgba(38,51,77,.16) !important;
  }

  #app .donor-mobile-dropdown-menu button,
  #app .donor-mobile-dropdown-menu button:first-child{
    display:block !important;

    width:100% !important;
    min-height:36px !important;

    margin:0 !important;
    padding:8px 10px !important;

    border:0 !important;
    border-radius:6px !important;

    background:transparent !important;
    color:#4f5c73 !important;

    font-size:12px !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  #app .donor-mobile-dropdown-menu button.active{
    color:#435bcc !important;
  }

}

@media(min-width:701px){
  .donor-desktop-filters{
    display:contents;
  }
}


/* ===== MOBILE DONORS — SELECTION CLEANUP ===== */

.donor-mobile-selected{
  display:none;
}

@media(max-width:700px){

  .donor-mobile-selected{
    display:inline !important;
  }

  /* Первые две кнопки: Выбрать найденные / Снять выбор */
  #app .donor-selection > button:nth-of-type(1),
  #app .donor-selection > button:nth-of-type(2){
    display:none !important;
  }

  /* Старый счётчик "Выбрано: N" */
  #app .donor-selection > .badge{
    display:none !important;
  }

  /* Оставшиеся Скачать / Гостевая ссылка */
  #app .donor-selection{
    margin:8px 0 14px !important;
    gap:8px !important;
  }

}


/* ===== DONOR EXTRA FILTERS — MOBILE DROPDOWNS ===== */

.donor-extra-mobile-dropdowns{
  display:none;
}

@media(max-width:700px){

  #app .donor-extra-desktop-selects{
    display:none !important;
  }

  #app .donor-extra-mobile-dropdowns{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
    flex-basis:100% !important;
  }

  #app .donor-extra-mobile-dropdown{
    position:relative !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    overflow:visible !important;
  }

  #app .donor-extra-mobile-dropdown summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:100% !important;
    min-height:36px !important;
    padding:0 10px !important;

    list-style:none !important;

    border:0 !important;
    border-bottom:1px solid #dce2ec !important;

    background:#fff !important;
    color:#657188 !important;

    font-size:12px !important;
    font-weight:500 !important;
  }

  #app .donor-extra-mobile-dropdown summary::-webkit-details-marker{
    display:none !important;
  }

  #app .donor-extra-mobile-dropdown summary::after{
    content:'⌄';
    margin-left:8px;
    color:#8792a6;
  }

  #app .donor-extra-mobile-dropdown[open] summary::after{
    content:'⌃';
  }

  #app .donor-extra-mobile-dropdown-menu{
    position:absolute !important;
    z-index:1100 !important;

    top:calc(100% + 5px) !important;
    left:0 !important;

    width:100% !important;
    min-width:165px !important;

    padding:5px !important;

    border:1px solid #dfe4ed !important;
    border-radius:9px !important;

    background:#fff !important;
    box-shadow:0 10px 30px rgba(38,51,77,.16) !important;
  }

  #app .donor-extra-mobile-dropdown-menu button,
  #app .donor-extra-mobile-dropdown-menu button:first-child{
    display:block !important;

    width:100% !important;
    min-height:36px !important;

    margin:0 !important;
    padding:8px 10px !important;

    border:0 !important;
    border-radius:6px !important;

    background:transparent !important;
    color:#4f5c73 !important;

    font-size:12px !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  #app .donor-extra-mobile-dropdown-menu button.active{
    color:#435bcc !important;
  }

}

@media(min-width:701px){
  .donor-extra-desktop-selects{
    display:contents;
  }
}


/* ===== LEAD CARDS — PERSON FIRST ===== */

.lead-card-person{
  align-items:flex-start !important;
  margin:0 0 14px !important;
}

.lead-card-person > div:last-child{
  min-width:0;
  flex:1;
}

.lead-card-person h2{
  margin:0 0 5px !important;
}

.lead-card-person .lead-card-preview{
  margin:0 !important;
}

.lead-card-meta{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:wrap !important;

  margin:0 !important;
  padding-top:12px !important;

  border-top:1px solid #edf0f5;
}


/* ===== LEAD CARD — INLINE META ===== */

.lead-card-inline-meta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;

  min-height:24px;
  margin:4px 0 12px;

  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
}

/* Статус: тот же цвет, но без плашки */
.lead-card-inline-status .badge,
.lead-card-inline-status [class*="lead-"]{
  padding:0 !important;
  margin:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;

  font-size:12px !important;
  font-weight:500 !important;
}

/* Возраст */
.lead-card-inline-age{
  color:#8792a6;
  font-size:12px;
}

.lead-card-inline-age .badge,
.lead-card-inline-age span{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  font-size:12px !important;
}

/* Разделители */
.lead-card-separator{
  color:#b0b7c4;
  font-size:11px;
}

/* Кружки менеджеров должны помещаться в эту же строку */
.lead-card-inline-meta .lead-manager-slots{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  margin:0 !important;
}

/* Старый нижний meta-блок больше не используется */
.lead-card-meta{
  border-top:0 !important;
  padding-top:0 !important;
}


/* LEAD CARD — divider before application text */

.lead-card-preview{
  margin-top:0 !important;
  padding-top:12px !important;
  border-top:1px solid #e6e9ef !important;
}

.lead-card-inline-meta{
  margin-bottom:0 !important;
  padding-bottom:11px !important;
}


/* ===== CLIENT CARD — SAME STRUCTURE AS LEADS ===== */

.client-card-person h2{
  margin:0 0 5px !important;
}

.client-card-inline-meta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;

  min-height:24px;
  margin:4px 0 0;

  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
}

.client-card-inline-status .badge{
  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;

  font-size:12px !important;
  font-weight:500 !important;
}

.client-card-inline-country{
  color:#8792a6;
  font-size:12px;
}

.client-card-separator{
  color:#b0b7c4;
  font-size:11px;
}

.client-card-inline-meta .client-manager-slots{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  margin:0 !important;
}

/* Полоска как в заявках */
.client-card-surrogate{
  display:flex;
  align-items:center;
  gap:5px;

  margin-top:11px;
  padding-top:12px;

  border-top:1px solid #e6e9ef;

  color:#8792a6;
  font-size:12px;
}

.client-card-surrogate strong{
  color:#59647b;
  font-size:12px;
  font-weight:500;
}

.client-card-surrogate + .client-summary-progress{
  margin-top:18px;
}


/* ===== SURROGATE CARD — SAME STRUCTURE AS CLIENTS ===== */

.surrogate-card-person{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.surrogate-card-person-info{
  flex:1;
  min-width:0;
}

.surrogate-card-person h2{
  margin:0 0 5px !important;
}

.surrogate-card-person .surrogate-avatar{
  width:44px;
  height:44px;
  margin:0;
  flex:0 0 44px;
}

.surrogate-card-inline-meta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;

  min-height:24px;
  margin:4px 0 0;

  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
}

.surrogate-card-inline-status .badge{
  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;

  font-size:12px !important;
  font-weight:500 !important;
}

.surrogate-card-inline-country{
  color:#8792a6;
  font-size:12px;
}

.surrogate-card-separator{
  color:#b0b7c4;
  font-size:11px;
}

.surrogate-card-inline-meta .client-manager-slots{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  margin:0 !important;
}

/* Полоска + клиент */
.surrogate-card-client{
  display:flex;
  align-items:center;
  gap:5px;

  margin-top:11px;
  padding-top:12px;

  border-top:1px solid #e6e9ef;

  color:#8792a6;
  font-size:12px;
}

.surrogate-card-client strong{
  color:#59647b;
  font-size:12px;
  font-weight:500;
}

.surrogate-card-progress{
  margin-top:18px;
}


/* ===== DONOR CARD — UNIFIED DESIGN ===== */

.donor-summary-head{
  display:flex;
  align-items:flex-start;
  gap:13px;
}

.donor-summary-photo{
  flex:0 0 62px;
  width:62px !important;
  height:76px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  overflow:hidden;
}

.donor-summary-photo .donor-portrait{
  width:62px !important;
  height:76px !important;
  margin:0 !important;

  border-radius:9px !important;
  object-fit:cover !important;
}

.donor-summary-person{
  flex:1;
  min-width:0;
}

.donor-summary-name-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

.donor-summary-name-row h2{
  margin:0 0 5px !important;
}

.donor-summary-select{
  flex:0 0 auto;
  margin:0 !important;
}

.donor-card-inline-meta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;

  min-height:24px;

  color:#8792a6;
  font-size:12px;
  line-height:1.2;
}

.donor-card-category{
  color:#657188;
  font-weight:500;
}

.donor-card-number{
  color:#8792a6;
}

.donor-card-separator{
  color:#b0b7c4;
  font-size:11px;
}

.donor-card-details{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;

  margin-top:12px;
  padding-top:12px;

  border-top:1px solid #e6e9ef;

  color:#8792a6;
  font-size:12px;
}

.donor-card-details span:not(:last-child)::after{
  content:' /';
  margin-left:7px;
  color:#b0b7c4;
}

.donor-card-details strong{
  color:#59647b;
  font-size:12px;
  font-weight:500;
}


/* ===== DONOR SUMMARY CHECKBOX — FIX ===== */

.donor-summary-select{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:22px !important;
  height:22px !important;
  min-width:22px !important;

  margin:0 !important;
  padding:0 !important;
}

.donor-summary-select > input[type="checkbox"]{
  position:absolute !important;
  inset:0 !important;

  width:22px !important;
  height:22px !important;

  margin:0 !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:2 !important;
}

.donor-summary-select .donor-select-check{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:17px !important;
  height:17px !important;

  margin:0 !important;

  border:1.5px solid #b9c2d3 !important;
  border-radius:5px !important;

  background:#fff !important;
}

.donor-summary-select > input[type="checkbox"]:checked
+ .donor-select-check{
  border-color:#4961d2 !important;
  background:#4961d2 !important;
}

.donor-summary-select > input[type="checkbox"]:checked
+ .donor-select-check::after{
  content:"" !important;

  width:7px !important;
  height:4px !important;

  border-left:2px solid #fff !important;
  border-bottom:2px solid #fff !important;

  transform:rotate(-45deg) translateY(-1px);
}


/* DONORS — spacing after guest links */
#app details.panel + .grid{
  margin-top:16px !important;
}


/* ===== CONTRACT LIST — COMPACT ACTIONS ===== */

#app .panel .row .actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0 !important;
  flex-wrap:wrap;
}

/* Все действия */
#app .panel .row .actions > a,
#app .panel .row .actions > button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:0 !important;
  min-height:28px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#596780 !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;
}

/* Первый */
#app .panel .row .actions > :first-child{
  padding-left:0 !important;
}

/* Последний */
#app .panel .row .actions > :last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

/* Наведение */
#app .panel .row .actions > a:hover,
#app .panel .row .actions > button:hover{
  color:#435bcc !important;
  background:transparent !important;
}

/* Удалить */
#app .panel .row .actions > button.danger{
  color:#c94b58 !important;
}

#app .panel .row .actions > button.danger:hover{
  color:#a92f3d !important;
}

/* Mobile */
@media(max-width:700px){

  #app .panel .row .actions{
    justify-content:flex-start !important;
    margin-top:8px !important;
  }

  #app .panel .row .actions > a,
  #app .panel .row .actions > button{
    padding:0 8px !important;
  }

  #app .panel .row .actions > :first-child{
    padding-left:0 !important;
  }

}


/* ===== CONTRACTS — CLEAN LIST ===== */

#app .contracts-list-panel{
  margin-top:18px !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}

#app .contracts-list-panel > .row{
  min-height:66px;
  padding:12px 0 !important;

  border-bottom:1px solid #dfe4ed !important;
}

#app .contracts-list-panel > .row:first-child{
  padding-top:0 !important;
}

#app .contracts-list-panel > .row:last-child{
  border-bottom:0 !important;
}


/* ===== CONTRACT TEMPLATES — CLEAN CRM STYLE ===== */

#app .contract-templates-clean{
  margin:20px 0 26px;
  padding:0;

  border:0;
  background:transparent;
  box-shadow:none;
}

#app .contract-templates-clean > h3{
  margin:0 0 14px;
}

/* Выбор варианта */
#app .contract-templates-clean .contract-template-filters{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;

  margin:0 0 18px;
  padding:0;
}

#app .contract-templates-clean .contract-template-filters .field{
  margin:0;
}

/* Строка файла */
#app .contract-template-file-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  min-height:64px;
  padding:13px 0;

  border-top:1px solid #dfe4ed;
  border-bottom:1px solid #dfe4ed;
}

#app .contract-template-file-info{
  display:grid;
  grid-template-columns:auto auto auto;
  align-items:center;
  gap:10px;

  min-width:0;
}

#app .contract-template-file-info > span{
  color:#8792a6;
  font-size:11px;
  font-weight:600;
}

#app .contract-template-file-info > strong{
  color:#26324a;
  font-size:13px;
  font-weight:600;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#app .contract-template-file-info > small{
  color:#8792a6;
  font-size:11px;
}

/* Действия — компактно */
#app .contract-template-file-actions{
  display:flex;
  align-items:center;
  gap:0;
  flex:0 0 auto;
}

#app .contract-template-file-actions button{
  min-width:0 !important;
  min-height:28px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#596780 !important;
  font-size:11px !important;
  font-weight:600 !important;
}

#app .contract-template-file-actions button:first-child{
  padding-left:0 !important;
}

/* Mobile */
@media(max-width:700px){

  #app .contract-templates-clean .contract-template-filters{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #app .contract-template-file-row{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }

  #app .contract-template-file-info{
    grid-template-columns:1fr;
    gap:3px;
    width:100%;
  }

}

CSScat >> ~/crm.mia-baby.com/dist/style.css <<'CSS'

/* ===== PAYMENT TEMPLATES — CLEAN CRM STYLE ===== */

#app .payment-templates-clean{
  margin:28px 0 0;
  padding:0;

  border:0;
  background:transparent;
  box-shadow:none;
}


/* ===== PAYMENT TEMPLATES — CLEAN CRM STYLE ===== */

#app .payment-templates-clean{
  margin:28px 0 0;
  padding:0;

  border:0;
  background:transparent;
  box-shadow:none;
}

#app .payment-templates-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;

  margin:0 0 14px;
}

#app .payment-templates-heading h3{
  margin:0 0 7px;
}

#app .payment-templates-heading p{
  margin:0;

  color:#7d899d;
  font-size:11px;
}

/* Чистый список */
#app .payment-template-list{
  border-top:1px solid #dfe4ed;
}

#app .payment-template-row{
  margin:0;
  padding:14px 0;

  border:0;
  border-bottom:1px solid #dfe4ed;

  background:transparent;
  box-shadow:none;
}

#app .payment-template-row-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

#app .payment-template-row-title{
  min-width:0;
}

#app .payment-template-row-title strong,
#app .payment-template-row-title small{
  display:block;
}

#app .payment-template-row-title strong{
  color:#26324a;
  font-size:13px;
  font-weight:650;
}

#app .payment-template-row-title small{
  margin-top:4px;

  color:#8792a6;
  font-size:11px;
}

/* Компактные действия */
#app .payment-template-row-actions{
  display:flex;
  align-items:center;
  gap:0;
  flex:0 0 auto;
}

#app .payment-template-row-actions button{
  min-width:0 !important;
  min-height:28px !important;
  height:28px !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#596780 !important;
  font-size:11px !important;
  font-weight:600 !important;
}

#app .payment-template-row-actions button:first-child{
  padding-left:0 !important;
}

#app .payment-template-row-actions button:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

#app .payment-template-row-actions button:hover{
  color:#435bcc !important;
}

/* Раскрывающийся текст */
#app .payment-template-text{
  margin-top:8px;
}

#app .payment-template-text summary{
  width:max-content;

  color:#596780;
  font-size:11px;
  font-weight:600;

  cursor:pointer;
}

#app .payment-template-text .company-notes{
  margin-top:12px;
}

/* Mobile */
@media(max-width:700px){

  #app .payment-templates-heading{
    align-items:flex-start;
  }

  #app .payment-templates-heading p{
    display:none;
  }

  #app .payment-template-row-main{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  #app .payment-template-row-actions{
    justify-content:flex-start;
    width:100%;
  }

}


/* PAYMENT TEMPLATES — text link in action row */

#app .payment-template-row{
  position:relative;
}

#app .payment-template-text{
  position:absolute !important;
  top:14px !important;
  right:285px !important;

  margin:0 !important;
  padding:0 !important;
}

#app .payment-template-text summary{
  display:inline-flex !important;
  align-items:center !important;

  min-height:28px !important;
  margin:0 !important;
  padding:0 10px !important;

  border-right:1px solid #dfe4ed !important;

  color:#596780 !important;
  font-size:11px !important;
  font-weight:600 !important;
  white-space:nowrap !important;
}

#app .payment-template-text[open]{
  position:static !important;
  margin-top:10px !important;
}

#app .payment-template-text[open] summary{
  position:absolute !important;
  top:14px !important;
  right:285px !important;
}

#app .payment-template-text[open] .company-notes{
  margin-top:12px !important;
  padding-top:12px !important;
  border-top:1px solid #e6e9ef;
}

/* Mobile — возвращаем под название, чтобы всё помещалось */
@media(max-width:700px){

  #app .payment-template-text,
  #app .payment-template-text[open]{
    position:static !important;
    margin:7px 0 0 !important;
  }

  #app .payment-template-text summary,
  #app .payment-template-text[open] summary{
    position:static !important;
    padding-left:0 !important;
  }

}


/* PAYMENT TEMPLATE — убрать полоску над "Текст пункта 3.1" */
#app .payment-template-text,
#app .payment-template-text summary,
#app .payment-template-text[open],
#app .payment-template-text[open] summary{
  border-top:0 !important;
}


/* PAYMENT TEMPLATES — одинаковая высота и шрифт действий */

#app .payment-template-text summary,
#app .payment-template-row-actions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 10px !important;

  font-family:inherit !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:28px !important;

  vertical-align:middle !important;
}

/* Текст пункта — точно тот же цвет, что обычные действия */
#app .payment-template-text summary{
  color:#596780 !important;
}

/* Удалить оставляем красным */
#app .payment-template-row-actions button.danger{
  color:#c94b58 !important;
}


/* ===== PAYMENT TEMPLATE ACTIONS — REAL SINGLE ROW ===== */

#app .payment-template-row{
  position:static !important;
}

#app .payment-template-row-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
  flex-wrap:nowrap !important;
}

/* details теперь настоящий элемент строки */
#app .payment-template-row-actions .payment-template-text,
#app .payment-template-row-actions .payment-template-text[open]{
  position:relative !important;
  top:auto !important;
  right:auto !important;

  display:block !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
}

/* Все 4 пункта абсолютно одинаковые */
#app .payment-template-row-actions .payment-template-text summary,
#app .payment-template-row-actions > button{
  position:static !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#596780 !important;

  font-family:inherit !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1 !important;

  white-space:nowrap !important;
}

#app .payment-template-row-actions .payment-template-text summary{
  list-style:none !important;
}

#app .payment-template-row-actions .payment-template-text summary::-webkit-details-marker{
  display:none !important;
}

/* Последний пункт */
#app .payment-template-row-actions > button:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

/* Удалить */
#app .payment-template-row-actions > button.danger{
  color:#c94b58 !important;
}

/* Раскрытый текст появляется ниже меню */
#app .payment-template-row-actions .payment-template-text .company-notes{
  position:absolute !important;
  z-index:20 !important;

  top:34px !important;
  right:0 !important;

  width:min(700px,80vw) !important;

  margin:0 !important;
  padding:14px !important;

  border:1px solid #dfe4ed !important;
  border-radius:9px !important;

  background:#fff !important;
  box-shadow:0 10px 30px rgba(38,51,77,.12) !important;

  white-space:pre-wrap !important;
}

/* mobile */
@media(max-width:700px){

  #app .payment-template-row-actions{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }

  #app .payment-template-row-actions .payment-template-text .company-notes{
    left:0 !important;
    right:auto !important;
    width:min(330px,85vw) !important;
  }

}


/* ===== CONTRACT TEMPLATE ROW — SAME AS PAYMENT TEMPLATES ===== */

#app .contract-template-file-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;

  min-height:62px !important;
  margin:0 !important;
  padding:12px 0 !important;

  border-top:1px solid #dfe4ed !important;
  border-bottom:1px solid #dfe4ed !important;

  background:transparent !important;
}

#app .contract-template-file-info{
  display:block !important;
  min-width:0 !important;
}

#app .contract-template-file-info strong,
#app .contract-template-file-info small{
  display:block !important;
}

#app .contract-template-file-info strong{
  color:#26324a !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:1.25 !important;
}

#app .contract-template-file-info small{
  margin-top:4px !important;

  color:#8792a6 !important;
  font-size:11px !important;
  line-height:1.25 !important;
}

/* действия идентичны шаблонам платежей */

#app .contract-template-file-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
  flex:0 0 auto !important;
}

#app .contract-template-file-actions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:28px !important;
  min-height:28px !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#596780 !important;

  font-family:inherit !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1 !important;
}

#app .contract-template-file-actions button:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

#app .contract-template-file-actions button.danger{
  color:#c94b58 !important;
}

#app .contract-template-file-actions button.primary{
  color:#435bcc !important;
}

@media(max-width:700px){

  #app .contract-template-file-row{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  #app .contract-template-file-actions{
    justify-content:flex-start !important;
  }

}


/* =========================================================
   TEMPLATES — UNIFIED CLEAN STRUCTURE
   ========================================================= */

#app .template-section-clean{
  margin:24px 0 34px !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#app .template-section-clean > h3{
  margin:0 0 14px !important;
  padding:0 0 10px !important;

  border-bottom:1px solid #dfe4ed !important;

  color:#26324a;
  font-size:14px;
  font-weight:650;
}


/* ===== 3 SELECTS ===== */

#app .template-selector-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;

  margin:0 !important;
  padding:12px 0 16px !important;
}

#app .template-selector-row .field{
  margin:0 !important;
}

#app .template-selector-row .field > span{
  display:block;

  margin:0 0 5px;

  color:#8792a6;
  font-size:10px;
  font-weight:600;
}

#app .template-selector-row select{
  width:100% !important;
  margin:0 !important;
}


/* ===== RESULT ===== */

#app .template-result-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;

  min-height:58px !important;

  margin:0 !important;
  padding:11px 0 !important;

  border-top:1px solid #e4e8ef !important;
  border-bottom:1px solid #e4e8ef !important;

  background:transparent !important;
}

#app .template-result-info{
  min-width:0;
}

#app .template-result-info strong,
#app .template-result-info small{
  display:block;
}

#app .template-result-info strong{
  color:#26324a;
  font-size:13px;
  font-weight:650;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#app .template-result-info small{
  margin-top:4px;

  color:#8792a6;
  font-size:11px;
}


/* ===== ACTIONS ===== */

#app .template-result-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;

  flex:0 0 auto;
}

#app .template-result-actions > a,
#app .template-result-actions > button,
#app .template-result-actions > details > summary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:28px !important;
  min-height:28px !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#596780 !important;

  font-family:inherit !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1 !important;

  text-decoration:none !important;
  white-space:nowrap !important;

  cursor:pointer;
}

#app .template-result-actions > details{
  position:relative !important;
  margin:0 !important;
}

#app .template-result-actions > details > summary{
  list-style:none !important;
}

#app .template-result-actions > :last-child,
#app .template-result-actions > details:last-child > summary{
  padding-right:0 !important;
  border-right:0 !important;
}

#app .template-result-actions button.danger{
  color:#c94b58 !important;
}

#app .template-result-actions button.primary{
  color:#435bcc !important;
}


/* PAYMENT PREVIEW POPUP */

#app .template-result-actions
.payment-template-text .company-notes{
  position:absolute !important;
  z-index:50 !important;

  top:34px !important;
  right:0 !important;

  width:min(700px,80vw) !important;

  margin:0 !important;
  padding:14px !important;

  border:1px solid #dfe4ed !important;
  border-radius:9px !important;

  background:#fff !important;
  box-shadow:0 10px 30px rgba(38,51,77,.12) !important;

  white-space:pre-wrap !important;
}


/* ADDITIONAL AGREEMENTS */

#app .template-empty-row{
  padding:14px 0;

  color:#8792a6;
  font-size:11px;

  border-bottom:1px solid #e4e8ef;
}


/* MOBILE */

@media(max-width:700px){

  #app .template-selector-row{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #app .template-result-row{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  #app .template-result-actions{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    width:100%;
  }

  #app .template-result-actions
  .payment-template-text .company-notes{
    left:0 !important;
    right:auto !important;
    width:min(330px,85vw) !important;
  }

}


/* ===== TEMPLATE RESULT ACTIONS — FINAL ALIGNMENT ===== */

#app .template-result-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:20px !important;
}

#app .template-result-actions{
  position:relative !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;

  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
}

#app .template-result-actions > details{
  position:relative !important;

  display:block !important;
  width:auto !important;

  margin:0 !important;
  padding:0 !important;
}

#app .template-result-actions > a,
#app .template-result-actions > button,
#app .template-result-actions > details > summary{
  position:static !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:0 !important;
  height:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  font-family:inherit !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1 !important;

  white-space:nowrap !important;
  vertical-align:middle !important;
}

#app .template-result-actions > details > summary{
  color:#596780 !important;
  list-style:none !important;
}

#app .template-result-actions > details > summary::-webkit-details-marker{
  display:none !important;
}

#app .template-result-actions > a,
#app .template-result-actions > button{
  color:#596780 !important;
}

/* Первый пункт */
#app .template-result-actions > details:first-child > summary,
#app .template-result-actions > a:first-child,
#app .template-result-actions > button:first-child{
  padding-left:0 !important;
}

/* popup просмотра остаётся привязан к Просмотру */
#app .template-result-actions
.payment-template-text .company-notes{
  position:absolute !important;
  top:34px !important;
  right:0 !important;
  z-index:50 !important;
}

/* MOBILE */
@media(max-width:700px){

  #app .template-result-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  #app .template-result-actions{
    justify-content:flex-start !important;
    width:100% !important;
  }
}


/* ===== TEMPLATE ACTION ROW — NORMAL BUTTONS ONLY ===== */

#app .template-result-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
}

#app .template-result-actions{
  position:static !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;

  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
}

#app .template-result-actions > button,
#app .template-result-actions > a{
  position:static !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:0 !important;
  height:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:0 10px !important;

  border:0 !important;
  border-right:1px solid #dfe4ed !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;

  color:#596780 !important;

  font-family:inherit !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1 !important;

  text-decoration:none !important;
  white-space:nowrap !important;
}

#app .template-result-actions > button:first-child,
#app .template-result-actions > a:first-child{
  padding-left:0 !important;
}

#app .template-result-actions > button:last-child,
#app .template-result-actions > a:last-child{
  padding-right:0 !important;
  border-right:0 !important;
}

#app .template-result-actions > button.danger{
  color:#c94b58 !important;
}

/* Просмотр платежного шаблона */

#modal.payment-clause-preview-dialog{
  width:min(760px,92vw);
}

#modal .payment-clause-popup-text{
  white-space:pre-wrap;
  line-height:1.55;
  color:#26324a;
  font-size:13px;
}

/* ===== TEMPLATE SELECTORS — FINAL ===== */

#app .template-selector-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:center !important;
  column-gap:36px !important;

  width:100% !important;
  margin:0 !important;
  padding:14px 0 16px !important;
}

#app .template-selector-row > label.field{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;

  gap:10px !important;

  width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;
}

/* подпись слева */
#app .template-selector-row > label.field > span{
  display:block !important;
  flex:0 0 auto !important;

  margin:0 !important;
  padding:0 !important;

  color:#65728a !important;
  font-family:inherit !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:36px !important;

  white-space:nowrap !important;
}

/* select справа */
#app .template-selector-row > label.field > select{
  display:block !important;
  flex:1 1 auto !important;

  width:auto !important;
  min-width:0 !important;
  height:36px !important;

  margin:0 !important;
}

/* одинаковая геометрия трех колонок */
#app .template-selector-row > label.field:nth-child(1) > span{
  min-width:62px !important;
}

#app .template-selector-row > label.field:nth-child(2) > span{
  min-width:68px !important;
}

#app .template-selector-row > label.field:nth-child(3) > span{
  min-width:40px !important;
}


/* MOBILE */

@media(max-width:700px){

  #app .template-selector-row{
    grid-template-columns:1fr !important;
    row-gap:8px !important;
  }

  #app .template-selector-row > label.field > span{
    width:82px !important;
    min-width:82px !important;
  }

}


/* ===== TEMPLATE SELECTS — NO WHITE BACKGROUND ===== */

#app .template-selector-row > label.field > select{
  height:34px !important;

  padding:0 26px 0 8px !important;

  border:0 !important;
  border-bottom:1px solid #d8deea !important;
  border-radius:0 !important;

  background-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;

  color:#26324a !important;
  font-size:12px !important;
  font-weight:500 !important;
}

#app .template-selector-row > label.field > select:hover{
  border-bottom-color:#b9c3d4 !important;
}

#app .template-selector-row > label.field > select:focus{
  border:0 !important;
  border-bottom:1px solid #5364df !important;

  background-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}


/* CONTRACT HTML PREVIEW */

#modal.contract-preview-dialog{
  width:min(1000px,96vw) !important;
  max-width:96vw !important;
}

#modal .contract-html-preview{
  max-width:820px;
  margin:14px auto 0;
  padding:42px 54px;

  background:#fff;
  color:#111;

  font-family:Arial,sans-serif;
  font-size:13px;
  line-height:1.5;

  box-shadow:0 1px 8px rgba(20,30,50,.08);
}

#modal .contract-html-preview p{
  margin:0 0 10px;
}

#modal .contract-html-preview table{
  width:100%;
  border-collapse:collapse;
}

#modal .contract-html-preview td,
#modal .contract-html-preview th{
  padding:5px;
  vertical-align:top;
}

#modal .contract-html-preview img{
  max-width:100%;
  height:auto;
}

@media(max-width:700px){
  #modal .contract-html-preview{
    padding:22px 18px;
  }
}


/* ===== DOCUMENT TEMPLATE PREVIEW ===== */

#modal.document-template-preview-dialog{
  width:min(1050px,96vw) !important;
  max-width:96vw !important;
}

#modal.document-template-preview-dialog form{
  background:#eef1f6;
}

#modal.document-template-preview-dialog .panel-heading{
  background:#fff;
}

#modal .template-preview-meta{
  max-width:820px;
  margin:8px auto 12px;
  color:#596780;
  font-size:12px;
}

#modal .document-template-preview-sheet{
  width:min(820px,100%);
  min-height:1050px;

  margin:0 auto 24px;
  padding:55px 65px;

  background:#fff;
  color:#111;

  box-shadow:0 2px 12px rgba(25,35,55,.10);

  font-family:Arial,sans-serif;
  font-size:13px;
  line-height:1.5;

  box-sizing:border-box;
}

#modal .document-template-preview-sheet p{
  margin:0 0 10px;
}

#modal .document-template-preview-sheet table{
  width:100%;
  border-collapse:collapse;
}

#modal .document-template-preview-sheet td,
#modal .document-template-preview-sheet th{
  padding:5px;
  vertical-align:top;
}

#modal .document-template-preview-sheet img{
  max-width:100%;
  height:auto;
}

@media(max-width:700px){

  #modal.document-template-preview-dialog{
    width:100% !important;
    max-width:100% !important;
  }

  #modal .document-template-preview-sheet{
    min-height:0;
    padding:28px 20px;
  }

}


/* =========================================================
   FINANCE OPERATION FORM — COMPACT CLEAN
   ========================================================= */

#modal .operation-form{
  width:min(620px,calc(100vw - 32px));
}

/* Основной блок */
#modal .operation-form > .fields{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:12px !important;
  margin-bottom:14px;
}

/* Клиент — вся строка */
#modal .operation-form > .fields > .field:first-child{
  grid-column:1 / -1;
}

/* Дата / Валюта / Сумма */
#modal .operation-form > .fields > .field{
  margin:0 !important;
  min-width:0;
}

#modal .operation-form input,
#modal .operation-form select{
  height:42px !important;
  min-height:42px !important;
}

/* Нижние поля */
#modal .operation-form .operation-bottom-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-top:12px;
}

#modal .operation-form .operation-bottom-grid .field{
  margin:0 !important;
}

/* Назначение */
#modal .operation-form > .field{
  margin:12px 0 0 !important;
}

/* Договорный платёж / привязка */
#modal .operation-form > .field:last-of-type{
  margin-top:12px !important;
}

/* Убираем лишние пустоты */
#modal .operation-form small#custodian-available:empty{
  display:none;
}

/* Footer */
#modal .operation-form > .actions{
  margin-top:20px !important;
  padding-top:16px !important;
  border-top:1px solid #e2e6ee;
}

/* Mobile */
@media(max-width:650px){

  #modal .operation-form{
    width:100%;
  }

  #modal .operation-form > .fields{
    grid-template-columns:1fr 1fr !important;
  }

  #modal .operation-form > .fields > .field:first-child{
    grid-column:1 / -1;
  }

  /* Сумма на всю строку */
  #modal .operation-form > .fields > .field:last-child{
    grid-column:1 / -1;
  }

  #modal .operation-form .operation-bottom-grid{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   MANAGER REIMBURSEMENT FORM — FINAL
   ========================================================= */

#modal .manager-reimbursement-fields{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin:0 !important;
}

/*
 Одинаковую форму рисует LABEL.
 Сам input/select больше рамку не рисует.
*/
#modal .manager-reimbursement-fields > label.field{
  display:flex !important;
  align-items:center !important;

  width:100% !important;
  min-width:0 !important;
  height:42px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  box-sizing:border-box !important;

  border:1px solid #d8deea !important;
  border-radius:9px !important;
  background:#fff !important;
}

/* Все три внутренних элемента */
#modal .manager-reimbursement-fields > label.field > input,
#modal .manager-reimbursement-fields > label.field > select{
  display:block !important;

  width:100% !important;
  min-width:0 !important;
  height:40px !important;
  min-height:40px !important;

  margin:0 !important;
  padding:0 12px !important;

  box-sizing:border-box !important;

  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;

  background:transparent !important;

  font-family:inherit !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:20px !important;

  color:#596780 !important;
}

/* Select оставляем место под стрелку */
#modal .manager-reimbursement-fields > label.field > select{
  padding-right:30px !important;
}

/* Number оставляем место под стрелки */
#modal .manager-reimbursement-fields > label.field > input[type="number"]{
  padding-right:28px !important;
}

/* Date */
#modal .manager-reimbursement-fields
input[type="date"]::-webkit-date-and-time-value{
  text-align:left !important;
  margin:0 !important;
}

#modal .manager-reimbursement-fields
input[type="date"]::-webkit-datetime-edit{
  padding:0 !important;
}

/* Focus теперь подсвечивает одинаковую внешнюю оболочку */
#modal .manager-reimbursement-fields > label.field:focus-within{
  border-color:#5364df !important;
  box-shadow:0 0 0 2px rgba(83,100,223,.08) !important;
}

#modal .manager-reimbursement-fields input::placeholder{
  color:#7b879d !important;
  opacity:1 !important;
}

@media(max-width:650px){
  #modal .manager-reimbursement-fields{
    grid-template-columns:1fr !important;
  }
}

/* ===== MANAGER PAYMENT — HIDE NUMBER SPINNERS ===== */

#modal .manager-reimbursement-fields input[type="number"]{
  appearance:textfield !important;
  -moz-appearance:textfield !important;
}

#modal .manager-reimbursement-fields
input[type="number"]::-webkit-inner-spin-button,
#modal .manager-reimbursement-fields
input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none !important;
  appearance:none !important;
  margin:0 !important;
  display:none !important;
}

/* После удаления стрелок обычный правый отступ */
#modal .manager-reimbursement-fields > label.field > input[type="number"]{
  padding-right:12px !important;
}

/* ===== MANAGER PAYMENT — DATE VERTICAL ALIGNMENT ===== */

#modal .manager-reimbursement-fields input[type="date"]{
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:40px !important;
}

#modal .manager-reimbursement-fields
input[type="date"]::-webkit-date-and-time-value{
  height:40px !important;
  line-height:40px !important;
  padding:0 !important;
  margin:0 !important;
  text-align:left !important;
}

#modal .manager-reimbursement-fields
input[type="date"]::-webkit-datetime-edit{
  height:40px !important;
  line-height:40px !important;
  padding:0 !important;
  margin:0 !important;
}

#modal .manager-reimbursement-fields
input[type="date"]::-webkit-datetime-edit-fields-wrapper{
  height:40px !important;
  line-height:40px !important;
  padding:0 !important;
  margin:0 !important;
}

#modal .manager-reimbursement-fields
input[type="date"]::-webkit-datetime-edit-year-field,
#modal .manager-reimbursement-fields
input[type="date"]::-webkit-datetime-edit-month-field,
#modal .manager-reimbursement-fields
input[type="date"]::-webkit-datetime-edit-day-field{
  line-height:40px !important;
  padding:0 !important;
}

/* ===== USER PERMISSIONS — SECTION DIVIDERS ===== */

#modal .permission-v2-row,
.users-settings .permission-v2-row{
  position:relative;
  padding:16px 0 !important;
  margin:0 !important;
}

#modal .permission-v2-row + .permission-v2-row,
.users-settings .permission-v2-row + .permission-v2-row{
  border-top:1px solid #e5e9f1;
}

/* Первый блок без лишнего отступа сверху */
#modal .permission-v2-fields > .permission-v2-row:first-child,
.users-settings .permission-v2-fields > .permission-v2-row:first-child{
  padding-top:4px !important;
}

/* Последний блок компактнее снизу */
#modal .permission-v2-fields > .permission-v2-row:last-child,
.users-settings .permission-v2-fields > .permission-v2-row:last-child{
  padding-bottom:4px !important;
}

/* =========================================================
   USER ACCESS CARD — COMPACT LAYOUT
   ========================================================= */

.users-settings .user-access-card.permissions-v2{
  padding:20px 22px !important;
}
CSScat >> ~/crm.mia-baby.com/dist/style.css <<'CSS'

/* =========================================================
   USER ACCESS CARD — COMPACT LAYOUT
   ========================================================= */

.users-settings .user-access-card.permissions-v2{
  padding:20px 22px !important;
}

/* ===== Имя / логин / статус ===== */

.users-settings .user-access-person{
  margin:0 0 14px !important;
  padding:0 !important;
}

.users-settings .user-access-person-info{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:0 !important;
}

.users-settings .user-access-person-info > strong{
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}

.users-settings .user-access-person-info > span:not(.user-access-status){
  display:flex !important;
  align-items:center !important;
  font-size:13px !important;
  color:#77839a !important;
}

.users-settings .user-access-person-info > span:not(.user-access-status)::before{
  content:"/";
  margin:0 8px !important;
  color:#b0b8c7 !important;
}

/* Статус тоже через / */
.users-settings .user-access-status{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;

  background:none !important;
  border:0 !important;

  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
}

.users-settings .user-access-status::before{
  content:"/";
  margin:0 8px !important;
  color:#b0b8c7 !important;
}

/* ===== Блоки прав ===== */

.users-settings .permission-v2-fields{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

.users-settings .permission-v2-row{
  display:grid !important;
  grid-template-columns:115px minmax(0,1fr) !important;
  align-items:center !important;
  gap:16px !important;

  margin:0 !important;
  padding:13px 0 !important;

  border:0 !important;
}

.users-settings .permission-v2-row + .permission-v2-row{
  border-top:1px solid #e5e9f1 !important;
}

.users-settings .permission-v2-label{
  align-self:center !important;

  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.3 !important;

  color:#596780 !important;
}

/* ===== Галочки ===== */

.users-settings .permission-v2-options{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px 20px !important;

  min-width:0 !important;
}

.users-settings .permission-v2-options label{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;

  margin:0 !important;
  padding:0 !important;

  white-space:nowrap !important;

  font-size:13px !important;
  font-weight:400 !important;
  color:#263047 !important;
}

.users-settings .permission-v2-options input[type="checkbox"]{
  width:15px !important;
  height:15px !important;
  min-width:15px !important;

  margin:0 !important;
}

/* ===== Кнопка сохранить ===== */

.users-settings .user-access-actions{
  display:flex !important;
  justify-content:flex-end !important;

  margin-top:14px !important;
  padding-top:14px !important;

  border-top:1px solid #e5e9f1 !important;
}

/* ===== Mobile ===== */

@media(max-width:700px){

  .users-settings .permission-v2-row{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .users-settings .permission-v2-options{
    gap:9px 16px !important;
  }

}

/* Разделитель перед блоком Документы */
.users-settings .documents-permission-row{
  border-top:1px solid #e5e9f1 !important;
}

/* ===== USER PERMISSIONS — CRM STANDARD TABS ===== */

.users-settings .permission-card-tabs{
  margin:12px 0 14px;
}

/* Показываем только выбранный раздел */
.users-settings .permission-tab-panel[hidden]{
  display:none !important;
}

/* Старые разделители больше не нужны */
.users-settings .permission-v2-row + .permission-v2-row,
.users-settings .documents-permission-row{
  border-top:0 !important;
}


/* =========================================================
   SIDEBAR — HIDE UNTIL ACCESS IS RESOLVED
   ========================================================= */

body:not(.crm-access-ready) aside nav{
  visibility:hidden !important;
}

/* На мобильном тоже не показываем меню до получения прав */
body:not(.crm-access-ready) #mobile-menu-button{
  visibility:hidden !important;
}


/* =========================================================
   CLIENT — MULTIPLE SURROGATES
   ========================================================= */

.client-surrogates-grid{
  display:grid;
  grid-template-columns:repeat(
    auto-fit,
    minmax(min(360px,100%),1fr)
  );
  gap:18px;
  align-items:start;
}

.client-surrogate-card{
  min-width:0;
}

.client-surrogate-card > .panel,
.client-surrogate-card .surrogate-profile{
  width:100%;
  max-width:none;
}

.client-surrogates-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
}

/* На компьютере мобильные вкладки не нужны */
.client-surrogates-mobile-tabs{
  display:none;
}


@media(max-width:700px){

  .client-surrogates-mobile-tabs{
    display:flex;
    margin-bottom:16px;
  }

  .client-surrogates-grid{
    display:block;
  }

  .client-surrogate-card{
    display:none;
  }

  .client-surrogate-card.active{
    display:block;
  }

  .client-surrogates-actions{
    justify-content:stretch;
  }

  .client-surrogates-actions button{
    width:100%;
  }
}

/* =========================================================
   Расходы сурмам / доноров — действия
   ========================================================= */

.expense-row-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  white-space:nowrap;
}

.expense-row-actions button{
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:3px 0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
}

.expense-row-edit{
  color:#4964d8 !important;
}

.expense-row-edit:hover{
  color:#304dc7 !important;
}

.expense-row-delete{
  color:#d04444 !important;
}

.expense-row-delete::before{
  content:"|";
  display:inline-block;
  margin:0 10px;
  color:#c7cdd7;
  font-weight:400;
}

.expense-row-delete:hover{
  color:#b92f2f !important;
}

@media(max-width:700px){
  .expense-row-actions button{
    font-size:12px !important;
  }

  .expense-row-delete::before{
    margin:0 8px;
  }
}

/* Финально: расходы СМ/доноров — Изменить | Удалить */

#app .expense-row-actions > button{
  border:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  outline:0 !important;
}

#app .expense-row-actions > .expense-row-edit::before,
#app .expense-row-actions > .expense-row-edit::after{
  content:none !important;
  display:none !important;
}

#app .expense-row-actions > .expense-row-delete::after{
  content:none !important;
  display:none !important;
}

#app .expense-row-actions > .expense-row-delete::before{
  content:"|" !important;
  display:inline-block !important;
  margin:0 10px !important;
  color:#c7cdd7 !important;
  font-weight:400 !important;
  border:0 !important;
}


/* Точное выравнивание: Изменить | Удалить */

#app .expense-row-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
}

#app .expense-row-actions > .expense-row-delete::before,
#app .expense-row-actions > .expense-row-delete::after{
  content:none !important;
  display:none !important;
}

#app .expense-row-actions > button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:24px !important;
  line-height:24px !important;
}

#app .expense-row-actions > .expense-row-edit{
  padding:0 12px 0 0 !important;
}

#app .expense-row-actions > .expense-row-delete{
  padding:0 0 0 12px !important;
  border-left:1px solid #c7cdd7 !important;
}


/* =========================================================
   Расчёты менеджера → Выплаты
   ========================================================= */

/* Убираем лишнюю вторую горизонтальную линию */
.manager-payment-list{
  border-top:0 !important;
}

/* Действия выплаты */
.manager-payment-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
  height:24px !important;
}

.manager-payment-actions > button{
  display:flex !important;
  align-items:center !important;
  height:24px !important;
  min-height:24px !important;
  line-height:24px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Изменить */
.manager-payment-actions > .expense-row-edit{
  padding-left:0 !important;
  padding-right:12px !important;
}

/* Удалить + один ровный разделитель */
.manager-payment-actions > .expense-row-delete{
  position:relative !important;
  padding-left:13px !important;
  padding-right:0 !important;
  border-left:1px solid #c7cdd7 !important;
}

.manager-payment-actions > .expense-row-delete::before,
.manager-payment-actions > .expense-row-delete::after{
  content:none !important;
  display:none !important;
}

/* Строки выплат — действия по центру строки */
.manager-payment-row{
  align-items:center !important;
}


/* Выплата менеджеру — раскладка полей */

#modal .manager-reimbursement-fields{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}

#modal .manager-reimbursement-fields .field{
  width:100% !important;
  min-width:0 !important;
}

/* Дата */
#modal .manager-reimbursement-fields .field:nth-child(1){
  grid-column:1;
  grid-row:1;
}

/* Валюта */
#modal .manager-reimbursement-fields .field:nth-child(2){
  grid-column:2;
  grid-row:1;
}

/* Сумма — слева */
#modal .manager-reimbursement-fields .field:nth-child(3){
  grid-column:1;
  grid-row:2;
}

/* Из чьих средств — справа */
#modal .manager-reimbursement-fields .field:nth-child(4){
  grid-column:2;
  grid-row:2;
}

@media(max-width:700px){
  #modal .manager-reimbursement-fields{
    grid-template-columns:1fr !important;
  }

  #modal .manager-reimbursement-fields .field{
    grid-column:1 !important;
    grid-row:auto !important;
  }
}


/* Выплата — Сумма и Из чьих средств строго по одной линии */

#modal .manager-reimbursement-fields{
  align-items:stretch !important;
}

#modal .manager-reimbursement-fields .field:nth-child(3),
#modal .manager-reimbursement-fields .field:nth-child(4){
  height:44px !important;
  min-height:44px !important;
  align-self:start !important;
}

#modal .manager-reimbursement-fields .field:nth-child(3) input,
#modal .manager-reimbursement-fields .field:nth-child(4) select{
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* =========================================================
   CONVERTER — CLEAN FINAL LAYOUT
   ========================================================= */

#app .converter-dashboard{
  display:grid !important;
  grid-template-columns:minmax(360px,.75fr) minmax(560px,1.25fr) !important;
  gap:14px !important;
  align-items:stretch !important;
  width:100% !important;
  margin:16px 0 !important;
}


/* ---------- LEFT ---------- */

#app .converter-mini-card{
  display:grid !important;
  grid-template-columns:120px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;

  min-width:0 !important;
  height:auto !important;
  min-height:140px !important;

  padding:16px 18px !important;

  border:1px solid #e0e5ef !important;
  border-radius:15px !important;
  background:#fff !important;
  overflow:hidden !important;
}

#app .converter-mini-head{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;

  width:auto !important;
  margin:0 !important;
}

#app .converter-mini-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
}

#app .converter-mini-head h3{
  margin:0 0 2px !important;
  font-size:12px !important;
  white-space:nowrap !important;
}

#app .converter-mini-head small{
  font-size:9px !important;
  white-space:nowrap !important;
}


/* две валюты вертикально */

#app .converter-mini-controls{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:40px 20px 40px !important;
  gap:4px !important;

  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}

#app .converter-mini-card .converter-money-box{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 92px !important;

  width:100% !important;
  min-width:0 !important;
  height:40px !important;

  margin:0 !important;
  overflow:hidden !important;

  border:1px solid #dfe4ed !important;
  border-radius:9px !important;
  background:#fff !important;
}

#app .converter-mini-card .converter-money-box input,
#app .converter-mini-card #conversion-result{
  height:38px !important;
  min-width:0 !important;
  margin:0 !important;
}

#app .converter-mini-card .converter-money-box select{
  width:92px !important;
  height:38px !important;
}

#app .converter-mini-card .converter-swap{
  grid-row:2 !important;
  justify-self:center !important;
  align-self:center !important;

  width:26px !important;
  min-width:26px !important;
  height:20px !important;
  min-height:20px !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;

  transform:rotate(90deg) !important;
}


/* ---------- RIGHT ---------- */

#app .converter-rates-side{
  position:relative !important;
  display:flex !important;
  min-width:0 !important;
}

#app .converter-rates-side .rates-panel{
  position:relative !important;
  display:flex !important;
  align-items:stretch !important;

  width:100% !important;
  min-width:0 !important;
  min-height:140px !important;
  height:auto !important;

  margin:0 !important;
  padding:16px 20px !important;

  border:1px solid #e0e5ef !important;
  border-radius:15px !important;
  background:#fff !important;

  box-sizing:border-box !important;
}

#app .converter-rates-side .rates-grid{
  position:relative !important;

  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr 1fr !important;

  width:100% !important;
  min-width:0 !important;
  height:100% !important;

  gap:0 !important;
}

#app .converter-rates-side .rates-grid > div{
  position:relative !important;
  z-index:2 !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  min-width:0 !important;
  margin:0 !important;
  padding:10px 18px !important;

  border:0 !important;
  box-sizing:border-box !important;
}


/*
  Порядок:

  USD/RUB | RUB/AMD
  USD/AMD | EUR/AMD
*/

#app .converter-rates-side .rates-grid > div:nth-child(1){
  grid-column:1 !important;
  grid-row:1 !important;
}

#app .converter-rates-side .rates-grid > div:nth-child(4){
  grid-column:2 !important;
  grid-row:1 !important;
}

#app .converter-rates-side .rates-grid > div:nth-child(2){
  grid-column:1 !important;
  grid-row:2 !important;
}

#app .converter-rates-side .rates-grid > div:nth-child(3){
  grid-column:2 !important;
  grid-row:2 !important;
}


/* ровный крест */

#app .converter-rates-side .rates-grid::before{
  content:"";
  position:absolute;
  z-index:1;

  top:0;
  bottom:0;
  left:50%;

  width:1px;
  background:#dfe4ed;

  pointer-events:none;
}

#app .converter-rates-side .rates-grid::after{
  content:"";
  position:absolute;
  z-index:1;

  left:0;
  right:0;
  top:50%;

  height:1px;
  background:#dfe4ed;

  pointer-events:none;
}


/* обновить */

#app .converter-rates-side .rates-refresh-mini,
#app .converter-rates-side .converter-rates-refresh{
  position:absolute !important;
  top:6px !important;
  right:8px !important;
}


/* ---------- TABLET ---------- */

@media(max-width:1250px){

  #app .converter-dashboard{
    grid-template-columns:1fr !important;
  }

}


/* ---------- MOBILE ---------- */

@media(max-width:700px){

  #app .converter-mini-card{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  #app .converter-rates-side .rates-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }

  #app .converter-rates-side .rates-grid::before,
  #app .converter-rates-side .rates-grid::after{
    display:none !important;
  }

  #app .converter-rates-side .rates-grid > div{
    grid-column:1 !important;
    grid-row:auto !important;

    padding:9px 0 !important;
    border-bottom:1px solid #dfe4ed !important;
  }

  #app .converter-rates-side .rates-grid > div:last-child{
    border-bottom:0 !important;
  }

}

/* CONVERTER LEFT — заголовок сверху, валюты вертикально */

#app .converter-mini-card{
  display:block !important;
  min-height:0 !important;
  padding:14px 18px !important;
}

#app .converter-mini-head{
  display:flex !important;
  align-items:center !important;
  margin:0 0 10px !important;
}

#app .converter-mini-controls{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:40px 18px 40px !important;
  gap:3px !important;
  width:100% !important;
}

#app .converter-mini-card .converter-money-box{
  width:100% !important;
  height:40px !important;
}

#app .converter-mini-card .converter-swap{
  grid-row:2 !important;
  justify-self:center !important;
  align-self:center !important;
  width:24px !important;
  height:18px !important;
  min-width:24px !important;
  min-height:18px !important;
  transform:rotate(90deg) !important;
}

/* =========================================================
   CONVERTER — CLEANUP
   ========================================================= */

/* Убираем заголовок Конвертер валют целиком */
#app .converter-mini-head{
  display:none !important;
}

/* Левая карточка — только два поля */
#app .converter-mini-card{
  display:flex !important;
  align-items:center !important;
  padding:14px 18px !important;
}

#app .converter-mini-controls{
  width:100% !important;
  margin:0 !important;
}

/* Убираем флаги перед курсами справа */
#app .converter-rates-side .rates-grid > div strong::before{
  content:none !important;
  display:none !important;
}


/* Вернуть флаги курсов */

#app .converter-rates-side .rates-grid > div:nth-child(1) strong::before{
  content:"🇺🇸 " !important;
  display:inline !important;
}

#app .converter-rates-side .rates-grid > div:nth-child(2) strong::before{
  content:"🇺🇸 " !important;
  display:inline !important;
}

#app .converter-rates-side .rates-grid > div:nth-child(3) strong::before{
  content:"🇪🇺 " !important;
  display:inline !important;
}

#app .converter-rates-side .rates-grid > div:nth-child(4) strong::before{
  content:"🇷🇺 " !important;
  display:inline !important;
}


/* Курсы — убрать лишний левый отступ */

#app .converter-rates-side .rates-grid > div:nth-child(1),
#app .converter-rates-side .rates-grid > div:nth-child(2){
  padding-left:0 !important;
}

.overview-surrogate-row{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:2px 0}.overview-surrogate-unlink{width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#f3f4f8;color:#8a93a5;font-size:16px;line-height:20px}.overview-surrogate-unlink:hover{background:#fff0f2;color:#c23f55}
.sidebar-notice.purple{background:#f1e9ff;color:#7651b5}
.sidebar-notice.purple{background:#7651b5!important;color:#fff!important;border-color:#7651b5!important}
.crm-notice-dot.purple{background:#7651b5!important}
.users-settings [data-permission-panel="access"] .permission-v2-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
.users-settings [data-permission-panel="access"] .permission-v2-options label{width:100%;justify-content:flex-start}
.users-settings [data-permission-panel="access"] .permission-v2-options label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.users-settings [data-permission-panel="access"] .permission-v2-options input[type="checkbox"]{width:16px!important;height:16px!important;margin:0!important;justify-self:center}
.users-settings [data-permission-panel="access"] .permission-v2-options span{margin:0!important}
.users-settings [data-permission-panel="finance"] .permission-v2-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
.users-settings [data-permission-panel="finance"] .permission-v2-options label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.users-settings [data-permission-panel="finance"] .permission-v2-options input[type="checkbox"]{width:16px!important;height:16px!important;margin:0!important;justify-self:center}
.users-settings [data-permission-panel="finance"] .permission-v2-options span{margin:0!important}
.users-settings [data-permission-panel="documents"] .permission-v2-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
.users-settings [data-permission-panel="documents"] .permission-v2-options label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.users-settings [data-permission-panel="documents"] .permission-v2-options input[type="checkbox"]{width:16px!important;height:16px!important;margin:0!important;justify-self:center}
.users-settings [data-permission-panel="documents"] .permission-v2-options span{margin:0!important}
.users-settings [data-permission-panel][hidden]{display:none!important}
.users-settings .leads-permission-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);gap:28px;align-items:start;width:100%}
.users-settings .leads-manager-options[hidden]{display:none!important}
.users-settings .leads-scope-options,.users-settings .leads-manager-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
.users-settings .leads-scope-options label,.users-settings .leads-manager-options label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.users-settings .leads-scope-options input,.users-settings .leads-manager-options input{width:16px!important;height:16px!important;margin:0!important}
.users-settings .clients-permission-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);gap:28px;align-items:start;width:100%}
.users-settings .clients-manager-options[hidden]{display:none!important}
.users-settings .clients-scope-options,.users-settings .clients-manager-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
.users-settings .clients-scope-options label,.users-settings .clients-manager-options label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.users-settings .clients-scope-options input,.users-settings .clients-manager-options input{width:16px!important;height:16px!important;margin:0!important}
.users-settings .surrogates-permission-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);gap:28px;align-items:start;width:100%}
.users-settings .surrogates-manager-options[hidden]{display:none!important}
.users-settings .surrogates-scope-options,.users-settings .surrogates-manager-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
.users-settings .surrogates-scope-options label,.users-settings .surrogates-manager-options label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.users-settings .surrogates-scope-options input,.users-settings .surrogates-manager-options input{width:16px!important;height:16px!important;margin:0!important}
.users-settings .donors-permission-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);gap:28px;align-items:start;width:100%}
.users-settings .donors-manager-options[hidden]{display:none!important}
.users-settings .donors-scope-options,.users-settings .donors-manager-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
.users-settings .donors-scope-options label,.users-settings .donors-manager-options label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.users-settings .donors-scope-options input,.users-settings .donors-manager-options input{width:16px!important;height:16px!important;margin:0!important}
.users-settings .permission-card-tabs{display:flex!important;gap:18px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:0!important}
.users-settings .permission-card-tabs::-webkit-scrollbar{display:none!important}
.users-settings .permission-card-tabs button{flex:0 0 auto!important;width:auto!important;min-width:0!important;padding:10px 0!important;font-size:13px!important;white-space:nowrap!important}
.sidebar-account-actions{margin-top:auto!important;padding:16px 14px!important;display:flex!important;flex-direction:column!important;gap:8px!important}
.sidebar-account-actions button{width:100%!important;min-height:38px!important;border:1px solid #dce2ef!important;border-radius:9px!important;background:#fff!important;color:#33415f!important;font:inherit!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important}
.sidebar-account-actions button:hover{background:#f5f7fc!important}
.header-user-name{width:auto!important;min-width:120px!important;max-width:220px!important;padding:9px 16px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.header-user-name #header-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-user-name{min-width:0!important;max-width:220px!important;padding:6px 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#33415f!important;font-weight:600!important}
.header-user-name:hover{background:transparent!important;color:#465ed8!important}
.header-logout{margin-left:8px!important}
.header-logout{min-width:0!important;width:auto!important;margin-left:8px!important;padding:6px 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#33415f!important;font-weight:600!important}
.header-logout:hover{background:transparent!important;color:#465ed8!important}
.users-settings .finance-permission-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:32px;align-items:start;width:100%}
.users-settings .finance-parent-options,.users-settings .finance-sub-options,.users-settings .finance-sub-group{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
.users-settings .finance-sub-group[hidden]{display:none!important}
.users-settings .finance-parent-options label,.users-settings .finance-sub-group label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.users-settings .finance-parent-options input,.users-settings .finance-sub-group input{width:16px!important;height:16px!important;margin:0!important}
.users-settings .finance-currency-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:32px;align-items:start;width:100%;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #e6eaf2}
.users-settings .manager-currency-options{display:flex!important;flex-direction:column!important;gap:10px!important}
.users-settings .manager-currency-options[hidden]{display:none!important}
.users-settings .manager-currency-options label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:8px!important;margin:0!important}
.users-settings .manager-currency-options input{width:16px!important;height:16px!important;margin:0!important}
.manager-settlement-result{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #e6eaf2!important}
.manager-settlement-result>span{font-weight:700!important}
.manager-settlement-result>strong{font-size:22px!important;font-weight:800!important}
.manager-settlement-result>strong.positive{color:#16834b!important}
.manager-settlement-result>strong.negative{color:#d63c3c!important}
.manager-settlement-result>strong.zero{color:#667085!important}
.manager-settlement-summary-result{padding-left:18px!important;border-left:1px solid #e6eaf2!important}
.manager-settlement-summary-result>span{font-weight:700!important}
.manager-settlement-summary-result>strong{font-size:22px!important;font-weight:800!important}
.manager-settlement-summary-result>strong.positive{color:#16834b!important}
.manager-settlement-summary-result>strong.negative{color:#d63c3c!important}
.manager-settlement-summary-result>strong.zero{color:#667085!important}

/* Остатки хранителей — несколько валют аккуратно столбиком */
.balance-person{
 display:grid !important;
 grid-template-columns:minmax(70px,1fr) auto !important;
 align-items:start !important;
 gap:8px 16px !important;
}

.balance-person-amounts{
 display:flex !important;
 flex-direction:column !important;
 align-items:flex-end !important;
 gap:2px !important;
 text-align:right !important;
 white-space:nowrap !important;
}

.balance-person-amounts > span{
 display:block !important;
}

/* KGS — точное выравнивание 8 курсов */

/* Главный блок финансов: USD/KGS = левая граница первой колонки */
#app .rates-panel .rates-grid > div:nth-child(5){
 padding-left:0 !important;
}

/* Блок курсов менеджера: левая колонка */
#app .converter-rates-side .rates-grid > div:nth-child(5),
#app .converter-rates-side .rates-grid > div:nth-child(7){
 padding-left:0 !important;
}

/* Блок курсов менеджера: правая колонка */
#app .converter-rates-side .rates-grid > div:nth-child(6),
#app .converter-rates-side .rates-grid > div:nth-child(8){
 padding-left:18px !important;
}

/* Фактические операции — Изменить | Удалить */
#app .operation-actions{
 display:flex !important;
 align-items:center !important;
 justify-content:flex-end !important;
 gap:0 !important;
}

#app .operation-actions > button{
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 width:auto !important;
 min-width:0 !important;
 height:24px !important;
 min-height:24px !important;
 padding:0 !important;
 margin:0 !important;
 border:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 font-size:13px !important;
 font-weight:600 !important;
 line-height:24px !important;
}

#app .operation-actions > .expense-row-edit{
 padding-right:12px !important;
 color:#4964d8 !important;
}

#app .operation-actions > .expense-row-delete{
 padding-left:12px !important;
 border-left:1px solid #c7cdd7 !important;
 color:#d04444 !important;
}

#app .operation-actions > .expense-row-delete::before,
#app .operation-actions > .expense-row-delete::after{
 content:none !important;
 display:none !important;
}

/* Новые заявки: фиолетовый счётчик и отметка */
.crm-notice-dot.purple,
.sidebar-notice.purple{
  background:#8b5cf6!important;
  color:#fff!important;
}

/* Заявки → Документы: Заполнить / изменить */
#app .panel-heading button[data-action^="leadContractData:"]{
 border:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 border-radius:0 !important;
 padding:4px 0 !important;
 min-height:0 !important;
 color:#4964d8 !important;
 font-size:13px !important;
 font-weight:600 !important;
}

#app .panel-heading button[data-action^="leadContractData:"]:hover{
 color:#304dc7 !important;
 background:transparent !important;
}

/* Договоры — компактные действия без рамок */
#app .row:has([data-action^="contractPreview:"]) > .actions{
 display:flex !important;
 align-items:center !important;
 justify-content:flex-end !important;
 gap:0 !important;
}

#app .row:has([data-action^="contractPreview:"]) > .actions > button,
#app .row:has([data-action^="contractPreview:"]) > .actions > a{
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 width:auto !important;
 min-width:0 !important;
 height:24px !important;
 min-height:24px !important;
 padding:0 12px !important;
 margin:0 !important;
 border:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 font-size:13px !important;
 font-weight:600 !important;
 text-decoration:none !important;
 color:#4964d8 !important;
}

#app .row:has([data-action^="contractPreview:"]) > .actions > * + *{
 border-left:1px solid #c7cdd7 !important;
}

#app .row:has([data-action^="contractPreview:"]) > .actions > :last-child{
 padding-right:0 !important;
}

#app .row:has([data-action^="contractPreview:"]) > .actions > [data-action^="contractDelete:"]{
 color:#d04444 !important;
}

/* Диалог: компактные действия справа */
#app .dialog-entry .panel-heading{
 position:relative;
}

#app .dialog-entry .panel-heading > .expense-row-edit{
 margin-left:auto !important;
 margin-right:12px !important;
 padding:0 !important;
 border:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 color:#4964d8 !important;
 font-size:13px !important;
 font-weight:600 !important;
}

#app .dialog-entry .stage-delete-button{
 border:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 color:#d04444 !important;
}

#app .dialog-entry .stage-delete-button:hover{
 background:transparent !important;
}

/* Диалог — выравнивание действий */
#app .dialog-entry .panel-heading{
 display:flex !important;
 align-items:center !important;
 justify-content:flex-start !important;
 gap:12px !important;
}

#app .dialog-entry .panel-heading > div:first-child{
 margin-right:auto !important;
}

#app .dialog-entry .panel-heading > .expense-row-edit{
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 height:28px !important;
 min-height:28px !important;
 padding:0 4px !important;
 margin:0 !important;
 border:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 color:#4964d8 !important;
 line-height:28px !important;
}

#app .dialog-entry .panel-heading > .stage-delete-button{
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 flex:0 0 28px !important;
 width:28px !important;
 height:28px !important;
 min-width:28px !important;
 min-height:28px !important;
 padding:0 !important;
 margin:0 !important;
 border:1px solid #d9e0ed !important;
 border-radius:7px !important;
 background:#fff !important;
 box-shadow:none !important;
 color:#d04444 !important;
 font-size:16px !important;
 line-height:1 !important;
}

#app .dialog-entry .panel-heading > .stage-delete-button:hover{
 border-color:#d04444 !important;
 background:#fff5f5 !important;
}

/* Диалог — Изменить | Удалить */
#app .dialog-entry .panel-heading > .dialog-delete-button{
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 width:auto !important;
 min-width:0 !important;
 height:24px !important;
 min-height:24px !important;
 flex:none !important;
 margin:0 !important;
 padding:0 0 0 12px !important;
 border:0 !important;
 border-left:1px solid #c7cdd7 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 color:#d04444 !important;
 font-size:13px !important;
 font-weight:600 !important;
 line-height:24px !important;
}

#app .dialog-entry .panel-heading > .expense-row-edit{
 height:24px !important;
 min-height:24px !important;
 margin:0 !important;
 padding:0 !important;
 border:0 !important;
 background:transparent !important;
 box-shadow:none !important;
}

#app .dialog-entry .panel-heading{
 gap:12px !important;
}

#app .users-settings .user-access-person-info{
 min-width:0;
}

#app .users-settings .user-access-actions{
 display:flex !important;
 align-items:center !important;
 justify-content:flex-end !important;
 gap:10px !important;
 margin:0 !important;
 padding:0 !important;
 border:0 !important;
 flex-shrink:0;
}

#app .users-settings .user-access-actions button{
 min-height:32px !important;
 padding:5px 12px !important;
 font-size:12px !important;
}

/* Пользователи — компактные действия */
#app .users-settings .user-access-actions{
 display:flex !important;
 align-items:center !important;
 justify-content:flex-end !important;
 gap:0 !important;
 margin:0 !important;
 padding:0 !important;
 border:0 !important;
}

/* Все кнопки действий */
#app .users-settings .user-access-actions > button{
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 width:auto !important;
 min-width:0 !important;
 height:26px !important;
 min-height:26px !important;
 padding:0 12px !important;
 margin:0 !important;
 border:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 font-size:13px !important;
 font-weight:600 !important;
 line-height:26px !important;
}

/* Сохранить */
#app .users-settings .user-access-actions > button[data-action^="savePermissions:"]{
 color:#4964d8 !important;
}

/* Удалить */
#app .users-settings .user-access-actions > button[data-action^="deleteUser:"]{
 color:#d04444 !important;
}

/* Убираем лишний верхний отступ */
#app .users-settings{
 margin-top:0 !important;
}

#app .users-settings .users-settings-list{
 margin-top:0 !important;
}

/* Пользователи — аккордеон */
#app .users-settings .user-access-card.permissions-v2{
 padding:14px 20px !important;
}

#app .users-settings .user-access-person{
 display:flex !important;
 align-items:center !important;
 justify-content:space-between !important;
 gap:16px !important;
}

#app .users-settings .user-accordion-toggle{
 display:flex !important;
 align-items:center !important;
 gap:12px !important;
 flex:1 1 auto !important;
 min-width:0 !important;
 padding:0 !important;
 margin:0 !important;
 border:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 text-align:left !important;
 cursor:pointer;
}

#app .users-settings .user-accordion-arrow{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex:0 0 20px;
 color:#8190a9;
 font-size:22px;
 line-height:1;
 transition:transform .2s ease;
}

#app .users-settings .user-accordion-toggle[aria-expanded="true"]
 .user-accordion-arrow{
 transform:rotate(90deg);
}

#app .users-settings .user-accordion-content[hidden]{
 display:none !important;
}

#app .users-settings .user-accordion-content{
 padding-top:16px !important;
}

#app .users-settings .user-accordion-toggle:hover
 .user-access-person-info strong{
 color:#4964d8 !important;
}

#app .users-settings .user-access-actions{
 display:flex !important;
 align-items:center !important;
 flex-shrink:0 !important;
 gap:0 !important;
 margin:0 !important;
 padding:0 !important;
 border:0 !important;
}

@media(max-width:650px){
 #app .users-settings .user-access-person{
  flex-wrap:wrap !important;
 }
 #app .users-settings .user-access-actions{
  margin-left:auto !important;
 }
}

/* Пользователи — убрать разделитель перед «Отклонить» */
#app .users-settings .user-access-actions > button[data-action^="reviewUser:"][data-action$=":reject"]{
 border-left:0 !important;
}

/* Настройки — ожидающие регистрации */
#app ~ * {}

.settings-nav-button .settings-pending-notice{
 display:inline-block !important;
 width:8px !important;
 height:8px !important;
 min-width:8px !important;
 margin-left:auto !important;
 border-radius:50% !important;
 background:#22b573 !important;
 box-shadow:0 0 0 2px rgba(34,181,115,.12) !important;
 flex-shrink:0 !important;
}

.settings-nav-button:not(:has(.settings-pending-notice)){
 /* Без изменений */
}

/* Пользователи — подтверждение регистрации */
#app .users-settings .user-access-actions > .user-approve{
 display:inline-flex !important;
 visibility:visible !important;
 opacity:1 !important;
 align-items:center !important;
 justify-content:center !important;
 width:auto !important;
 min-width:0 !important;
 height:26px !important;
 min-height:26px !important;
 padding:0 12px !important;
 margin:0 !important;
 border:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 color:#269b68 !important;
 font-size:13px !important;
 font-weight:600 !important;
}

/* Разделитель между действиями */
#app .users-settings .user-access-actions > .user-reject{
 border-left:1px solid #c7cdd7 !important;
 color:#d04444 !important;
}

/* Пользователи — единый блок действий */
#app .users-settings .user-access-actions{
 display:flex !important;
 align-items:center !important;
 justify-content:flex-end !important;
 flex-wrap:nowrap !important;
 gap:0 !important;
 margin:0 !important;
 padding:0 !important;
 border:0 !important;
 white-space:nowrap !important;
}

/* Все кнопки */
#app .users-settings .user-access-actions > button{
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 flex:0 0 auto !important;
 width:auto !important;
 min-width:0 !important;
 height:26px !important;
 min-height:26px !important;
 margin:0 !important;
 padding:0 12px !important;
 border:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 font-size:13px !important;
 font-weight:600 !important;
 line-height:26px !important;
}

/* Подтвердить и Сохранить — синие */
#app .users-settings .user-access-actions > .user-approve,
#app .users-settings .user-access-actions > button[data-action^="savePermissions:"]{
 color:#4964d8 !important;
}

/* Отклонить и Удалить — красные */
#app .users-settings .user-access-actions > .user-reject,
#app .users-settings .user-access-actions > button[data-action^="deleteUser:"]{
 color:#d04444 !important;
}

/* Один разделитель между соседними кнопками */
#app .users-settings .user-access-actions > button + button{
 border-left:1px solid #c7cdd7 !important;
}

/* Наведение */
#app .users-settings .user-access-actions > button:hover{
 background:transparent !important;
 opacity:.75;
}

/* Разделитель перед «Отклонить» */
#app .users-settings .user-access-actions > button.user-reject{
 border-left:1px solid #c7cdd7 !important;
 padding-left:12px !important;
 margin-left:12px !important;
}

/* Убираем старые границы */
#app .users-settings .user-access-actions > button{
 position:relative !important;
 border:0 !important;
 margin:0 !important;
 padding:0 12px !important;
}

/* Разделители перед второй и третьей кнопками */
#app .users-settings .user-access-actions > button + button::before{
 content:"" !important;
 display:block !important;
 position:absolute !important;
 left:0 !important;
 top:4px !important;
 width:1px !important;
 height:18px !important;
 background:#c7cdd7 !important;
}

/* Имя, логин и статус — в одну строку */
#app .users-settings .user-access-person-info{
 display:flex !important;
 flex-direction:row !important;
 align-items:center !important;
 flex-wrap:wrap !important;
 gap:8px !important;
}

/* Пользователи — компактная верхняя строка */
#app .users-settings .user-access-person{
 gap:8px !important;
 flex-wrap:nowrap !important;
}

#app .users-settings .user-accordion-toggle{
 gap:5px !important;
 min-width:0 !important;
}

#app .users-settings .user-accordion-arrow{
 flex:0 0 14px !important;
 width:14px !important;
 font-size:17px !important;
}

#app .users-settings .user-access-person-info{
 display:flex !important;
 flex-direction:row !important;
 align-items:center !important;
 flex-wrap:nowrap !important;
 gap:5px !important;
 white-space:nowrap !important;
}

#app .users-settings .user-access-person-info > *{
 flex-shrink:0 !important;
}

/* Компактные кнопки */
#app .users-settings .user-access-actions{
 gap:0 !important;
 flex-shrink:0 !important;
}

#app .users-settings .user-access-actions > button{
 padding:0 7px !important;
 font-size:12px !important;
 height:24px !important;
 min-height:24px !important;
}

/* Разделители */
#app .users-settings .user-access-actions > button + button::before{
 top:4px !important;
 height:16px !important;
}

/* Убираем лишние отступы карточки */
#app .users-settings .user-access-card.permissions-v2{
 padding:12px 14px !important;
}

/* Пользователи — ровные разделители между действиями */
#app .users-settings .user-access-actions{
 display:flex !important;
 align-items:center !important;
 gap:0 !important;
}

/* Убираем все старые границы */
#app .users-settings .user-access-actions > button,
#app .users-settings .user-access-actions > button.user-reject,
#app .users-settings .user-access-actions > button.user-approve{
 border:0 !important;
 border-left:0 !important;
 border-right:0 !important;
 margin:0 !important;
 padding:0 10px !important;
 position:relative !important;
}

/* Один разделитель перед каждой следующей кнопкой */
#app .users-settings .user-access-actions > button + button::before{
 content:"" !important;
 position:absolute !important;
 display:block !important;
 left:0 !important;
 top:4px !important;
 width:1px !important;
 height:16px !important;
 background:#c7cdd7 !important;
 border:0 !important;
}

/* Убираем остальные псевдоэлементы */
#app .users-settings .user-access-actions > button::after{
 content:none !important;
 display:none !important;
}

/* Равномерные отступы */
#app .users-settings .user-access-actions > button:first-child{
 padding-left:0 !important;
}

#app .users-settings .user-access-actions > button:last-child{
 padding-right:0 !important;
}

/* Удалить — убрать дублирующий разделитель */
#app .users-settings .user-access-actions > button[data-action^="deleteUser:"]{
 border:0 !important;
 border-left:0 !important;
 border-right:0 !important;
 box-shadow:none !important;
}

#app .users-settings .user-access-actions > button[data-action^="deleteUser:"]::after{
 content:none !important;
 display:none !important;
}

/* Пользователи — скрыть стрелку аккордеона */
#app .users-settings .user-accordion-arrow{
 display:none !important;
}

/* Убираем место, которое занимала стрелка */
#app .users-settings .user-accordion-toggle{
 gap:0 !important;
}

/* Имя пользователя остаётся кликабельным */
#app .users-settings .user-accordion-toggle{
 cursor:pointer !important;
}

/* Пользователи — действия внутри раскрытой карточки */
#app .users-settings .user-accordion-content > .user-access-actions{
 display:flex !important;
 align-items:center !important;
 justify-content:flex-end !important;
 margin:0 0 12px !important;
 padding:0 !important;
 border:0 !important;
 gap:0 !important;
}

#app .users-settings .user-accordion-content > .user-access-actions > button{
 height:24px !important;
 min-height:24px !important;
}

/* Убираем лишнее пространство над вкладками */
#app .users-settings .user-accordion-content{
 padding-top:8px !important;
}

#app .users-settings .user-accordion-content .permission-card-tabs{
 margin-top:0 !important;
}

/* Пользователи — действия слева под именем */
#app .users-settings .user-accordion-content > .user-access-actions{
 justify-content:flex-start !important;
 margin:0 0 12px !important;
 padding:0 !important;
}

/* Первая кнопка начинается от левого края */
#app .users-settings .user-accordion-content > .user-access-actions > button:first-child{
 padding-left:0 !important;
}


/* Донор — фото и основные данные */
#app .donor-profile-top{
 display:grid;
 grid-template-columns:260px minmax(0,1fr);
 align-items:start;
 gap:32px;
}

#app .donor-profile-top .donor-portrait{
 width:260px;
 max-width:100%;
}

#app .donor-main-info{
 display:flex;
 flex-direction:column;
 gap:0;
}

#app .donor-main-info-row{
 display:grid;
 grid-template-columns:160px minmax(0,1fr);
 gap:16px;
 align-items:center;
 padding:14px 0;
 border-bottom:1px solid #e5e9f1;
}

#app .donor-main-info-row span{
 color:#8290a8;
 font-size:13px;
}

#app .donor-main-info-row strong{
 color:#26334d;
 font-size:14px;
 font-weight:600;
}

@media(max-width:650px){
 #app .donor-profile-top{
  grid-template-columns:1fr;
  gap:18px;
 }
 #app .donor-main-info-row{
  grid-template-columns:130px minmax(0,1fr);
  gap:10px;
 }
}

/* Донор — кнопка обложки по центру под фото */
#app .donor-cover-link{
 display:block !important;
 width:260px !important;
 max-width:100% !important;
 margin:8px 0 0 !important;
 padding:4px 0 !important;
 border:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 color:#4964d8 !important;
 font-size:13px !important;
 font-weight:600 !important;
 text-align:center !important;
 cursor:pointer;
}

#app .donor-cover-link:hover{
 color:#304dc7 !important;
 background:transparent !important;
}

/* Донор — надпись ближе к фотографии */
#app .donor-cover-link{
 margin-top:-8px !important;
}

#app .donor-cover-link{
 margin-top:-2px !important;
}

/* Выбор обложки донора */
#modal .donor-cover-picker{
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
 gap:12px;
 margin:12px 0 20px;
}

#modal .donor-cover-choice{
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:6px;
 padding:7px;
 border:2px solid transparent;
 border-radius:10px;
 cursor:pointer;
}

#modal .donor-cover-choice:has(input:checked){
 border-color:#4964d8;
 background:#f4f6ff;
}

#modal .donor-cover-choice input{
 position:absolute;
 opacity:0;
 width:1px;
 height:1px;
}

#modal .donor-cover-choice img{
 width:100%;
 height:120px;
 object-fit:cover;
 border-radius:7px;
}

#modal .donor-cover-choice span{
 font-size:12px;
 color:#4964d8;
 text-align:center;
}

/* Доноры — удаление фотографии */
#app .donor-gallery-item{
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:6px;
 min-width:0;
}

#app .donor-gallery-item .photo-lightbox-trigger{
 width:100%;
}

#app .donor-photo-delete{
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 width:auto !important;
 min-width:0 !important;
 padding:3px 6px !important;
 margin:0 !important;
 border:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 color:#d04444 !important;
 font-size:12px !important;
 font-weight:600 !important;
}

#app .donor-photo-delete:hover{
 color:#aa3030 !important;
 background:transparent !important;
}

#app .donor-cover-label{
 color:#269b68;
 font-size:12px;
 font-weight:600;
}

/* Финансы — убрать крайний правый разделитель курсов */
#app .rates-panel .rates-grid > div:nth-child(4),
#app .rates-panel .rates-grid > div:nth-child(8){
 border-right:0 !important;
}

#app .rates-panel .rates-grid::after{
 display:none !important;
}

/* Компактная сводка расходов менеджера */
#app .manager-person-summary{
 display:flex;
 flex-direction:column;
 margin:12px 0 18px;
 max-height:260px;
 overflow-y:auto;
 border-top:1px solid #e5e9f0;
}

#app .manager-person-summary button{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 width:100%;
 padding:9px 4px;
 margin:0;
 border:0;
 border-bottom:1px solid #e5e9f0;
 border-radius:0;
 background:transparent;
 color:inherit;
 text-align:left;
 cursor:pointer;
}

#app .manager-person-summary button:hover,
#app .manager-person-summary button.active{
 background:#f2f5fa;
}

#app .manager-person-summary button span{
 display:flex;
 align-items:center;
 gap:8px;
 min-width:0;
}

#app .manager-person-summary button small{
 color:#8792a3;
 font-size:11px;
}

#app .manager-person-summary button strong{
 white-space:nowrap;
 font-size:13px;
}

@media(max-width:600px){
 #app .manager-person-summary{
  max-height:220px;
 }
 #app .manager-person-summary button{
  padding:10px 4px;
 }
}

/* Расчёты менеджеров — компактный список по людям */
.manager-finance-details-dialog .manager-person-summary{
 display:grid !important;
 grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 column-gap:32px !important;
 row-gap:0 !important;
 max-height:none !important;
 overflow:visible !important;
 margin:8px 0 !important;
 border:0 !important;
}

.manager-finance-details-dialog .manager-person-summary button{
 display:flex !important;
 flex-direction:row !important;
 justify-content:space-between !important;
 align-items:center !important;
 width:100% !important;
 min-height:43px !important;
 padding:8px 4px !important;
 margin:0 !important;
 border:0 !important;
 border-bottom:1px solid #e5e9f0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 text-align:left !important;
}

.manager-finance-details-dialog .manager-person-summary button span{
 display:flex !important;
 flex-direction:column !important;
 align-items:flex-start !important;
 gap:2px !important;
 min-width:0 !important;
 font-size:13px !important;
 font-weight:500 !important;
}

.manager-finance-details-dialog .manager-person-summary button small{
 font-size:10px !important;
 color:#8792a3 !important;
}

.manager-finance-details-dialog .manager-person-summary button strong{
 font-size:13px !important;
 font-weight:600 !important;
 white-space:nowrap !important;
 color:#27334c !important;
}

.manager-finance-details-dialog .manager-person-summary button:hover,
.manager-finance-details-dialog .manager-person-summary button.active{
 background:#f4f6fb !important;
}

.manager-finance-details-dialog .manager-person-summary button:first-child{
 grid-column:1/-1;
 color:#5369ce !important;
}

@media(max-width:650px){
 .manager-finance-details-dialog .manager-person-summary{
  grid-template-columns:1fr !important;
 }
}

/* Расчёты менеджеров — одна колонка */
.manager-finance-details-dialog .manager-person-summary{
 display:flex !important;
 flex-direction:column !important;
 gap:0 !important;
 max-width:100% !important;
 margin:10px 0 !important;
}

.manager-finance-details-dialog .manager-person-summary button{
 display:flex !important;
 flex-direction:row !important;
 justify-content:space-between !important;
 align-items:center !important;
 width:100% !important;
 min-height:40px !important;
 padding:9px 12px !important;
 border:0 !important;
 border-bottom:1px solid #e5e9f0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 text-align:left !important;
}

.manager-finance-details-dialog .manager-person-summary button span{
 display:flex !important;
 flex-direction:row !important;
 align-items:center !important;
 gap:12px !important;
}

.manager-finance-details-dialog .manager-person-summary button strong{
 margin-left:auto !important;
 white-space:nowrap !important;
}

.manager-finance-details-dialog .manager-person-summary button:first-child{
 width:100% !important;
}


/* Mobile follow-up controls: keep status and contact date inside the viewport. */
@media (max-width:700px){
 #app .lead-profile-toolbar{min-width:0 !important;max-width:100% !important;}
 #app .lead-profile-tabs{min-width:0 !important;flex:1 1 100% !important;}
 #app .lead-profile-actions{min-width:0 !important;max-width:100% !important;flex-wrap:wrap !important;gap:8px !important;}
 #app .lead-profile-actions .lead-status-control{min-width:0 !important;max-width:100% !important;flex:1 1 100% !important;flex-wrap:wrap !important;gap:8px !important;padding:0 !important;border-right:0 !important;}
 #app .lead-profile-actions .lead-status-control > select{box-sizing:border-box !important;flex:1 1 140px !important;min-width:0 !important;max-width:100% !important;min-height:44px !important;font-size:16px !important;padding:6px 24px 6px 8px !important;}
 #app .lead-profile-actions .lead-follow-up{box-sizing:border-box !important;flex:1 1 100% !important;min-width:0 !important;max-width:100% !important;height:auto !important;margin-left:0 !important;gap:12px !important;}
 #app .lead-profile-actions .lead-follow-up[hidden]{display:none !important;}
 #app .lead-profile-actions .lead-follow-up span{font-size:13px !important;}
 #app .lead-profile-actions .lead-follow-up input{box-sizing:border-box !important;flex:1 1 180px !important;min-width:0 !important;max-width:100% !important;min-height:44px !important;font-size:16px !important;padding:6px 8px !important;}
 #app .lead-profile-actions > button{min-height:44px !important;white-space:normal !important;}
}

/* Follow-up form: label and calendar on one line. */
#modal .lead-create-form [data-lead-form-follow-up]{display:flex;flex-direction:row;align-items:center;gap:12px;}
#modal .lead-create-form [data-lead-form-follow-up]>span{flex:0 0 auto;white-space:nowrap;margin:0;}
#modal .lead-create-form [data-lead-form-follow-up]>input{flex:1 1 0;min-width:0;width:auto;margin:0;}
#modal .lead-create-form [data-lead-form-follow-up][hidden]{display:none!important;}

/* Mobile controls and user rows. */
@media(max-width:700px){
 #modal input:not([type=checkbox]):not([type=radio]),#modal select,#modal textarea{font-size:16px!important;min-height:44px;}
 #app .users-settings .user-access-person-info{min-width:0!important;max-width:100%;flex-wrap:wrap!important;white-space:normal!important;}
 #app .users-settings .user-access-person-info>span:not(.user-access-status){overflow-wrap:anywhere;flex-shrink:1!important;}
 #app .users-settings .user-accordion-toggle{max-width:100%;}
}

.client-payment-row.payment-inline-editing{display:block!important;}
.payment-inline-editor{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0;}
.payment-inline-editor input[name=name]{flex:1 1 240px;min-width:0;}
.payment-inline-editor input[name=amount]{width:110px;}
.payment-inline-editor select{width:85px;}
.payment-inline-editor input[type=date]{width:145px;}
.payment-inline-error{flex-basis:100%;color:#b42318;}
@media(max-width:700px){
 .payment-inline-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
 .payment-inline-editor input[name=name],.payment-inline-error{grid-column:1/-1;}
 .payment-inline-editor input,.payment-inline-editor select{width:100%!important;min-width:0;min-height:44px;font-size:16px;}
}

@media(max-width:700px){
 .manager-own-history table,.manager-own-history tbody{display:block;width:100%;}
 .manager-own-history thead{display:none;}
 .manager-own-history tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:12px 0;border-bottom:1px solid #e9e8ef;}
 .manager-own-history td{padding:0;border:0;min-width:0;white-space:normal;overflow-wrap:anywhere;}
 .manager-own-history td:nth-child(2),.manager-own-history td:nth-child(3){grid-column:1/-1;}
 .manager-own-history td:nth-child(4){grid-column:2;grid-row:1;font-weight:600;}
}

.lead-follow-up[hidden]{display:none!important}

/* Shared filter controls for clients, leads, surrogates and donors. */
#app .toolbar.crm-filterbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px!important;min-width:0;max-width:100%;padding:8px 0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;}
#app .toolbar.crm-filterbar>label{display:flex;align-items:center;gap:8px;white-space:nowrap;margin:0;}
#app .toolbar.crm-filterbar input:not([type=checkbox]),#app .toolbar.crm-filterbar select{box-sizing:border-box;min-height:36px;max-width:100%;font-family:inherit;font-size:13px;line-height:1.4;}
#app .toolbar.crm-filterbar>input:not([type=date]):not([type=number]){flex:1 1 220px;min-width:160px;}
#app .donor-extra-filters.crm-filterbar{padding:12px 0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #e5e9f0!important;border-radius:0!important;}
#app .donor-extra-filters.crm-filterbar>summary{font-size:13px;}
#modal .actions>a.primary{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:8px;text-decoration:none;min-height:36px;box-sizing:border-box;}
@media(max-width:700px){
 #app .toolbar.crm-filterbar input:not([type=checkbox]),#app .toolbar.crm-filterbar select{min-height:44px!important;font-size:16px!important;min-width:0;}
 #app .toolbar.crm-filterbar>input:not([type=date]):not([type=number]){flex:1 1 100%;width:100%;min-width:0;}
 #app .toolbar.crm-filterbar>label{min-width:0;flex:1 1 145px;}
 #app .toolbar.crm-filterbar>label input{min-width:0;width:100%;}
 #modal .actions>a.primary{min-height:44px;}
}

/* MiaBaby unified lists 20261010 */
#app>.grid:has(>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card)){display:flex!important;flex-direction:column!important;gap:0!important}
#app>.grid>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card){background:transparent!important;border:0!important;border-bottom:1px solid #e5e9f0!important;border-radius:0!important;box-shadow:none!important;padding:16px 12px!important;margin:0!important;width:100%!important;min-width:0!important}
#app>.grid>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card):first-child{border-top:1px solid #e5e9f0!important}
#app>.grid>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card) h2{font-size:20px!important;line-height:1.35!important;margin:0 0 6px!important}
#app>.grid>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card) .card-head{margin:0!important}
#app>.grid>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card):hover{background:rgba(112,83,192,.035)!important}
@media(max-width:700px){#app>.grid>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card){padding:14px 4px!important}#app>.grid>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card) h2{font-size:18px!important}}

#app>.grid>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card){max-width:none!important}

#app>.grid>.client-card:not(.lead-client-card):not(.client-summary):not(.surrogate-summary-card):not(.donor-summary-card){min-height:0!important}

/* MiaBaby finance cards 20261010 */
#app>.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
#app>.stats>article{display:block!important;padding:22px!important;border:1px solid #e4e7ef!important;border-radius:16px!important;background:#fff!important;min-width:0;box-shadow:0 3px 12px #18264408}
#app>.stats>article>span{font-size:15px;color:#657087;font-weight:600}
#app>.stats>article>h2{font-size:32px;line-height:1.2;margin:10px 0 22px;color:#182644;letter-spacing:-.5px}
#app>.stats>article.balance>h2{color:#237450}
#app>.stats .balance-equivalents{display:block!important;margin:16px 0 0!important;padding:14px 0 0!important;border-top:1px solid #e9ecf2}
#app>.stats .balance-equivalents>small{display:block;font-size:12px;color:#748097;line-height:1.5;margin-bottom:9px}
#app>.stats .balance-equivalents>div{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;font-size:14px;line-height:1.4}
#app>.stats .balance-equivalents>div>span:first-child{color:#748097;font-size:12px}
#app>.stats .balance-equivalents>div>:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;color:#27354c}
#app>.stats .balance-equivalents+.balance-equivalents{background:#f7f8fb;border:0;border-radius:10px;padding:12px!important}
#app>.stats .balance-equivalents+.balance-equivalents>div{padding:3px 0;font-size:12px}
#app>.stats .balance-people{display:block!important;margin-top:20px;padding-top:14px;border-top:1px solid #e9ecf2}
#app>.stats .balance-person{display:grid!important;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:9px 0;align-items:start;border-bottom:1px solid #f0f2f6}
#app>.stats .balance-person>span{font-size:13px;color:#657087}
#app>.stats .balance-person-amounts{display:flex!important;flex-direction:column;align-items:flex-end;gap:5px;font-size:13px;line-height:1.35;font-variant-numeric:tabular-nums}
@media(max-width:1050px){#app>.stats{grid-template-columns:repeat(2,minmax(0,1fr))}#app>.stats>article.balance{grid-column:1/-1}}
@media(max-width:650px){#app>.stats{grid-template-columns:minmax(0,1fr)}#app>.stats>article{padding:18px!important}#app>.stats>article.balance{grid-column:auto}}

/* Equal finance card grid */
#app>.stats{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
#app>.stats:has(>article:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
#app>.stats>article{height:auto;align-self:stretch;box-sizing:border-box}
#app>.stats .balance-equivalents:first-of-type{min-height:182px;box-sizing:border-box}
@media(max-width:1200px){#app>.stats,#app>.stats:has(>article:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}#app>.stats>article.balance{grid-column:auto}}
@media(max-width:650px){#app>.stats,#app>.stats:has(>article:nth-child(4)){grid-template-columns:minmax(0,1fr)}}

#app>.stats.clients-only-stats{grid-template-columns:minmax(0,460px);align-items:start}

/* Client summary: CRM native styling */
#app>.stats.clients-only-stats{grid-template-columns:minmax(0,460px)}
#app>.stats>.clients-work-stat{padding:20px 22px!important;background:#fff!important;border:1px solid #e4e7ef!important;border-radius:16px!important;box-shadow:0 3px 12px #18264408}
#app>.stats>.clients-work-stat>span{font-size:15px;color:#657087;font-weight:600}
#app .clients-work-stat .stats-program-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 14px;padding:0 0 12px;background:none;border:0;border-bottom:1px solid #e4e7ef;border-radius:0}
#app .clients-work-stat .stats-program-total>span{font-size:13px;color:#748097}
#app .clients-work-stat .stats-program-total>strong{font-size:28px;line-height:1.2;color:#27354c;font-variant-numeric:tabular-nums}
#app .clients-work-stat .stats-manager-title{font-size:11px;color:#8990a2;letter-spacing:0;text-transform:none;margin:0 0 5px}
#app .clients-work-stat .stats-manager-list{display:block}
#app .clients-work-stat .stats-manager-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border:0;border-radius:0;background:none;font-size:13px;line-height:1.4}
#app .clients-work-stat .stats-manager-row>span{color:#657087}
#app .clients-work-stat .stats-manager-row>strong{font-size:14px;color:#27354c;background:none;border-radius:0;height:auto;min-width:0;font-variant-numeric:tabular-nums}

/* Compact financial summary */
#app>.stats:not(.clients-only-stats){align-items:start}
#app>.stats:not(.clients-only-stats)>article{align-self:start;padding:20px!important}
#app>.stats:not(.clients-only-stats)>article>h2{margin:10px 0 16px;font-size:30px}
#app>.stats:not(.clients-only-stats) .balance-equivalents:first-of-type{min-height:0;margin:0!important;padding:12px 0 0!important}
#app>.stats:not(.clients-only-stats)>article>.balance-equivalents{min-height:190px}
.finance-conversion{border-top:1px solid #e9ecf2;margin-top:12px;padding-top:12px}
.finance-conversion>summary{color:#776296;font-size:12px;cursor:pointer}
#app>.stats .finance-conversion .balance-equivalents{border:0;padding:8px 0!important;margin:0!important}
.finance-custody{margin:18px 0;padding:20px}
.finance-custody>h3{font-size:15px;margin:0 0 14px;color:#657087}
.finance-custody .balance-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.finance-custody .balance-person{display:flex;flex-direction:column;gap:9px;border-left:1px solid #e9ecf2;padding-left:16px}
.finance-custody .balance-person:first-child{border:0;padding-left:0}
.finance-custody .balance-person>span{color:#748097;font-size:13px}
.finance-custody .balance-person-amounts{display:flex;flex-direction:column;gap:5px;color:#27354c;font-size:14px;line-height:1.4}
@media(max-width:650px){.finance-custody .balance-people{grid-template-columns:repeat(2,minmax(0,1fr))}}

#app>.stats:not(.clients-only-stats){grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
#app>.stats:not(.clients-only-stats)>article{align-self:stretch}
#app>.stats:not(.clients-only-stats)>article>.balance-equivalents:first-of-type{min-height:190px}
.finance-custody .balance-person{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0}
.finance-custody .balance-person-amounts{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0;font-size:13px!important}
.finance-custody .balance-person-amounts>span{white-space:normal;overflow-wrap:anywhere}
@media(max-width:800px){#app>.stats:not(.clients-only-stats){grid-template-columns:minmax(0,1fr)}}

/* Financial amounts beside total */
#app>.stats:not(.clients-only-stats)>article{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-content:start}
#app>.stats:not(.clients-only-stats)>article>span{grid-column:1/-1;margin-bottom:12px}
#app>.stats:not(.clients-only-stats)>article>h2{grid-column:1;grid-row:2;margin:0;font-size:clamp(20px,2vw,30px);align-self:start;white-space:nowrap}
#app>.stats:not(.clients-only-stats)>article>.balance-equivalents:first-of-type{grid-column:2;grid-row:2;min-height:0;border:0;padding:0!important;margin:0!important}
#app>.stats:not(.clients-only-stats)>article>.balance-equivalents:first-of-type>small{display:none}
#app>.stats:not(.clients-only-stats)>article>.balance-equivalents:first-of-type>div{padding:2px 0;gap:8px;font-size:11px;line-height:1.4}
#app>.stats:not(.clients-only-stats)>article>.balance-equivalents:first-of-type>div>span:first-child{font-size:10px}
#app>.stats:not(.clients-only-stats)>article>.finance-conversion{grid-column:1/-1;margin-top:18px}
@media(min-width:801px) and (max-width:1100px){#app>.stats:not(.clients-only-stats){grid-template-columns:minmax(0,1fr)}}

/* Four financial summary columns */
#app>.stats:not(.clients-only-stats){grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
#app>.stats>article.finance-custody{display:block!important;margin:0!important}
#app>.stats>article.finance-custody>span{display:block;margin-bottom:16px}
#app>.stats>article.finance-custody .balance-people{display:block!important;margin:0;padding:0;border:0}
#app>.stats>article.finance-custody .balance-person{display:grid!important;grid-template-columns:60px minmax(0,1fr);gap:12px;padding:9px 0!important;border:0!important;border-bottom:1px solid #eef0f5!important;align-items:start!important}
#app>.stats>article.finance-custody .balance-person-amounts{align-items:flex-end!important;font-size:11px!important;line-height:1.5}
#app>.stats>article.finance-custody .balance-person>span{font-size:12px}
@media(max-width:1250px){#app>.stats:not(.clients-only-stats){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#app>.stats:not(.clients-only-stats){grid-template-columns:minmax(0,1fr)}}

/* Operations: preserve table-cell alignment */
#app table td.operation-actions{display:table-cell!important;vertical-align:middle!important;text-align:right;white-space:nowrap}
#app table td.operation-actions>button{display:inline-block;vertical-align:middle;margin-top:0;margin-bottom:0}

/* Three matching mobile lead filters: status, archive, category. */
@media(max-width:700px){
 #app .lead-toolbar>select[data-filter="leadCategory"],
 #app .lead-toolbar>select[data-filter="leadManager"]{display:none!important}
 #app .lead-mobile-filter-dropdowns{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 #app .lead-mobile-dropdown{min-width:0!important}
 #app .lead-mobile-dropdown summary{min-height:44px!important;padding:0 8px!important;font-size:12px!important;gap:4px!important;box-sizing:border-box!important}
 #app .lead-mobile-dropdown summary::after{content:'⌄'!important;margin-left:0!important;flex-shrink:0}
 #app .lead-mobile-dropdown[open] summary::after{content:'⌃'!important}
 #app .lead-mobile-dropdown-menu{width:max-content!important;min-width:160px!important;max-width:calc(100vw - 48px)!important;box-sizing:border-box!important}
 #app .lead-mobile-dropdown:last-child .lead-mobile-dropdown-menu{left:auto!important;right:0!important}
 #app .lead-mobile-dropdown-menu button{min-height:44px!important;font-size:13px!important;white-space:normal!important}
}

/* Compact add-lead action */
@media(max-width:700px){
 #app .page-title:has([data-action="newLead"]){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important}
 #app .page-title:has([data-action="newLead"])>div{min-width:0!important}
 #app .page-title [data-action="newLead"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:38px!important;height:38px!important;padding:0 12px!important;margin:0!important;border-radius:9px!important;font-size:12px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;align-self:start!important}
}

/* Mobile task action aligned right */
@media(max-width:700px){
 #app .task-page-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important}
 #app .task-page-head>.actions{display:flex!important;justify-content:flex-end!important;width:auto!important;margin:0 0 0 auto!important;flex:0 0 auto!important}
 #app .task-page-head [data-action="task"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;min-height:38px!important;height:38px!important;padding:0 12px!important;margin:0!important;border-radius:9px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}
}

@media(max-width:700px){
 #app .page-title:has([data-action="task"]){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important}
 #app .page-title [data-action="task"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0 12px!important;margin:0!important;border-radius:9px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}
}

.donor-range-pair{display:flex;align-items:center;gap:6px}
.donor-range-pair>span{white-space:nowrap;font-size:12px;color:#657188}
#app .donor-range-pair>input{width:62px!important;min-width:0!important;flex:1 1 0!important;box-sizing:border-box!important}
@media(max-width:700px){
 #app .donor-extra-filters>.toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #app .donor-range-pair{min-width:0!important;gap:4px!important;margin:0!important}
 #app .donor-range-pair>input{width:0!important;min-width:0!important;padding:8px 4px!important;font-size:12px!important;height:36px!important}
 #app .donor-range-pair>span{font-size:11px!important}
 #app .donor-extra-mobile-dropdowns{grid-column:1/-1!important}
}

/* Equal donor range inputs */
@media(max-width:700px){
 #app .donor-extra-filters .donor-range-pair{display:grid!important;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr)!important;column-gap:4px!important;row-gap:4px!important;align-items:center!important;min-width:0!important;padding:0!important}
 #app .donor-extra-filters .donor-range-pair>span:first-child{grid-column:1/-1!important;display:block!important;padding:0 10px!important;line-height:20px!important;font-size:12px!important;font-weight:500!important;color:#657188!important}
 #app .donor-extra-filters .donor-range-pair>input{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:36px!important;padding:0 10px!important;margin:0!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid #dce2ec!important;border-radius:0!important;background:transparent!important;font-size:12px!important;line-height:normal!important}
 #app .donor-extra-filters .donor-range-pair>.range-divider{text-align:center!important;padding:0!important;font-size:12px!important;color:#8c97ab!important}
}

/* Donor client picker: no horizontal rules */
.donor-client-manager-line .donor-client-picker{border-top:0!important;border-bottom:0!important;}

/* Donor actions follow CRM text tabs */
.page-title .donor-profile-actions{gap:0;}
.page-title .donor-profile-actions>button{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#8390a6!important;font-size:11px!important;font-weight:650!important;padding:9px 14px!important;min-height:30px;}
.page-title .donor-profile-actions>button+button{border-left:1px solid #dce2ee!important;}
.page-title .donor-profile-actions>button.primary{color:#435bcc!important;}
.page-title .donor-profile-actions>button:hover{color:#435bcc!important;background:#edf0fa!important;}
.page-title .actions>.donor-number{margin-right:10px;}

.page-title:has(.donor-profile-actions) h1{display:flex;align-items:center;flex-wrap:wrap;gap:14px;}
.page-title h1>.donor-number{font-size:12px;font-weight:500;letter-spacing:normal;line-height:1.3;flex-shrink:0;}

/* Filter separators only between controls */
#app#app .toolbar.crm-filterbar>:is(input,select,button){border-left:0!important;border-right:0!important;}
#app#app .toolbar.crm-filterbar>:is(input,select,button)+:is(input,select,button){border-left:1px solid #dce2ec!important;}

/* Lead filter spacing and inner separators */
@media(min-width:801px){
#app#app .lead-toolbar.crm-filterbar{column-gap:0!important;}
#app#app .lead-toolbar.crm-filterbar select{width:160px!important;min-width:160px!important;max-width:160px!important;flex:0 0 160px!important;padding:0 28px 0 14px!important;margin:0!important;border-left:0!important;border-right:0!important;}
#app#app .lead-toolbar.crm-filterbar select[data-filter="leadCategory"]{border-left:0!important;}
#app#app .lead-toolbar.crm-filterbar .lead-desktop-filters>select,#app#app .lead-toolbar.crm-filterbar select[data-filter="leadManager"]{border-left:1px solid #dce2ec!important;}
#app#app .lead-toolbar.crm-filterbar>.badge{margin-left:14px!important;}
}

/* Optical alignment of donor number with heading text */
.page-title h1>.donor-number{transform:translateY(2px);align-self:center;}

/* Client count separated from manager filter */
#app#app .toolbar.crm-filterbar:has(select[data-filter="clientManager"])>.badge{border-left:1px solid #dce2ec!important;border-right:0!important;border-top:0!important;border-bottom:0!important;border-radius:0!important;padding-left:14px!important;min-height:28px;display:flex;align-items:center;}

/* Mobile surrogate grid: allow cards to shrink within viewport */
@media(max-width:600px){.grid:has(>.surrogate-summary-card){grid-template-columns:minmax(0,1fr)}.grid>.surrogate-summary-card{min-width:0;max-width:100%}}

/* Mobile donor cards: allow long names to shrink and wrap. */
@media(max-width:700px){#app>.grid:has(>.donor-summary-card){grid-template-columns:minmax(0,1fr)!important;min-width:0;max-width:100%}#app .donor-summary-card{min-width:0!important;max-width:100%!important;box-sizing:border-box}#app .donor-summary-head,#app .donor-summary-person,#app .donor-summary-name-row,#app .donor-summary-name-row h2{min-width:0!important;max-width:100%}#app .donor-summary-name-row h2{flex:1 1 0}#app .donor-name-button{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal}#app .donor-card-inline-meta,#app .donor-card-details{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}}

/* Mobile donor profile actions */
@media(max-width:700px){#app>.page-title:has(.donor-profile-actions){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}#app>.page-title:has(.donor-profile-actions)>div{width:100%;min-width:0}#app>.page-title:has(.donor-profile-actions) h1{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;font-size:24px!important;line-height:1.25!important;overflow-wrap:anywhere;margin:0!important}#app>.page-title:has(.donor-profile-actions) .donor-number{margin:0!important;float:none!important;align-self:flex-start}#app .donor-profile-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important}#app .donor-profile-actions button{flex:0 1 auto!important;min-height:44px!important;padding:10px 12px!important;margin:0!important;border:0!important;border-right:1px solid #dce1ed!important;white-space:nowrap!important;font-size:13px!important;line-height:20px!important}#app .donor-profile-actions button:last-child{border-right:0!important}#app .donor-client-manager-line{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin:16px 0!important}#app .donor-client-manager-line>i{display:none!important}#app .donor-client-picker,#app .donor-manager-line{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;min-width:0}#app .donor-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:0!important}#app .donor-tabs button{flex:0 0 auto!important;white-space:nowrap!important;padding:12px 10px!important;font-size:14px!important}}

@media(max-width:700px){#app .donor-profile-actions{flex-direction:row!important;align-items:center!important}#app>.page-title:has(.donor-profile-actions) h1{white-space:normal!important}#app .donor-profile-actions button{padding:10px 8px!important;font-size:12px!important}}

@media(max-width:700px){#app>.page-title:has(.donor-profile-actions)>div{max-width:none!important;flex:none!important;width:100%!important}#app>.page-title:has(.donor-profile-actions)>.donor-profile-actions{width:100%!important;max-width:none!important;align-self:stretch!important;display:flex!important}#app>.page-title:has(.donor-profile-actions) h1{max-width:100%!important;overflow:visible!important;text-overflow:clip!important}}

/* Donor desktop actions beside tabs; notification controls below permissions */
.donor-desktop-actions{display:none!important}.permission-v2-card>.notification-settings{margin-top:20px}.notification-settings label.check-row{display:flex;align-items:center;gap:8px}.notification-settings label.check-row input{margin:0;flex:none}
@media(min-width:701px){#app>.page-title>.donor-profile-actions{display:none!important}#app .donor-tabs{display:flex;align-items:center;flex-wrap:wrap}#app .donor-tabs>.donor-desktop-actions{display:flex!important;margin-left:auto;align-items:center;gap:0;max-width:none}#app .donor-desktop-actions button{white-space:nowrap;padding:10px 12px;font-size:12px}#app .donor-desktop-actions button.active{border-bottom:0}}

@media(max-width:700px){#app .donor-tabs>.donor-profile-actions.donor-desktop-actions{display:none!important}}
.notification-settings{margin-top:20px}

@media(min-width:701px){#app .donor-desktop-actions button,#app .donor-desktop-actions button.primary{background:transparent!important;box-shadow:none!important;border:0!important;color:var(--muted,#8491a9)!important}#app .donor-desktop-actions button:hover,#app .donor-desktop-actions button:focus-visible{background:transparent!important;color:var(--primary,#4b56d8)!important}}

#app .notification-settings{display:block!important;max-width:100%;min-width:0}#app .notification-settings .notification-toggle{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:10px 0!important;padding:0!important;box-sizing:border-box;position:static!important}#app .notification-toggle input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;flex:0 0 16px!important;margin:0!important;padding:0!important;position:static!important}#app .notification-toggle span{display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;white-space:normal!important;overflow-wrap:normal!important}

/* Shared template creation menu */
.template-add-menu{position:relative;display:inline-block;overflow:visible;z-index:20}
.template-add-menu>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#4859cf;color:#fff;border:1px solid #4859cf;border-radius:9px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.template-add-menu>summary::-webkit-details-marker{display:none}
.template-add-menu>summary:hover{background:#3d4dbb}
.template-add-menu>summary:focus-visible{outline:2px solid #4859cf;outline-offset:3px}
.template-add-options{position:absolute;top:calc(100% + 7px);left:0;min-width:220px;max-width:calc(100vw - 32px);padding:6px;background:#fff;border:1px solid #dce1ed;border-radius:10px;box-shadow:0 8px 24px #22304c26;display:flex;flex-direction:column;gap:3px;z-index:100}
.template-add-options button{width:100%;text-align:left;justify-content:flex-start;border:0!important;background:transparent!important;color:#29344c!important;border-radius:6px;padding:10px 12px;white-space:nowrap}
.template-add-options button:hover{background:#eff2ff!important;color:#4859cf!important}

.additional-template-section-clean .template-selector-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media(max-width:600px){.additional-template-section-clean .template-selector-row{grid-template-columns:minmax(0,1fr)}.additional-template-section-clean .template-selector-row .field{width:100%}}

/* Payment inline editor: shared CRM flat controls */
#app .client-payment-row.payment-inline-editing{background:transparent!important;padding:12px 0!important;border-radius:0!important;}
#app .payment-inline-editor{gap:10px;padding:0;align-items:center;}
#app .payment-inline-editor :is(input,select){height:40px;min-height:40px;border:0!important;border-bottom:1px solid #dce2ec!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#364158;font:inherit;font-size:14px;padding:8px 10px;}
#app .payment-inline-editor :is(input,select):focus{outline:0!important;border-bottom-color:#435bcc!important;box-shadow:0 1px 0 #435bcc!important;}
#app .payment-inline-editor button{height:40px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:8px 12px;color:#8491a9;font-size:13px;}
#app .payment-inline-editor [data-payment-inline-save]{color:#435bcc!important;}
#app .payment-inline-editor button:hover{color:#435bcc!important;background:#f5f6fa!important;}
#app .payment-inline-editor button:focus-visible{outline:2px solid #435bcc;outline-offset:2px;}
#app .payment-inline-error:empty{display:none;}
@media(max-width:600px){#app .payment-inline-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}#app .payment-inline-editor input[type=date]{grid-column:1/-1;}#app .payment-inline-editor :is(input,select,button){min-height:44px;}#app .payment-inline-editor :is(input,select){font-size:16px;}}

/* Align template creation with CRM header actions */
.page-title:has(.template-add-menu){display:flex;align-items:center;justify-content:space-between;}
.page-title:has(.template-add-menu)>.actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;}
.page-title .template-add-menu{margin-left:auto;}
.page-title .template-add-menu>summary{background:transparent!important;color:#435bcc!important;border:0!important;border-radius:0!important;padding:10px 12px;font-size:13px;font-weight:550;box-shadow:none!important;}
.page-title .template-add-menu>summary:hover{background:#edf0fa!important;}
.page-title .template-add-options{left:auto;right:0;}
@media(max-width:600px){.page-title:has(.template-add-menu){flex-wrap:wrap;}.page-title:has(.template-add-menu)>.actions{width:100%;}}

/* Template header actions use the shared CRM action style */
.page-title:has(.template-add-menu){gap:0!important;}
.page-title .template-add-menu{align-self:center;}
.page-title .template-add-menu>summary,.page-title .template-add-menu+button[data-action=templateVariables]{display:flex!important;align-items:center!important;justify-content:center;min-height:36px!important;height:36px!important;padding:8px 14px!important;margin-top:0!important;margin-bottom:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#435bcc!important;font-family:inherit!important;font-size:13px!important;font-weight:550!important;line-height:20px!important;}
.page-title .template-add-menu+button[data-action=templateVariables]{border-left:1px solid #dce2ec!important;margin-left:0!important;}
.page-title .template-add-menu>summary:hover,.page-title .template-add-menu+button[data-action=templateVariables]:hover{background:#edf0fa!important;}

.page-title .template-header-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:0;flex-shrink:0;}
.page-title .template-header-actions .template-add-menu{margin:0!important;align-self:center!important;}
.page-title .template-header-actions>button,.page-title .template-header-actions summary{height:36px!important;min-height:36px!important;line-height:20px!important;display:flex!important;align-items:center!important;align-self:center!important;padding:8px 14px!important;margin:0!important;}
.page-title .template-header-actions .template-add-menu>summary{border:0!important;}
@media(max-width:600px){.page-title .template-header-actions{flex-wrap:wrap;max-width:100%;}}

/* Reset disclosure container so both header actions share one baseline */
#app .page-title .template-header-actions{display:flex!important;align-items:center!important;gap:0!important;height:36px!important;}
#app .page-title .template-header-actions>details.template-add-menu{display:block!important;position:relative!important;box-sizing:border-box!important;height:36px!important;min-height:0!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-self:center!important;}
#app .page-title .template-header-actions>details.template-add-menu>summary,#app .page-title .template-header-actions>button{box-sizing:border-box!important;display:flex!important;align-items:center!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0 14px!important;line-height:20px!important;transform:none!important;border-top:0!important;border-bottom:0!important;}
#app .page-title .template-header-actions>details.template-add-menu>summary::before,#app .page-title .template-header-actions>details.template-add-menu>summary::after{content:none!important;display:none!important;}

.company-document-footer{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #e4e7ef;}
#app .company-document-footer .document-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;}
#app .company-document-footer .document-actions .icon-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:0;border-radius:6px;background:transparent;color:#435bcc;}
#app .company-document-footer .document-actions .icon-action:hover{background:#edf0fa;}
.company-document-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;}
#app .company-document-edit-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:0;padding:5px 0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px;line-height:20px;color:#435bcc;white-space:nowrap;}
#app .company-document-edit-actions button.danger{color:#b44f5b;}
#app .company-document-edit-actions button:hover{text-decoration:underline;}

#app .company-document-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;}
#app .company-document-footer .document-actions{gap:4px;flex:0 0 auto;}
#app .company-document-footer .document-actions .icon-action{width:24px;height:32px;padding:3px;}
#app .company-document-edit-actions{display:flex;flex:1;align-items:center;justify-content:flex-end;width:auto;gap:12px;}
#app .company-document-edit-actions button{font-size:12px;min-height:32px;padding:5px 0;}

/* Align rates by their responsive column, including subsequent rows. */
@media(min-width:851px){
#app .rates-panel .rates-grid>div:nth-child(4n+1){padding-left:0!important;}
#app .rates-panel .rates-grid>div:not(:nth-child(4n+1)){padding-left:20px!important;}
#app .rates-panel .rates-grid>div:not(:nth-child(4n)){border-right:1px solid #e0e4ec!important;}
#app .rates-panel .rates-grid>div:nth-child(4n){padding-right:0!important;border-right:0!important;}
}
@media(min-width:521px) and (max-width:850px){
#app .rates-panel .rates-grid>div:nth-child(odd){padding-left:0!important;border-right:1px solid #e0e4ec!important;}
#app .rates-panel .rates-grid>div:nth-child(even){padding-left:20px!important;padding-right:0!important;border-right:0!important;}
}


/* Compact lead heading and single-line creation action. */
#app .page-title:has([data-action="newLead"]){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;}
#app .page-title:has([data-action="newLead"])>div{min-width:0!important;}
#app .page-title:has([data-action="newLead"]) p:has(.lead-mobile-count){display:none!important;}
#app .page-title [data-action="newLead"]{flex:0 0 auto!important;white-space:nowrap!important;width:auto!important;min-height:40px!important;height:40px!important;padding:0 16px!important;font-size:14px!important;line-height:1!important;align-self:center!important;}