body{margin:0;background:#fff;font-family:Manrope,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;color:#0F1A2E}
a{color:inherit;text-decoration:none}
button{font-family:Manrope,sans-serif}
input,select,textarea{font-family:Manrope,sans-serif}
/* Единые нативные контролы: свой шеврон у select и фирменная кнопка у input[type=file]. */
:root{--pa-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7688' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--pa-chevron-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232B4EE6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:var(--pa-select-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px;cursor:pointer}
input[type=file]{color:#6B7688;font:500 12.5px Manrope,sans-serif}
input[type=file]::file-selector-button{margin-right:10px;border:1.5px solid #C6D2F6;border-radius:9px;background:#fff;color:#2B4EE6;padding:8px 14px;font:700 12.5px Manrope,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
input[type=file]::file-selector-button:hover{background:#EAF0FE}
option{font:500 13.5px Manrope,sans-serif;color:#0F1A2E;background:#fff}
/* Кастомный выпадающий список select в браузерах с customizable select (Chromium). */
@supports (appearance:base-select){
select{appearance:base-select!important}
select::picker-icon{display:none}
select::picker(select){appearance:base-select;border:1px solid #E3E8EF;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(15,26,46,.14);padding:6px;margin-top:4px}
select option{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font:500 13.5px Manrope,sans-serif;color:#0F1A2E;cursor:pointer}
select option:hover,select option:focus{background:#F5F7FA}
select option:checked{background:#EAF0FE;color:#2B4EE6;font-weight:700}
select option::checkmark{display:none}
}
/* Автозаполнение без жёлтой заливки браузера. */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#0F1A2E;transition:background-color 9999s ease-out}
input[type=time]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{width:16px;height:16px;cursor:pointer;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232B4EE6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center/16px no-repeat;transition:opacity .15s}
input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232B4EE6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='6' width='16' height='14' rx='2.5'/%3E%3Cpath d='M4 10h16M8 3.5v4M16 3.5v4'/%3E%3C/svg%3E")}
input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}
/* Тонкие фирменные скроллбары внутренних прокручиваемых зон. */
.staff-event-list,.staff-sources-scroll,.staff-filters,.staff-workload-strip,.staff-nav,.app-side,#deal-filters{scrollbar-width:thin;scrollbar-color:#C9D0DC transparent}
.staff-event-list::-webkit-scrollbar,.staff-sources-scroll::-webkit-scrollbar,.staff-filters::-webkit-scrollbar,.staff-workload-strip::-webkit-scrollbar,.staff-nav::-webkit-scrollbar,.app-side::-webkit-scrollbar,#deal-filters::-webkit-scrollbar{width:8px;height:8px}
.staff-event-list::-webkit-scrollbar-thumb,.staff-sources-scroll::-webkit-scrollbar-thumb,.staff-filters::-webkit-scrollbar-thumb,.staff-workload-strip::-webkit-scrollbar-thumb,.staff-nav::-webkit-scrollbar-thumb,.app-side::-webkit-scrollbar-thumb,#deal-filters::-webkit-scrollbar-thumb{background:#C9D0DC;border-radius:999px}
.staff-event-list::-webkit-scrollbar-thumb:hover,.staff-sources-scroll::-webkit-scrollbar-thumb:hover,.app-side::-webkit-scrollbar-thumb:hover{background:#AEB8C8}
.staff-event-list::-webkit-scrollbar-track,.staff-sources-scroll::-webkit-scrollbar-track,.staff-filters::-webkit-scrollbar-track,.staff-workload-strip::-webkit-scrollbar-track,.staff-nav::-webkit-scrollbar-track,.app-side::-webkit-scrollbar-track,#deal-filters::-webkit-scrollbar-track{background:transparent}
input::placeholder,textarea::placeholder{color:#9AA3B4}
input:focus,select:focus,textarea:focus{outline:none;border-color:#2B4EE6!important;box-shadow:0 0 0 3px rgba(43,78,230,.13)}
.hv-primary{transition:background .15s}
.hv-primary:hover{background:#2038C8!important}
.hv-outline{transition:border-color .15s,color .15s}
.hv-outline:hover{border-color:#2B4EE6!important;color:#2B4EE6!important}
.hv-row{transition:background .15s}
.hv-row:hover{background:#F8FAFC!important}
.hv-nav{transition:background .15s}
.hv-nav:hover{background:#F5F7FA}
.hv-link{transition:color .15s;cursor:pointer}
.hv-link:hover{color:#2038C8!important}
.hv-blue-link{transition:color .15s;cursor:pointer;color:#2B4EE6}
.hv-blue-link:hover{color:#1E3A8A}
.err{font:600 13px Manrope,sans-serif;color:#D64545;margin-top:12px}

/* Staff workspace */
.staff-page{min-height:100vh;background:#F5F7FA;color:#0F1A2E}
.app-side{position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow-y:auto}
.staff-header{background:#fff;border-bottom:1px solid #E3E8EF}
.staff-header-inner{max-width:1180px;height:72px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:18px}
.staff-logo{font:700 17px Unbounded,sans-serif;white-space:nowrap}.staff-logo span{color:#2B4EE6}
.staff-role{background:#EAF0FE;color:#2B4EE6;border-radius:999px;padding:6px 12px;font:700 12px Manrope,sans-serif;white-space:nowrap}
.staff-nav{display:flex;align-items:center;gap:16px;margin-left:auto}.staff-nav a{padding:8px 0;border-bottom:2px solid transparent;font:700 13px Manrope,sans-serif;color:#3D4759}.staff-nav a:hover,.staff-nav a.is-active{border-color:#2B4EE6;color:#2B4EE6}
.staff-user{font:600 13px Manrope,sans-serif;color:#6B7688;white-space:nowrap}.staff-header form{margin:0}
.staff-shell{max-width:1180px;margin:0 auto;padding:28px 24px 60px}
.staff-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.staff-heading h1{margin:0;font:600 23px Unbounded,sans-serif}.staff-heading p{margin:7px 0 0;font:500 13px Manrope,sans-serif;color:#6B7688}
.staff-heading-deal{margin-top:14px}.staff-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.staff-back{font:700 13px Manrope,sans-serif;color:#2B4EE6}.staff-back:hover{color:#1E3A8A}
.staff-telegram-link{padding:9px 13px;border:1px solid #C6D2F6;border-radius:9px;color:#2B4EE6;font:700 12px Manrope,sans-serif}
.staff-flash{margin-top:16px;padding:12px 15px;border:1px solid;border-radius:10px;font:600 13px Manrope,sans-serif}.staff-flash-error{background:#FDECEC;border-color:#F5C6C6;color:#B42318}.staff-flash-success{background:#E4F5EB;border-color:#BFE3CC;color:#0E6D3B}
.staff-callout{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-top:18px;padding:18px 20px;background:#FCF0DF;border:1px solid #F2DCB6;border-radius:12px}.staff-callout>div{display:flex;flex-direction:column;gap:5px}.staff-callout strong{font:700 14px Manrope,sans-serif;color:#8A4A08}.staff-callout span{font:500 12.5px/1.5 Manrope,sans-serif;color:#73501E}
.staff-filters{display:flex;gap:8px;margin-top:20px;overflow-x:auto}.staff-filter{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #D7DEE9;border-radius:999px;background:#fff;color:#5B6474;font:700 12px Manrope,sans-serif;white-space:nowrap}.staff-filter span{color:#8A93A6}.staff-filter.is-active{border-color:#2B4EE6;background:#EAF0FE;color:#2B4EE6}.staff-filter.is-active span{color:#2B4EE6}
.staff-table{margin-top:14px;background:#fff;border:1px solid #E3E8EF;border-radius:12px;overflow:hidden}.staff-table-head,.staff-deal-row{display:grid;grid-template-columns:1.1fr 1.25fr .8fr 1fr 1fr;gap:14px;align-items:center}.staff-table-head{padding:13px 20px;border-bottom:1px solid #EEF1F6;font:700 11px Manrope,sans-serif;color:#6B7688;text-transform:uppercase}.staff-deal-row{padding:15px 20px;border-bottom:1px solid #EEF1F6}.staff-deal-row:last-child{border-bottom:0}
.staff-deal-main,.staff-cell{min-width:0}.staff-deal-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2B4EE6;font:700 13px Manrope,sans-serif}.staff-cell b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0F1A2E;font:700 12.5px Manrope,sans-serif}.staff-deal-main small,.staff-cell small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:#6B7688;font:500 11.5px Manrope,sans-serif;white-space:nowrap}
.staff-status{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font:700 11px Manrope,sans-serif;white-space:nowrap}.staff-status i{width:6px;height:6px;border-radius:50%}
.staff-empty{display:flex;flex-direction:column;align-items:center;gap:5px;padding:38px 20px;text-align:center}.staff-empty strong{font:700 14px Manrope,sans-serif}.staff-empty span{font:500 12.5px Manrope,sans-serif;color:#6B7688}.staff-empty-compact{padding:20px 10px}
.staff-card{background:#fff;border:1px solid #E3E8EF;border-radius:12px;padding:20px}.staff-workflow-card{margin-top:18px}.staff-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.staff-section-head h2,.staff-telegram-card h2{margin:0;font:700 16px Manrope,sans-serif}.staff-section-head p,.staff-telegram-card p{margin:5px 0 0;font:500 12px/1.5 Manrope,sans-serif;color:#6B7688}.staff-hint{color:#6B7688;font:600 11.5px Manrope,sans-serif;white-space:nowrap}
.staff-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:18px;margin-top:18px;align-items:start}.staff-main-column,.staff-side-column{display:flex;flex-direction:column;gap:18px}
.staff-workflow{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.staff-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:#8A93A6}.staff-step:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:#E3E8EF}.staff-step:first-child:before{display:none}.staff-step span{position:relative;z-index:1;width:28px;height:28px;box-sizing:border-box;border:2px solid #E3E8EF;border-radius:50%;background:#fff;text-align:center;font:700 11px/24px Manrope,sans-serif}.staff-step b{font:700 11px/1.3 Manrope,sans-serif}.staff-step.is-done:before,.staff-step.is-active:before{background:#2B4EE6}.staff-step.is-done span{border-color:#2B4EE6;background:#2B4EE6;color:#fff}.staff-step.is-done{color:#3D4759}.staff-step.is-active span{border-color:#2B4EE6;color:#2B4EE6}.staff-step.is-active{color:#2B4EE6}
.staff-next-action{background:#F8FAFF;border-color:#C6D2F6}.staff-next-action .staff-refuse-form{margin-top:16px;padding-top:14px;border-top:1px solid #E3E8EF}.staff-next-action .staff-muted-box+form,.staff-next-action .staff-muted-box+.staff-inline-form{margin-top:12px}.staff-action-copy{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.staff-action-copy strong{font:700 14px Manrope,sans-serif}.staff-action-copy span{font:500 12.5px/1.55 Manrope,sans-serif;color:#5B6474;max-width:68ch}
.staff-button{border-radius:9px;padding:10px 14px;font:700 12.5px Manrope,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.staff-button-primary{border:1px solid #2B4EE6;background:#2B4EE6;color:#fff}.staff-button-primary:hover{background:#2038C8;border-color:#2038C8}.staff-button-secondary,.staff-button-compact{border:1px solid #D7DEE9;background:#fff;color:#5B6474}.staff-button-secondary:hover,.staff-button-compact:hover{border-color:#2B4EE6;color:#2B4EE6}.staff-button-danger{border:1px solid #F5C6C6;background:#fff;color:#B42318}.staff-button-warning{border:1px solid #F2DCB6;background:#FCF0DF;color:#8A4A08}.staff-button-compact{padding:6px 9px;font-size:10.5px}
.staff-inline-form{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.staff-field{display:block;min-width:0;color:#3D4759;font:700 12px Manrope,sans-serif}.staff-field>span{display:block;margin-bottom:6px}.staff-field input,.staff-field select,.staff-field textarea{width:100%;box-sizing:border-box;border:1px solid #D7DEE9;border-radius:9px;background:#fff;padding:10px 11px;color:#0F1A2E;font:500 13px Manrope,sans-serif}.staff-field input:not([type=checkbox]):not([type=radio]):not([type=file]){height:40px;padding-top:0;padding-bottom:0}.staff-field select{height:40px}.staff-inline-form>.staff-button,.staff-toolbar .staff-button{height:40px;padding-top:0;padding-bottom:0}.staff-field select{background-image:var(--pa-select-arrow);background-repeat:no-repeat;background-position:right 11px center;background-size:15px;padding-right:32px}.staff-inline-form .staff-field{min-width:220px;flex:1}.staff-field textarea{min-height:76px;resize:vertical}.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-form-submit{margin-top:14px}
.staff-upload{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;padding:16px;background:#F5F7FA;border:1px dashed #C9D0DC;border-radius:10px}.staff-upload .staff-field{flex:1 1 190px;min-width:170px}.staff-file-field{display:flex;flex:1.3 1 240px;min-width:220px;flex-direction:column;gap:6px}.staff-upload-hint{flex:1 1 260px;min-width:220px;align-self:center;color:#6B7688;font:500 11.5px/1.5 Manrope,sans-serif}.staff-file-field>span{font:700 13px Manrope,sans-serif}.staff-file-field input{font:500 12px Manrope,sans-serif}.staff-file-field small{color:#6B7688;font:500 11.5px Manrope,sans-serif}.staff-muted-box{padding:14px;border-radius:9px;background:#F5F7FA;color:#6B7688;font:500 12.5px Manrope,sans-serif}
.staff-rates-form .staff-inline-form .staff-field{flex:1 1 180px}.staff-check-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px;padding-top:14px;border-top:1px solid #EEF1F6}.staff-check-title{flex:1 1 100%;font:700 12px Manrope,sans-serif;color:#3D4759}.staff-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:600 13px Manrope,sans-serif;color:#0F1A2E}.staff-check input{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1.5px solid #C9D2E2;border-radius:5px;background:#fff;cursor:pointer;display:inline-grid;place-content:center;transition:border-color .15s,background .15s}.staff-check input::before{content:"";width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat;opacity:0}.staff-check input:checked{background:#2B4EE6;border-color:#2B4EE6}.staff-check input:checked::before{opacity:1}.staff-check input:focus-visible{box-shadow:0 0 0 3px rgba(43,78,230,.18)}.staff-check-submit{margin-left:auto}
.staff-next-upload{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;margin-top:12px;padding:14px;background:#fff;border:1px dashed #C9D0DC;border-radius:10px}.staff-next-upload .staff-file-field{flex:1.4 1 260px}.staff-next-upload .staff-upload-hint{flex:1 1 220px}.staff-next-upload button{flex:none}
.staff-document-list{margin-top:14px}.staff-document-row{display:flex;flex-wrap:wrap;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #EEF1F6}.staff-document-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.staff-document-actions form{display:flex;align-items:center;gap:6px;margin:0}.staff-document-actions input{width:170px;height:32px;box-sizing:border-box;border:1px solid #D7DEE9;border-radius:8px;background:#fff;padding:0 9px;color:#0F1A2E;font:500 12px Manrope,sans-serif}.staff-document-actions .staff-button{height:32px;padding-top:0;padding-bottom:0}.staff-document-actions input[type=file]{width:210px;border:0;background:transparent;padding:0;font:500 11.5px Manrope,sans-serif}.staff-document-icon{width:36px;height:36px;border-radius:8px;background:#EAF0FE;color:#2B4EE6;font:800 9px/36px Manrope,sans-serif;text-align:center;flex:none}.staff-document-row>a{flex:1;min-width:0}.staff-document-row>a b{display:block;overflow:hidden;text-overflow:ellipsis;color:#2B4EE6;font:700 12.5px Manrope,sans-serif;white-space:nowrap}.staff-document-row>a small{display:block;margin-top:3px;color:#6B7688;font:500 10.5px Manrope,sans-serif}.staff-visibility{color:#6B7688;font:600 10.5px Manrope,sans-serif;white-space:nowrap}.staff-visibility.is-visible{color:#0E6D3B}
.staff-secondary-actions{border-color:#D7DEE9}.staff-action-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.staff-action-row>.staff-inline-form{flex:1}
.staff-payment-card>strong{display:block;font:800 27px Manrope,sans-serif;white-space:nowrap}.staff-payment-card>span{display:block;margin-top:5px;color:#8A4A08;font:600 11.5px Manrope,sans-serif}.staff-payment-card>a{display:inline-block;margin-top:12px;color:#2B4EE6;font:700 12.5px Manrope,sans-serif}
.staff-telegram-card{background:#EAF0FE;border-color:#C6D2F6}.staff-telegram-card a{display:inline-block;margin-top:12px;color:#2B4EE6;font:700 12.5px Manrope,sans-serif}
.staff-event-list{max-height:340px;overflow-y:auto}.staff-event-list>div{display:flex;gap:10px;padding:9px 0;border-top:1px solid #EEF1F6}.staff-event-list>div>i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#C9D0DC;flex:none}.staff-event-list span{min-width:0}.staff-event-list b{display:block;font:700 11.5px Manrope,sans-serif}.staff-event-list small{display:block;margin-top:3px;color:#6B7688;font:500 10.5px/1.4 Manrope,sans-serif;overflow-wrap:anywhere}
.staff-heading-actions{display:flex;align-items:center;gap:9px}.staff-heading-actions form{margin:0}
.staff-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(15,26,46,.45);padding:20px}
.staff-modal{width:100%;max-width:400px;background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 18px 48px rgba(15,26,46,.22)}
.staff-modal h3{margin:0;font:700 16px Manrope,sans-serif;color:#0F1A2E}
.staff-modal p{margin:8px 0 0;font:500 13px/1.55 Manrope,sans-serif;color:#6B7688}
.staff-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.staff-reward-list{display:flex;flex-direction:column}.staff-reward-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #EEF1F6}.staff-reward-row:first-child{border-top:0}.staff-reward-info{min-width:0}.staff-reward-info b{display:block;font:700 12px Manrope,sans-serif}.staff-reward-info small{display:block;margin-top:3px;color:#6B7688;font:500 11px Manrope,sans-serif;overflow-wrap:anywhere}.staff-reward-row form{margin:0;flex:none}
.staff-toolbar{display:flex;align-items:flex-end;gap:10px;margin-top:14px;padding:14px;box-sizing:border-box;background:#fff;border:1px solid #E3E8EF;border-radius:12px}.staff-toolbar .staff-field:first-of-type{flex:1}.staff-toolbar .staff-field{min-width:180px}.staff-toolbar .staff-button{margin-bottom:1px}
.staff-workload-strip{display:flex;gap:9px;margin-top:14px;overflow-x:auto}.staff-workload-strip a{min-width:150px;padding:11px 13px;background:#fff;border:1px solid #E3E8EF;border-radius:10px}.staff-workload-strip b,.staff-workload-strip span{display:block;white-space:nowrap}.staff-workload-strip b{font:700 11.5px Manrope,sans-serif}.staff-workload-strip span{margin-top:3px;color:#6B7688;font:500 10.5px Manrope,sans-serif}.staff-stale-mark{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:999px;background:#FCF0DF;color:#B25E09;font:700 9px Manrope,sans-serif;font-style:normal}
.staff-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:20px}.staff-metric{padding:18px;background:#fff;border:1px solid #E3E8EF;border-radius:12px}.staff-metric strong,.staff-metric span{display:block}.staff-metric strong{font:800 27px Manrope,sans-serif;color:#2B4EE6}.staff-metric span{margin-top:4px;color:#5B6474;font:600 12px Manrope,sans-serif}.staff-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.staff-compact-list{display:flex;flex-direction:column}.staff-compact-list>a,.staff-compact-list>div:not(.staff-muted-box){display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #EEF1F6}.staff-compact-list b{font:700 12px Manrope,sans-serif}.staff-compact-list span{color:#6B7688;font:500 11px Manrope,sans-serif;text-align:right}.staff-rate-time{display:block;margin-bottom:12px;font:700 12px Manrope,sans-serif;color:#3D4759}.staff-rate-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.staff-rate-strip span{padding:10px;border-radius:9px;background:#F5F7FA;font:600 11px Manrope,sans-serif}.staff-rate-strip b{display:block;margin-bottom:4px;color:#2B4EE6}.staff-audit-card{margin-top:18px}.staff-audit-list>div{display:grid;grid-template-columns:90px 1fr 210px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #EEF1F6}.staff-audit-list b,.staff-audit-list small{display:block}.staff-audit-list b{font:700 12px Manrope,sans-serif}.staff-audit-list small,.staff-audit-list time{margin-top:3px;color:#6B7688;font:500 10.5px Manrope,sans-serif}.staff-audit-list time{text-align:right}.staff-audit-area{width:max-content;padding:4px 7px;border-radius:999px;background:#EEF1F6;color:#5B6474;font:700 9.5px Manrope,sans-serif;text-transform:uppercase}
.staff-create-form{margin-top:14px}.staff-form-grid-wide{grid-template-columns:repeat(5,1fr)}.staff-user-list{margin-top:14px;overflow:hidden;background:#fff;border:1px solid #E3E8EF;border-radius:12px}.staff-user-card{border-bottom:1px solid #EEF1F6}.staff-user-card:last-child{border-bottom:0}.staff-user-summary{display:grid;grid-template-columns:38px minmax(0,1.5fr) 84px 84px 140px minmax(170px,1fr);gap:12px;align-items:center;padding:14px 18px}.staff-user-avatar{width:36px;height:36px;border-radius:50%;background:#EAF0FE;color:#2B4EE6;font:700 11px/36px Manrope,sans-serif;text-align:center}.staff-user-identity b,.staff-user-identity small,.staff-user-counts b,.staff-user-counts small{display:block}.staff-user-identity b{font:700 12.5px Manrope,sans-serif}.staff-user-identity small,.staff-user-counts small{margin-top:3px;color:#6B7688;font:500 10.5px Manrope,sans-serif}.staff-user-counts b{font:700 13px Manrope,sans-serif}.staff-user-summary select{width:100%;padding:8px;border:1px solid #D7DEE9;border-radius:8px;background:#fff;font:600 11.5px Manrope,sans-serif}.staff-user-summary select{background-image:var(--pa-select-arrow);background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding-right:26px}.staff-locked-role{font:700 11.5px Manrope,sans-serif;color:#2B4EE6}.staff-account-status{width:max-content;padding:5px 8px;border-radius:999px;background:#E4F5EB;color:#0E8345;font:700 10px Manrope,sans-serif}.staff-account-status.is-blocked{background:#FDECEC;color:#B42318}.staff-account-status.is-pending{background:#FCF0DF;color:#B25E09}.staff-user-details{padding:0 18px 14px}.staff-user-details summary{width:max-content;display:inline-flex;align-items:center;gap:5px;list-style:none;cursor:pointer;color:#2B4EE6;font:700 11.5px Manrope,sans-serif}.staff-user-details summary::-webkit-details-marker{display:none}.staff-user-details summary::after{content:"";width:13px;height:13px;background:var(--pa-chevron-blue) center/13px no-repeat;transition:transform .15s}.staff-user-details[open] summary::after{transform:rotate(180deg)}.staff-user-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.staff-user-facts span{padding:9px;background:#F5F7FA;border-radius:8px;color:#5B6474;font:500 10.5px Manrope,sans-serif}.staff-user-facts b{display:block;margin-bottom:3px;color:#0F1A2E}.staff-security-actions{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.staff-security-actions .staff-profile-save{margin-left:auto;padding:7px 12px;font-size:11px}.staff-user-profile-form .staff-field{flex:1 1 200px}.staff-security-actions form{margin:0}.staff-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:16px;font:700 12px Manrope,sans-serif}.staff-pagination a{color:#2B4EE6}
.staff-bot-status{padding:8px 12px;border:1px solid #E3E8EF;border-radius:999px;background:#fff;color:#5B6474;font:600 11.5px Manrope,sans-serif}.staff-ticket-head,.staff-ticket-row{display:grid;grid-template-columns:.3fr 1.6fr 1.1fr 1.1fr 1fr .9fr;gap:13px;align-items:center}.staff-ticket-row .staff-status{justify-self:start}.staff-ticket-head{padding:13px 20px;border-bottom:1px solid #EEF1F6;color:#6B7688;font:700 11px Manrope,sans-serif;text-transform:uppercase}.staff-ticket-row{padding:14px 20px;border-bottom:1px solid #EEF1F6}.staff-ticket-row:last-child{border-bottom:0}.staff-ticket-row>span:first-child{color:#8A93A6;font:700 11.5px ui-monospace,monospace}.staff-messages{display:flex;flex-direction:column;gap:11px}.staff-message{padding:14px;border:1px solid #E3E8EF;border-radius:10px;background:#fff}.staff-message.is-support,.staff-message.is-moderator{background:#EAF0FE;border-color:#D5E0FA}.staff-message.is-internal{background:#FFF8E8;border-color:#F2DCB6}.staff-message>div{display:flex;justify-content:space-between;gap:10px}.staff-message b{font:700 11.5px Manrope,sans-serif}.staff-message time{color:#8A93A6;font:500 10.5px Manrope,sans-serif}.staff-message p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:500 13px/1.55 Manrope,sans-serif}.staff-note-card{border-color:#F2DCB6}.staff-fact-list{display:flex;flex-direction:column;gap:9px}.staff-fact-list span{color:#5B6474;font:500 11.5px Manrope,sans-serif}.staff-fact-list b{display:block;margin-bottom:3px;color:#0F1A2E}.staff-rate-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:18px;margin-top:18px;align-items:start}.staff-rate-grid .staff-rate-settings{grid-column:1/-1}.staff-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}.staff-settings-primary{grid-template-columns:1fr 1fr}.staff-settings-currencies{margin-top:12px;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none}.staff-scroll-list{max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#C9D0DC transparent}.staff-rate-table{margin-bottom:13px}.staff-rate-table>div{display:grid;grid-template-columns:.5fr 1fr .6fr 1fr;gap:9px;padding:10px 0;border-top:1px solid #EEF1F6;font:600 12px Manrope,sans-serif}.staff-rate-table strong{color:#2B4EE6;text-align:right}.staff-spaced-field{margin-top:12px}
@keyframes staff-source-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.staff-sources-card{margin-top:18px}.staff-sources-toolbar,.staff-sources-title,.staff-sources-actions{display:flex;align-items:center}.staff-sources-toolbar{justify-content:space-between;gap:18px}.staff-sources-title,.staff-sources-actions{gap:11px}.staff-sources-title h2{margin:0;font:700 16px Manrope,sans-serif}.staff-sources-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#E4F5EB;color:#0E8345;font:700 11px Manrope,sans-serif;white-space:nowrap}.staff-sources-live i{width:6px;height:6px;border-radius:50%;background:#16A34A;animation:staff-source-pulse 1.6s ease-in-out infinite}.staff-sources-actions>span{color:#8A93A6;font:500 12px Manrope,sans-serif}.staff-sources-actions .staff-button{display:inline-flex;align-items:center;gap:7px}.staff-sources-scroll{margin-top:12px;overflow-x:auto}.staff-sources-table{min-width:720px}.staff-sources-row{display:grid;grid-template-columns:minmax(130px,1.35fr) repeat(var(--source-currencies),minmax(82px,1fr));gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #EEF1F6}.staff-sources-head{padding-top:12px;padding-bottom:9px;color:#8A93A6;font:700 11px Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase}.staff-sources-head span:not(:first-child){font-family:ui-monospace,Menlo,monospace}.staff-sources-row.is-site{border-bottom:0;border-radius:9px;background:#F5F7FA}.staff-source-name b,.staff-source-name small,.staff-source-delta{display:block}.staff-source-name b{color:#0F1A2E;font:700 13px Manrope,sans-serif}.staff-source-name small{margin-top:3px;color:#8A93A6;font:500 10.5px/1.35 Manrope,sans-serif}.staff-source-name small.is-error{color:#C2362B}.staff-source-rate{color:#3D4759;font:600 13px Manrope,sans-serif;font-variant-numeric:tabular-nums}.staff-source-rate.is-site-rate{color:#0F1A2E;font-weight:800}.staff-source-rate.is-empty{color:#C6CDD9}.staff-source-delta{margin-top:1px;font:600 10.5px Manrope,sans-serif}.staff-source-delta.is-positive{color:#0E8345}.staff-source-delta.is-negative{color:#C2362B}.staff-source-delta.is-neutral{color:#8A93A6}

@media (max-width:1024px){
  .staff-header-inner{height:auto;min-height:64px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.staff-nav{order:5;width:100%;margin:0;overflow-x:auto}.staff-nav a{white-space:nowrap}.staff-user{margin-left:auto}
}
@media (max-width:900px){
  .staff-layout{grid-template-columns:1fr}.staff-side-column{display:grid;grid-template-columns:1fr 1fr}.staff-side-column>.staff-card:last-child{grid-column:1/-1}
  .staff-table-head{display:none}.staff-deal-row{grid-template-columns:1fr 1fr;gap:12px}.staff-deal-main{grid-column:1/-1}.staff-status{justify-self:end}
  .staff-workflow{grid-template-columns:1fr;gap:10px}.staff-step{display:grid;grid-template-columns:28px 1fr;column-gap:11px;align-items:center;text-align:left}.staff-step:before{top:-10px;left:13px;width:2px;height:20px}.staff-step span{grid-row:1}.staff-step b{grid-column:2}
  .staff-metrics{grid-template-columns:1fr 1fr}.staff-dashboard-grid,.staff-rate-grid{grid-template-columns:1fr}.staff-form-grid-wide{grid-template-columns:1fr 1fr}.staff-user-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.staff-user-identity{flex:1 1 220px;min-width:0}.staff-user-counts,.staff-account-status{flex:0 0 auto}.staff-user-summary>span:last-child{flex:1 1 100%;max-width:340px}.staff-ticket-head{display:none}.staff-ticket-row{grid-template-columns:minmax(0,1fr) auto;row-gap:9px}.staff-ticket-row>span:first-child{grid-column:1;grid-row:1;align-self:center}.staff-ticket-row>.staff-cell{grid-column:1}.staff-ticket-row .staff-status{grid-column:2;grid-row:1;justify-self:end}
}
@media (max-width:640px){
  .staff-header-inner{gap:10px}.staff-role,.staff-user{display:none}.staff-nav{gap:14px}.staff-shell{padding:20px 14px 44px}.staff-heading{align-items:flex-start;flex-direction:column}.staff-heading h1{font-size:19px}.staff-title-line{align-items:flex-start;flex-direction:column}.staff-callout,.staff-upload{align-items:stretch;flex-direction:column}.staff-upload .staff-field,.staff-upload .staff-file-field,.staff-upload .staff-upload-hint{flex:0 0 auto;min-width:0}.staff-inline-form{align-items:stretch;flex-direction:column}.staff-inline-form .staff-field{width:100%}.staff-form-grid,.staff-side-column{grid-template-columns:1fr}.staff-side-column>.staff-card:last-child{grid-column:auto}.staff-deal-row{grid-template-columns:1fr}.staff-deal-main,.staff-cell{grid-column:1}.staff-status{justify-self:start}.staff-section-head{flex-direction:column}.staff-hint{white-space:normal}.staff-document-row{align-items:flex-start;flex-wrap:wrap}.staff-document-row>a{width:calc(100% - 48px);flex:none}.staff-visibility{margin-left:47px}.staff-document-actions{width:100%;justify-content:flex-start}.staff-document-actions form{flex:1 1 100%}.staff-document-actions input{flex:1 1 auto;width:auto;min-width:0}.staff-action-row{align-items:stretch;flex-direction:column}
  .staff-heading-actions,.staff-toolbar{width:100%;align-items:stretch;flex-direction:column}.staff-toolbar .staff-field{width:100%;min-width:0}.staff-metrics,.staff-dashboard-grid,.staff-rate-grid,.staff-form-grid-wide,.staff-user-facts{grid-template-columns:1fr}.staff-audit-list>div{grid-template-columns:75px 1fr}.staff-audit-list time{grid-column:2;text-align:left}.staff-rate-strip{grid-template-columns:1fr 1fr}.staff-user-summary>span:last-child{max-width:none}.staff-sources-toolbar,.staff-sources-actions{align-items:flex-start;flex-direction:column}.staff-sources-actions{width:100%}.staff-sources-actions .staff-button{width:100%;justify-content:center}
}

/* ===== Mobile adaptation (≤720px) =====
   Desktop markup keeps its inline styles; mobile overrides them via
   attribute/class selectors below. Elements .lp-burger/.lp-mobmenu/.mob-top/
   .mob-tabs exist only for mobile and are hidden on desktop. */
.lp-burger,.lp-mobmenu,.mob-top,.mob-tabs{display:none}

/* Между 721px и шириной контейнера контент лендинга и шапок auth-страниц
   прижимался к краям окна — даём боковые отступы. */
@media (min-width:721px) and (max-width:1247px){
[style*="max-width:1200px"],[style*="max-width:780px"]{padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}
}

/* Планшет: герой лендинга в одну колонку, чтобы калькулятор не выходил за экран. */
@media (min-width:721px) and (max-width:960px){
body.lp [style*="grid-template-columns:1fr 448px"]{grid-template-columns:1fr!important;gap:28px!important}
}

/* Планшет с видимым сайдбаром (721–1080): широкие клиентские сетки в одну колонку. */
@media (min-width:721px) and (max-width:1080px){
body.app [style*="grid-template-columns:1fr 340px"],
body.app [style*="grid-template-columns:1.55fr 1fr"],
body.staff-page [style*="grid-template-columns:1.55fr 1fr"]{grid-template-columns:1fr!important}
body.app [style*="repeat(4,minmax(0,1fr))"]{grid-template-columns:1fr 1fr!important}
}

/* Шапка лендинга на планшете: 901–1080 — прячем телефон и уплотняем меню,
   721–900 — как на мобиле: бургер вместо меню/CTA (иначе пункты и телефон
   переносились на 2–4 строки, а кнопка уезжала за край экрана). */
@media (min-width:901px) and (max-width:1080px){
body.lp .lp-phone{display:none!important}
body.lp .lp-menu{gap:16px!important;font-size:13px!important}
body.lp .lp-menu a,body.lp .lp-cta-top button{white-space:nowrap}
body.lp .lp-cta-top button{padding:10px 14px!important}
body.lp [style*="height:76px;display:flex"]{gap:18px!important}
}
@media (max-width:900px){
/* --- landing: header --- */
body.lp .lp-menu,body.lp .lp-phone,body.lp .lp-cta-top{display:none!important}
body.lp .lp-burger{display:inline-flex;align-items:center;cursor:pointer}
body.lp .lp-mobmenu{flex-direction:column;gap:2px;padding:4px 16px 14px;background:#fff}
body.lp .lp-mobmenu.open{display:flex}
body.lp .lp-mobmenu a{padding:11px 4px;font:600 15px Manrope,sans-serif;color:#0F1A2E;border-bottom:1px solid #F5F7FA}
body.lp .lp-mobmenu .lp-mobmenu-phone{padding:12px 4px 0;font:700 14px Manrope,sans-serif;color:#6B7688;font-variant-numeric:tabular-nums}
}

@media (max-width:720px){
.staff-settings-primary,.staff-settings-currencies{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
/* --- shared: side paddings for fixed-width containers --- */
[style*="max-width:1200px"],[style*="max-width:780px"]{padding-left:16px!important;padding-right:16px!important}
/* --- shared: multi-column grids collapse to one column --- */
[style*="grid-template-columns:1fr 448px"],
[style*="grid-template-columns:1fr 440px"],
[style*="grid-template-columns:1fr 420px"],
[style*="grid-template-columns:1fr 340px"],
[style*="grid-template-columns:1.55fr 1fr"],
[style*="grid-template-columns:repeat(3,1fr)"],
[style*="grid-template-columns:1.5fr 1fr 1fr 1fr"],
[style*="grid-template-columns:1.6fr 1fr"],
[style*="grid-template-columns:150px 1fr"],
[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
[style*="grid-template-columns:1fr 448px"]{gap:22px!important}

/* --- landing: hero + calculator --- */
body.lp [style*="padding:64px 0 68px"]{padding-top:26px!important;padding-bottom:30px!important}
body.lp [style*="font:600 40px"]{font:600 24px/1.3 Unbounded,sans-serif!important;letter-spacing:0!important}
body.lp [style*="font:500 16.5px"]{font:500 14px/1.6 Manrope,sans-serif!important}
body.lp [style*="font:600 29px"]{font:600 19px/1.3 Unbounded,sans-serif!important}
body.lp [style*="font:600 27px"]{font:600 18px/1.35 Unbounded,sans-serif!important}
/* --- landing: photo strip --- */
body.lp [style*="padding:56px 0 0"]{padding-top:22px!important}
body.lp [style*="height:420px"]{height:200px!important}
body.lp [style*="right:24px"]{display:none!important}
/* --- landing: sections --- */
body.lp [style*="padding:72px 0"]{padding-top:34px!important;padding-bottom:34px!important}
body.lp [style*="padding:0 0 80px"]{padding-bottom:40px!important}
/* steps: 6-col grid -> vertical list, icon left */
body.lp [style*="repeat(6,1fr)"]{display:flex!important;flex-direction:column;gap:18px!important}
.lp-step{display:grid;grid-template-columns:46px 1fr;column-gap:14px}
.lp-step .lp-step-ic{grid-row:1/span 2;margin-bottom:0!important}
.lp-step .lp-step-line,.lp-step .lp-step-num{display:none}
.lp-step>div[style*="margin:4px 0 5px"]{margin:3px 0 3px!important}
/* why cards: 4 cols -> single column, roomy text, no icons */
body.lp [style*="repeat(4,1fr)"]{grid-template-columns:1fr!important;gap:10px!important}
body.lp [style*="repeat(4,1fr)"]>div{padding:16px 18px!important}
body.lp [style*="repeat(4,1fr)"] [style*="width:44px"]{display:none!important}
/* hero: CTA buttons stack full-width so labels stay on one line */
body.lp [style*="gap:12px;margin-top:28px"]{flex-wrap:wrap}
body.lp [style*="gap:12px;margin-top:28px"] a{flex:1 1 100%}
body.lp [style*="gap:12px;margin-top:28px"] button{width:100%;justify-content:center;white-space:nowrap}
/* cta card */
body.lp [style*="padding:44px 48px"]{padding:22px 18px!important}
/* footer */
body.lp [style*="padding:48px 0 0"]{padding-top:28px!important;gap:22px!important}

/* --- auth pages (login / register / company profile) --- */
body.auth div[style*="width:420px"],body.auth div[style*="width:460px"],body.auth div[style*="width:640px"]{width:100%!important;padding:0 16px;box-sizing:border-box}
body.auth [style*="padding:32px 32px 28px"]{padding:24px 18px 22px!important}
body.auth [style*="padding:34px 36px 30px"]{padding:24px 18px 22px!important}
body.auth [style*="padding:52px 0 72px"]{padding:20px 0 48px!important}
body.auth [style*="padding:44px 0 72px"]{padding:16px 0 48px!important}
body.auth [style*="padding:40px 0 72px"]{padding:16px 0 48px!important}
body.auth [style*="padding:52px 16px 72px"]{padding:20px 0 48px!important}
body.auth [style*="border-radius:14px;padding:32px;margin:0"]{padding:24px 18px 22px!important}

/* --- app shell: hide sidebar, stack vertically, room for tab bar --- */
body.app>div{flex-direction:column!important}
body.app .app-side{display:none!important}
body.app [style*="padding:0 36px 44px"]{padding:0 16px 92px!important}
body.app [style*="height:82px"]{height:auto!important;flex-wrap:wrap;padding:14px 0 10px;row-gap:10px}
body.app [style*="height:82px"]>h1{display:none}
body.app [style*="width:260px"]{width:100%!important;order:5}
body.app a.hv-outline[href="/app/notifications"]{display:none!important}
body.app [style*="font:600 23px"]{font:600 19px Unbounded,sans-serif!important}
body.app [style*="font:600 22px"]{font:600 18px/1.3 Unbounded,sans-serif!important}
[style*="font:800 34px"]{font:800 26px Manrope,sans-serif!important}
/* cards: tighter padding */
body.app [style*="padding:26px 28px"]{padding:18px 16px!important}
body.app [style*="padding:24px 26px 20px"]{padding:18px 16px!important}
body.app [style*="padding:24px 26px"]{padding:18px 16px!important}
body.app [style*="padding:22px 24px"]{padding:18px 16px!important}
body.app [style*="padding:20px 22px"]{padding:16px!important}

/* --- deals list: table rows -> cards --- */
body.app .deals-thead{display:none!important}
body.app #deal-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:-16px;padding-right:16px}
body.app #deal-filters .filter-chip{white-space:nowrap;flex:none}
body.app .deal-row{grid-template-columns:1fr 20px!important;grid-template-areas:"a e" "c c" "b d";row-gap:7px;padding:14px 16px!important}
body.app .deal-row>:nth-child(1){grid-area:a}
body.app .deal-row>:nth-child(2){grid-area:b}
body.app .deal-row>:nth-child(3){grid-area:c;font-size:12px!important}
body.app .deal-row>:nth-child(4){grid-area:d;justify-self:end;align-self:center}
body.app .deal-row>:nth-child(5){grid-area:e;justify-self:end}

/* --- deal page: horizontal stepper -> vertical --- */
body.app .deal-steps{flex-direction:column!important;gap:14px}
body.app .deal-step{display:grid!important;grid-template-columns:30px 1fr;column-gap:12px;text-align:left!important}
body.app .deal-step .deal-step-ic{grid-row:1/span 2}
body.app .deal-step .deal-step-line{display:none}
body.app .deal-step>div:nth-child(2){margin-top:3px!important}
body.app .deal-step>div:nth-child(3){margin-top:1px!important}

/* --- invoice: QR block above requisites, stacked buttons, wrapped rows
   (классы уникальны для invoice.html — работает и в staff-версии счёта) --- */
.inv-side{order:-1}
.inv-actions{flex-direction:column}
.req-row{flex-wrap:wrap;row-gap:2px}
.req-row>span:first-child{width:100%!important}

/* --- support: ticket rows --- */
body.app [style*="grid-template-columns:1fr auto auto 20px"]{grid-template-columns:1fr 20px!important;row-gap:8px}
body.app [style*="grid-template-columns:1fr auto auto 20px"]>span:nth-child(2){display:none}
body.app [style*="grid-template-columns:1fr auto auto 20px"]>span:nth-child(3){grid-column:1/-1}
body.app [style*="grid-template-columns:1fr auto auto 20px"]>svg{grid-row:1;grid-column:2}

/* --- mobile top bar + bottom tab bar (rendered by _sidebar.html) --- */
body.app .mob-top{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid #EEF1F6}
.mob-top-logo{width:32px;height:32px;border-radius:9px;background:#2B4EE6;color:#fff;display:flex;align-items:center;justify-content:center;font:700 11px Unbounded,sans-serif;flex:none}
.mob-top-title{flex:1;font:600 18px Unbounded,sans-serif;color:#0F1A2E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mob-top-ava{width:32px;height:32px;border-radius:50%;background:#E3EBFD;color:#1E3A8A;display:flex;align-items:center;justify-content:center;font:700 11.5px Manrope,sans-serif;flex:none}
body.app .mob-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid #EEF1F6;padding:8px 4px calc(10px + env(safe-area-inset-bottom))}
.mob-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:#8A93A6;font:600 10px Manrope,sans-serif;position:relative}
.mob-tab.act{color:#2B4EE6;font-weight:700}
.mob-badge{position:absolute;top:-3px;right:calc(50% - 17px);min-width:15px;height:15px;border-radius:999px;background:#2B4EE6;color:#fff;font:700 9.5px/15px Manrope,sans-serif;text-align:center;padding:0 3px;box-sizing:border-box}

/* --- referrals (client app page) --- */
body.app [style*="repeat(4,minmax(0,1fr))"]{grid-template-columns:1fr 1fr!important;gap:10px!important}
body.app [style*="grid-template-columns:1fr 1.35fr"]{grid-template-columns:1fr!important}
body.app [style*="grid-template-columns:1.3fr .7fr .7fr .7fr"]{grid-template-columns:1fr 1fr!important;row-gap:4px}
body.app [style*="repeat(4,minmax(0,1fr))"] [style*="font:800 24px"]{font:800 21px Manrope,sans-serif!important}

/* --- support: telegram banner stacks on mobile --- */
body.app .tg-banner{flex-wrap:wrap}
body.app .tg-banner>a{flex:1 1 100%}
body.app .tg-banner>a>button{width:100%;justify-content:center}

/* --- app-shell: let collapsed grids / space-between rows shrink so long
   values wrap instead of forcing horizontal overflow --- */
body.app [style*="grid-template-columns:1.55fr 1fr"]>*{min-width:0}
body.app [style*="justify-content:space-between"]>span{min-width:0;overflow-wrap:anywhere}
/* --- deal page: status pills keep their size and wrap below the amount --- */
body.app [style*="gap:16px;background:#F5F7FA;border-radius:11px"]{flex-wrap:wrap;row-gap:9px}
body.app [style*="gap:16px;background:#F5F7FA;border-radius:11px"]>span{min-width:max-content}
/* --- deal page: payment values stay on one line, drop to own row when tight --- */
body.app [style*="justify-content:space-between;gap:12px;padding:9px 0"]{flex-wrap:wrap}
body.app [style*="justify-content:space-between;gap:12px;padding:9px 0"]>span:last-child{margin-left:auto;min-width:max-content;white-space:nowrap;overflow-wrap:normal}
/* --- form submit rows (new request, profile): full-width button, note below --- */
body.app [style*="border-top:1px solid #EEF1F6;padding-top:20px"]{flex-wrap:wrap}
body.app [style*="border-top:1px solid #EEF1F6;padding-top:20px"]>button{flex:1 1 100%}
body.app .staff-card{min-width:0}
body.app .staff-upload,body.app .staff-inline-form{max-width:100%;flex-wrap:wrap}
body.app .staff-file-field input[type=file]{max-width:100%}
}

/* ============ public pages (landing / partners / business) ============ */
.pb-wrap{max-width:1232px;margin:0 auto;padding:0 26px;box-sizing:border-box}
body.pb{background:#fff;color:#0F1A2E;font:500 15px/1.6 Manrope,sans-serif;margin:0}
.pb h1,.pb h2,.pb h3{margin:0}
.pb-h1{font:600 40px/1.22 Unbounded,sans-serif;color:#0F1A2E;letter-spacing:-.01em}
.pb-h2{font:600 28px/1.3 Unbounded,sans-serif;color:#0F1A2E}
.pb-h3{font:700 16.5px Manrope,sans-serif;color:#0F1A2E}
.pb-sub{margin:18px 0 0;font:500 16.5px/1.6 Manrope,sans-serif;color:#4A5568;max-width:560px}
.pb-note{font:500 12.5px/1.55 Manrope,sans-serif;color:#8A93A6}
.pb-kicker{font:600 13px Manrope,sans-serif;color:#6B7688;margin-top:10px}
.pb-sec{padding:74px 0}
.pb-sec-tight{padding:48px 0}
.pb-gray{background:#F5F7FA;border-top:1px solid #EEF1F6;border-bottom:1px solid #EEF1F6}
.pb-sec-head{margin-bottom:38px}
.pb-sec-head p{margin:10px 0 0;font:500 15.5px Manrope,sans-serif;color:#6B7688;max-width:640px}
.pb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2B4EE6;color:#fff;border:none;border-radius:10px;padding:14px 24px;font:700 15px Manrope,sans-serif;cursor:pointer;text-decoration:none;transition:background .15s}
.pb-btn:hover{background:#2038C8}
.pb-btn-outline{background:#fff;color:#0F1A2E;border:1.5px solid #DCE2EC}
.pb-btn-outline:hover{background:#F5F7FA;border-color:#C6D2F6;color:#2B4EE6}
.pb-btn-sm{padding:11px 18px;font-size:14px}
.pb-btn-green{background:#0E8345}.pb-btn-green:hover{background:#0A6A37}
.pb-chip{display:inline-flex;align-items:center;background:#EAF0FE;color:#2B4EE6;border-radius:999px;padding:5px 11px;font:700 11.5px Manrope,sans-serif;white-space:nowrap}
.pb-card{background:#fff;border:1px solid #E3E8EF;border-radius:14px;padding:24px 22px;box-sizing:border-box}
.pb-ic{width:44px;height:44px;border-radius:11px;background:#EAF0FE;display:flex;align-items:center;justify-content:center;flex:none}
.pb-ic svg{stroke:#2B4EE6}
.pb-ic-green{background:#E4F5EB}.pb-ic-green svg{stroke:#0E8345}
.pb-ic svg[stroke="#fff"],.pb-scheme-ic svg[stroke="#fff"]{stroke:#fff}
.pb-ic svg[stroke="#0E8345"],.pb-scheme-ic svg[stroke="#0E8345"]{stroke:#0E8345}
.pb-grid{display:grid;gap:18px}
.pb-grid>*{min-width:0}
.pb-grid-2{grid-template-columns:repeat(2,1fr)}
.pb-grid-3{grid-template-columns:repeat(3,1fr)}
.pb-grid-4{grid-template-columns:repeat(4,1fr)}
.pb-grid-6{grid-template-columns:repeat(6,1fr)}
.pb-card .pb-ic{margin-bottom:15px}
.pb-card h3{margin-bottom:6px}
.pb-card p{margin:0;font:500 13.5px/1.55 Manrope,sans-serif;color:#6B7688}
.pb-card-cta{display:flex;flex-direction:column;align-items:flex-start}
.pb-card-cta .pb-btn{margin-top:auto}
/* header */
.pbh{border-bottom:1px solid #EEF1F6;background:#fff;position:relative}
.pbh-in{height:76px;display:flex;align-items:center;gap:30px}
.pbh-logo{font:700 21px Unbounded,sans-serif;white-space:nowrap;text-decoration:none}
.pbh-logo b{color:#2B4EE6;font-weight:700}.pbh-logo span{color:#0F1A2E}
/* Нав растянут на всю высоту шапки: пункт и его подменю ловят наведение по всей полосе, а не только по надписи */
.pbh-menu{display:flex;gap:24px;font:600 14px Manrope,sans-serif;align-self:stretch}
.pbh-menu>a{display:inline-flex;align-items:center;height:100%}
.pbh-menu a{color:#3D4759;text-decoration:none;transition:color .15s;white-space:nowrap}
.pbh-menu a:hover{color:#2B4EE6}
.pbh-menu a.active{color:#2B4EE6}
/* «Как это работает» и «Безопасность» выкатываются при наведении на «Оплата авто» */
.pbh-group{display:inline-flex;align-items:center;height:100%;padding:0 8px;margin:0 -8px}
.pbh-sub{display:inline-flex;align-items:center;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transform:translateX(-10px);pointer-events:none;transition:max-width .45s cubic-bezier(.33,1,.5,1),opacity .3s ease,transform .45s cubic-bezier(.33,1,.5,1)}
.pbh-sub a{margin-left:24px}
.pbh-group:hover .pbh-sub,.pbh-group:focus-within .pbh-sub{max-width:320px;opacity:1;transform:none;pointer-events:auto;transition:max-width .5s cubic-bezier(.33,1,.5,1),opacity .35s ease .08s,transform .5s cubic-bezier(.33,1,.5,1)}
.pbh-spacer{flex:1}
.pbh-login{font:700 14px Manrope,sans-serif;color:#2B4EE6;text-decoration:none;border:1.5px solid #C6D2F6;border-radius:10px;padding:10px 18px;white-space:nowrap;transition:background .15s}
.pbh-login:hover{background:#EAF0FE}
.pbh-burger{display:none;cursor:pointer;align-items:center}
.pbh-mob{display:none}
/* hero */
.pb-hero{display:grid;grid-template-columns:1fr 470px;gap:56px;align-items:center;padding:62px 0 66px}
.pb-hero-520{grid-template-columns:1fr 520px}
.pb-hero-ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.pb-micro{margin-top:30px;padding-top:20px;border-top:1px solid #E3E8EF;font:600 13px Manrope,sans-serif;color:#8A93A6}
/* hero art — декоративные иллюстрации (своя на каждой публичной странице),
   без подложки: элементы парят на фоне страницы поверх мягкого свечения */
.pb-art{position:relative;height:430px}
.pb-art-bg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pb-art-route{stroke-dasharray:1 9;animation:pb-art-dash 26s linear infinite}
.pa-drift{animation:pb-art-float 5.5s ease-in-out infinite}
@keyframes pb-art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes pb-art-dash{to{stroke-dashoffset:-260}}
@media (prefers-reduced-motion:reduce){.pa-drift,.pb-art-route{animation:none}}
/* interface mockups */
.mock{background:#fff;border:1px solid #E3E8EF;border-radius:16px;box-shadow:0 14px 40px rgba(15,26,46,.08)}
.mock-pad{padding:22px 24px}
.mock-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mock-title{font:700 16px Manrope,sans-serif;color:#0F1A2E}
.mock-sub{font:500 12px Manrope,sans-serif;color:#8A93A6}
.mock-meta{display:flex;gap:14px;flex-wrap:wrap;font:500 12px Manrope,sans-serif;color:#6B7688;margin-top:6px}
.mock-meta b{color:#0F1A2E;font-weight:700}
.mock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #F0F3F8}
.mock-row:last-child{border-bottom:0}
.mock-row-main b{display:block;font:700 13px Manrope,sans-serif;color:#0F1A2E}
.mock-row-main span{display:block;margin-top:2px;font:500 11.5px Manrope,sans-serif;color:#8A93A6}
.mock-amount{text-align:right;font:700 12.5px Manrope,sans-serif;color:#0F1A2E;font-variant-numeric:tabular-nums;white-space:nowrap}
.mock-amount span{display:block;font:500 11px Manrope,sans-serif;color:#8A93A6}
.st-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font:700 10.5px Manrope,sans-serif;white-space:nowrap}
.st-pill i{width:6px;height:6px;border-radius:50%;flex:none}
.st-gray{background:#EEF1F6;color:#5B6474}.st-gray i{background:#8A93A6}
.st-blue{background:#EAF0FE;color:#2B4EE6}.st-blue i{background:#2B4EE6}
.st-invoice{background:#2B4EE6;color:#fff}.st-invoice i{background:#fff}
.st-paid{background:#E3EBFD;color:#1E3A8A}.st-paid i{background:#1E3A8A}
.st-green{background:#E4F5EB;color:#0E8345}.st-green i{background:#16A34A}
.st-orange{background:#FCF0DF;color:#B25E09}.st-orange i{background:#E08A1E}
.st-red{background:#FDECEC;color:#B42318}.st-red i{background:#D64545}
/* vertical stage list (hero card) */
.mock-stages-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;border-top:1px solid #F0F3F8;padding-top:14px}
.mock-stages{display:flex;flex-direction:column;gap:0;margin-top:4px}
.mock-stage{display:flex;align-items:flex-start;gap:10px;position:relative;padding:7px 0}
.mock-stage-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid #DCE2EC;background:#fff;display:flex;align-items:center;justify-content:center;flex:none;position:relative;z-index:1}
.mock-stage-dot svg{stroke:#fff}
.mock-stage.done .mock-stage-dot{background:#2B4EE6;border-color:#2B4EE6}
.mock-stage.now .mock-stage-dot{border-color:#2B4EE6}
.mock-stage.now .mock-stage-dot::after{content:"";width:9px;height:9px;border-radius:50%;background:#2B4EE6}
.mock-stage:not(:last-child)::before{content:"";position:absolute;left:10.5px;top:29px;bottom:-7px;width:1.5px;background:#E3E8EF}
.mock-stage.done:not(:last-child)::before{background:#C6D2F6}
.mock-stage-label{font:600 12.5px Manrope,sans-serif;color:#6B7688;padding-top:2px}
.mock-stage.done .mock-stage-label,.mock-stage.now .mock-stage-label{color:#0F1A2E;font-weight:700}
.mock-stage.now .mock-stage-label b{color:#2B4EE6}
/* window mockup (LK proof) */
.mock-win{display:grid;grid-template-columns:190px 1fr;min-height:380px;overflow:hidden}
.mock-side{background:#F8FAFC;border-right:1px solid #EEF1F6;padding:18px 14px;display:flex;flex-direction:column;gap:3px}
.mock-side-logo{font:700 15px Unbounded,sans-serif;margin:0 6px 14px}
.mock-side-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;font:600 12.5px Manrope,sans-serif;color:#5B6474}
.mock-side-item svg{stroke:#8A93A6;flex:none}
.mock-side-item.active{background:#EAF0FE;color:#2B4EE6}
.mock-side-item.active svg{stroke:#2B4EE6}
.mock-side-badge{margin-left:auto;background:#2B4EE6;color:#fff;border-radius:999px;font:700 9.5px Manrope,sans-serif;padding:2px 6px}
.mock-main{padding:20px 22px;min-width:0}
.mock-filters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 6px}
.mock-filter{border:1px solid #E3E8EF;border-radius:999px;padding:5px 11px;font:600 11px Manrope,sans-serif;color:#6B7688;white-space:nowrap}
.mock-filter.active{background:#EAF0FE;border-color:#C6D2F6;color:#2B4EE6}
.mock-table-head{display:flex;justify-content:space-between;gap:12px;padding:9px 0 7px;border-bottom:1px solid #EEF1F6;font:600 10.5px Manrope,sans-serif;color:#8A93A6;text-transform:uppercase;letter-spacing:.05em}
/* kpi row (partners) */
.mock-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.mock-kpis-3{grid-template-columns:repeat(3,1fr)}
.mock-kpis-2{grid-template-columns:repeat(2,1fr)}
.mock-kpi{background:#fff;border:1px solid #E3E8EF;border-radius:12px;padding:12px 13px;min-width:0}
.mock-kpi b{display:block;font:800 18px Manrope,sans-serif;color:#0F1A2E;font-variant-numeric:tabular-nums;white-space:nowrap}
.mock-kpi span{display:block;margin-top:3px;font:600 10.5px/1.35 Manrope,sans-serif;color:#8A93A6}
.mock-code{display:flex;align-items:center;gap:10px;background:#F5F7FA;border:1px dashed #C6D2F6;border-radius:11px;padding:11px 14px;font:700 13px ui-monospace,Menlo,monospace;color:#0F1A2E;min-width:0;flex-wrap:wrap}
.mock-code-value{overflow-wrap:anywhere;min-width:0}
.mock-code button{margin-left:auto;border:1.5px solid #C6D2F6;background:#fff;color:#2B4EE6;border-radius:8px;padding:7px 12px;font:700 11.5px Manrope,sans-serif;cursor:pointer}
.mock-code button:hover{background:#EAF0FE}
/* horizontal scheme (block 3) */
.pb-scheme{display:flex;align-items:stretch;gap:0;margin-top:34px;overflow-x:auto;padding-bottom:6px}
.pb-scheme-step{flex:1 1 0;min-width:128px;position:relative;padding:0 16px 0 0}
.pb-scheme-step:not(:last-child)::after{content:"";position:absolute;left:calc(50% + 13px);top:13px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C0C8D4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center/18px 18px no-repeat}
.pb-scheme-tags .pb-scheme-step:not(:last-child)::after{top:44px}
.pb-scheme-you .pb-scheme-ic{background:#EEF1F6}.pb-scheme-you .pb-scheme-ic svg{stroke:#5B6474}
.pb-scheme-ic{width:44px;height:44px;border-radius:11px;background:#EAF0FE;display:flex;align-items:center;justify-content:center}
.pb-scheme-ic svg{stroke:#2B4EE6}
.pb-scheme-step b{display:block;margin-top:11px;font:700 13.5px Manrope,sans-serif;color:#0F1A2E}
.pb-scheme-step span{display:block;margin-top:3px;font:500 12px/1.5 Manrope,sans-serif;color:#6B7688}
.pb-scheme-tag{display:inline-block;margin-bottom:10px;font:600 11px Manrope,sans-serif;color:#8A93A6;letter-spacing:.02em}
/* numbered process (block 5) */
.pb-step .pb-step-top{display:flex;align-items:center;margin-bottom:13px}
.pb-step-line{flex:1;height:1.5px;background:#E3E8EF;margin-left:12px}
.pb-step-num{font:600 11px ui-monospace,Menlo,monospace;color:#8A93A6;letter-spacing:.08em}
.pb-step b{display:block;font:700 14.5px Manrope,sans-serif;color:#0F1A2E;margin:4px 0 5px}
.pb-step span{font:500 12.5px/1.5 Manrope,sans-serif;color:#6B7688}
/* calculator */
.pb-calc{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.18fr) minmax(0,.94fr);gap:20px;align-items:stretch}
.pb-field{display:block;margin-bottom:15px}
.pb-label{display:block;font:700 12.5px Manrope,sans-serif;color:#3D4759;margin-bottom:6px}
.pb-input,.pb-select{width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #D7DEE9;border-radius:10px;padding:12px 14px;font:600 14.5px Manrope,sans-serif;color:#0F1A2E}
.pb-input:focus,.pb-select:focus{outline:none;border-color:#2B4EE6}
.pb-input-big{font:800 20px Manrope,sans-serif;font-variant-numeric:tabular-nums;padding:13px 14px}
.pb-selectwrap{position:relative}
.pb-selectwrap svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none}
.pb-selectwrap .pb-select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer}
.pb-kv{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid #EEF1F6;font:500 13.5px Manrope,sans-serif;color:#6B7688}
.pb-kv b{font:700 14px Manrope,sans-serif;color:#0F1A2E;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.pb-total{margin-top:14px;background:#F5F7FA;border-radius:12px;padding:15px 18px}
.pb-total span{font:600 12.5px Manrope,sans-serif;color:#6B7688}
.pb-total b{display:block;font:800 30px Manrope,sans-serif;color:#0F1A2E;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px}
.pb-explain{background:#EAF0FE;border:1px solid #D5E0FA}
.pb-explain p{color:#3D4759}
/* callouts (LK proof) */
.pb-callout{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #EEF1F6}
.pb-callout:last-child{border-bottom:0}
.pb-callout .pb-ic{width:38px;height:38px;border-radius:10px}
.pb-callout b{display:block;font:700 14px Manrope,sans-serif;color:#0F1A2E}
.pb-callout span{display:block;margin-top:2px;font:500 12.5px/1.5 Manrope,sans-serif;color:#6B7688}
/* two-column roles */
.pb-roles{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pb-role-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.pb-role-list span{display:flex;align-items:flex-start;gap:9px;font:600 13.5px/1.5 Manrope,sans-serif;color:#3D4759}
.pb-role-list svg{flex:none;margin-top:3px}
/* faq */
.pb-faq{display:flex;flex-direction:column;gap:10px}
.pb-faq-item{border:1px solid #E3E8EF;border-radius:12px;padding:17px 20px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}
.pb-faq-item.open{border:1.5px solid #C6D2F6;background:#F9FAFD;padding:16.5px 19.5px}
.pb-faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px;font:700 15px Manrope,sans-serif;color:#0F1A2E}
.pb-faq-q svg{flex:none;stroke:#6B7688;transition:transform .15s}
.pb-faq-item.open .pb-faq-q svg{stroke:#2B4EE6;transform:rotate(180deg)}
.pb-faq-a{display:none;margin-top:10px;font:500 13.5px/1.6 Manrope,sans-serif;color:#4A5568;max-width:660px}
.pb-faq-item.open .pb-faq-a{display:block}
/* lead forms */
.pb-form-card{background:#fff;border:1px solid #E3E8EF;border-radius:14px;padding:24px 26px}
.pb-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}
.pb-check{display:flex;gap:9px;align-items:flex-start;font:500 12px/1.5 Manrope,sans-serif;color:#6B7688;cursor:pointer}
.pb-check input{margin:2px 0 0;accent-color:#2B4EE6;flex:none;width:15px;height:15px}
.pb-form-error{display:none;margin-top:12px;background:#FDECEC;border:1px solid #F5CACA;border-radius:11px;padding:11px 14px;font:600 12.5px/1.5 Manrope,sans-serif;color:#B42318}
.pb-form-success{display:none;flex-direction:column;align-items:center;gap:12px;padding:34px 10px;text-align:center}
.pb-form-success .pb-ok{width:52px;height:52px;border-radius:50%;background:#E4F5EB;display:flex;align-items:center;justify-content:center}
.pb-form-success b{font:700 16px Manrope,sans-serif;color:#0F1A2E}
.pb-form-success span{font:500 13.5px/1.55 Manrope,sans-serif;color:#6B7688}
/* geography CTA row */
.pb-geo-grid{grid-template-columns:repeat(3,1fr)}  /* 6 направлений: 3+3, до 1023px — 2 в ряд */
@media (max-width:1023px){.pb-geo-grid{grid-template-columns:repeat(2,1fr)}}
.pb-geo-note{grid-column:1/-2;align-self:center}
.pb-geo-cta{width:100%;box-sizing:border-box;white-space:nowrap}
/* trust */
.pb-trust-list a{color:#2B4EE6;text-decoration:none;font-weight:700}
.pb-trust-list a:hover{text-decoration:underline}
/* footer */
.pbf{background:#0F1A2E;color:#B9C2D0;margin-top:0}
.pbf a{color:#B9C2D0;text-decoration:none;transition:color .15s}
.pbf a:hover{color:#fff}
.pbf-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr 1.2fr;gap:30px;padding:46px 0 34px}
.pbf-logo{font:700 19px Unbounded,sans-serif}
.pbf-logo b{color:#7B96F5;font-weight:700}.pbf-logo span{color:#fff}
.pbf-col b{display:block;font:700 13px Manrope,sans-serif;color:#fff;margin-bottom:13px}
.pbf-col{font:500 13px/1.6 Manrope,sans-serif}
.pbf-col>div{display:flex;flex-direction:column;gap:9px}
.pbf-desc{margin:12px 0 0;font:500 12.5px/1.6 Manrope,sans-serif;color:#8A93A6;max-width:240px}
.pbf-bottom{border-top:1px solid rgba(255,255,255,.09);padding:20px 0 26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:500 12px Manrope,sans-serif;color:#7A8598}
/* responsive */
@media (max-width:1365px){
[data-collapse]{grid-template-columns:1fr!important;padding:26px 20px!important}
.pb-h1{font-size:30px}
.pb-h2{font-size:22px}
.pb-hero,.pb-hero-520{grid-template-columns:1fr;gap:36px;padding:38px 0 44px}
.pb-art{height:360px}
.pb-grid-4{grid-template-columns:repeat(2,1fr)}
.pb-grid-6{grid-template-columns:repeat(2,1fr)}
.pb-grid-3{grid-template-columns:1fr}
.pb-calc{grid-template-columns:1fr 1fr}
.pb-calc>.pb-explain{grid-column:1/-1}
.mock-win{grid-template-columns:1fr}
.mock-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #EEF1F6;padding:12px 14px}
.mock-side-logo{display:none}
.mock-kpis{grid-template-columns:repeat(3,1fr)}
.mock-kpis-2{grid-template-columns:repeat(2,1fr)}
.pb-roles{grid-template-columns:1fr}
.pbf-grid{grid-template-columns:repeat(2,1fr)}
.pb-proof-wide{grid-template-columns:1fr!important}
}
@media (max-width:1365px){
.mock-scale-outer{overflow:hidden}
.mock-scale-outer .mock-win{width:980px;margin:0 auto;transform-origin:top left;grid-template-columns:190px 1fr;min-height:380px}
.mock-scale-outer .mock-side{flex-direction:column;overflow:visible;border-right:1px solid #EEF1F6;border-bottom:0;padding:18px 14px}
.mock-scale-outer .mock-side-logo{display:block}
.mock-scale-outer .mock-pad{padding:22px 24px}
.mock-scale-outer .mock-title{font:700 16px Manrope,sans-serif}
.mock-scale-outer .mock-row-main b{font-size:13px}
.mock-scale-outer .mock-row-main span{font-size:11.5px}
.mock-scale-outer .mock-amount{font-size:12.5px}
.mock-scale-outer .st-pill{font-size:10.5px;padding:4px 10px}
.pbh-menu,.pbh-login,.pbh-cta-desktop{display:none}
.pbh-burger{display:inline-flex}
.pbh-mob{position:absolute;top:76px;left:0;right:0;z-index:40;background:#fff;border-bottom:1px solid #EEF1F6;flex-direction:column;gap:2px;padding:6px 18px 16px;box-shadow:0 16px 30px rgba(15,26,46,.08)}
.pbh-mob.open{display:flex}
.pbh-mob a{padding:11px 4px;font:600 15px Manrope,sans-serif;color:#0F1A2E;text-decoration:none;border-bottom:1px solid #F5F7FA}
.pbh-mob a.pbh-mob-cta{color:#2B4EE6;font-weight:700}
}
@media (max-width:720px){
.pb-wrap{padding:0 16px}
.pb-sec{padding:40px 0}
.pb-sec-tight{padding:30px 0}
.pb-h1{font-size:24px}
.pb-h2{font-size:19px}
.pb-h3{font-size:14.5px}
.pb-sub{font-size:13.5px;margin-top:12px}
.pb-sec-head{margin-bottom:24px}
.pb-sec-head p{font-size:13px}
.pb-note{font-size:11.5px}
.pb-micro,.pb-kicker{font-size:11.5px}
.pb-btn{padding:12px 18px;font-size:13.5px}
.pb-btn-sm{padding:10px 14px;font-size:12.5px}
.pb-chip{font-size:10.5px;padding:4px 9px}
.pb-card{padding:18px 16px}
.pb-card p{font-size:12.5px}
.pb-ic{width:38px;height:38px;border-radius:9px}
.pb-card .pb-ic{margin-bottom:12px}
.pb-input,.pb-select{padding:11px 12px;font-size:13.5px}
.pb-input-big{font-size:17px}
.pb-label{font-size:11.5px}
.pb-kv{font-size:12.5px;padding:8px 0}
.pb-kv b{font-size:12.5px}
.pb-total{padding:12px 14px}
.pb-total b{font-size:22px}
.pb-step b{font-size:13px}
.pb-step span{font-size:11.5px}
.pb-callout{padding:10px 0}
.pb-callout b{font-size:13px}
.pb-callout span{font-size:11.5px}
.pb-callout .pb-ic{width:34px;height:34px}
.pb-faq-item{padding:14px 15px}
.pb-faq-item.open{padding:13.5px 14.5px}
.pb-faq-q{font-size:13.5px}
.pb-faq-a{font-size:12.5px}
.pb-form-card{padding:18px 16px}
.pb-check{font-size:11px}
.pb-role-list span{font-size:12.5px}
.pb-scheme-step b{font-size:12.5px}
.pb-scheme-step span{font-size:11.5px}
.pb-scheme-ic{width:38px;height:38px}
.mock-pad{padding:16px 14px}
.mock-title{font-size:14px}
.mock-sub,.mock-meta{font-size:11px}
.mock-kpi{padding:10px 11px}
.mock-kpi b{font-size:15px}
.mock-kpi span{font-size:10px}
.mock-row-main b{font-size:12px}
.mock-row-main span{font-size:10.5px}
.mock-amount{font-size:11.5px}
.mock-amount span{font-size:10px}
.st-pill{font-size:9.5px;padding:3px 8px}
.mock-code{font-size:11.5px;padding:9px 11px}
.mock-code button{font-size:10.5px;padding:6px 10px}
.mock-stage-label{font-size:11.5px}
.pbf-col{font-size:12px}
.pbf-desc{font-size:11.5px}
.pbf-bottom{font-size:11px}
.pb-grid-2,.pb-grid-4,.pb-grid-6{grid-template-columns:1fr}
.pb-grid-4{grid-template-columns:repeat(2,1fr)}
.pb-calc{grid-template-columns:1fr}
.pb-form-grid{grid-template-columns:1fr}
.pb-hero-ctas a{flex:1 1 100%}
.pb-hero-ctas .pb-btn{width:100%;box-sizing:border-box}
.mock-kpis,.mock-kpis-3{grid-template-columns:repeat(2,1fr)}
.pbf-grid{grid-template-columns:1fr;gap:22px;padding:34px 0 24px}
.pb-total b{font-size:25px}
.pb-scheme{flex-direction:column;gap:16px;overflow:visible;margin-top:26px}
.pb-scheme-step{min-width:0;padding:0}
.pb-scheme-step:not(:last-child)::after{display:none}
.mock-row{flex-wrap:wrap;row-gap:6px}
.mock-row>div:last-child{margin-left:auto}
.mock-stages-grid{grid-template-columns:1fr;gap:0}
.pb-art{height:270px}
.pb-geo-note,.pb-geo-cta{grid-column:1/-1}
}

/* Плашка «Связаться с нами»: на ПК клик показывает номер, затем копирует.
   Ширину фиксирует public.js, чтобы номер и «Скопировано» не меняли размер. */
.pbh-phone{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:7px;font:700 13.5px Manrope,sans-serif;color:#2B4EE6;text-decoration:none;border:1.5px solid #C6D2F6;border-radius:10px;padding:10px 16px;white-space:nowrap;overflow:hidden;transition:border-color .15s,background .15s,color .15s}
.pbh-phone:hover{border-color:#2B4EE6;background:#F6F8FE}
.pbh-phone svg{flex:none}
.pbh-phone.revealed span{font-variant-numeric:tabular-nums;font-size:12.5px}
.pbh-phone.copied{color:#0E8345;border-color:#CFE9D8;background:#F4FBF6}
.pbh-mob .pbh-mob-phone{display:flex;align-items:center;gap:8px;color:#2B4EE6;font-weight:700}
@media (max-width:720px){
.pbh-phone{padding:9px;border-radius:10px}
.pbh-phone span{display:none}
}

/* Пока открыт попап, страница позади не прокручивается (top ставит JS) */
body.pb-modal-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}

/* Попап «Связаться с нами» в мобильной версии */
.pb-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center}
.pb-modal[hidden]{display:none}
.pb-modal-backdrop{position:absolute;inset:0;background:rgba(15,26,46,.45)}
.pb-modal-card{position:relative;background:#fff;border-radius:16px;padding:26px 22px;width:min(320px,calc(100vw - 48px));box-sizing:border-box;text-align:center;box-shadow:0 24px 60px rgba(15,26,46,.25);animation:pb-modal-in .25s cubic-bezier(.33,1,.5,1)}
@keyframes pb-modal-in{from{opacity:0;transform:translateY(12px) scale(.97)}}
.pb-modal-title{font:700 15.5px Manrope,sans-serif;color:#0F1A2E;margin-bottom:8px}
.pb-modal-phone{display:block;font:800 22px Manrope,sans-serif;color:#2B4EE6;text-decoration:none;margin:2px 0 4px;font-variant-numeric:tabular-nums}
.pb-modal-hours{font:500 12.5px Manrope,sans-serif;color:#6B7688;margin-bottom:16px}
.pb-modal-actions{display:grid;gap:8px}

/* Вложенные разделы «Оплата авто» в мобильном меню */
@media (max-width:1365px){
.pbh-mob-row{display:flex;align-items:center;border-bottom:1px solid #F5F7FA}
.pbh-mob-row a{flex:1;border-bottom:0}
.pbh-mob-more{background:none;border:0;padding:11px 6px;cursor:pointer;display:inline-flex}
.pbh-mob-more svg{transition:transform .3s ease}
.pbh-mob-group.open .pbh-mob-more svg{transform:rotate(180deg)}
.pbh-mob-sub{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.33,1,.5,1)}
.pbh-mob-group.open .pbh-mob-sub{max-height:120px}
.pbh-mob-sub a{display:block;padding:10px 4px 10px 22px;font:600 14px Manrope,sans-serif;color:#3D4759;border-bottom:1px solid #F5F7FA}
}

/* Мобильная версия: преимущества и этапы работы идут одним столбиком */
@media (max-width:720px){
.pb-sec-tight .pb-grid-4,#flow .pb-grid-4{grid-template-columns:1fr}
}

/* Обязательные поля форм заявок */
.pb-req{color:#D64545;font-weight:700;margin-left:3px}
.pb-btn:disabled{opacity:.45;cursor:not-allowed}
.pb-btn:disabled:hover{background:#2B4EE6}
.pb-form-hint{display:none;margin-top:10px;font:500 12px/1.5 Manrope,sans-serif;color:#6B7688;text-align:center}
.pb-form-hint.show{display:block}

/* Выбор способа связи в формах заявок */
.pb-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 4px}
.pb-seg-opt{position:relative;display:block;cursor:pointer}
.pb-seg-opt input{position:absolute;opacity:0;pointer-events:none}
.pb-seg-opt span{display:flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid #E3E8EF;border-radius:10px;padding:9px 10px;font:700 13px Manrope,sans-serif;color:#3D4759;background:#fff;transition:border-color .15s,color .15s,background .15s}
.pb-seg-opt span svg{flex:none}
.pb-seg-opt:hover span{border-color:#C6D2F6}
.pb-seg-opt input:checked+span{border-color:#2B4EE6;color:#2B4EE6;background:#F6F8FE}
.pb-seg-opt input:focus-visible+span{outline:2px solid #2B4EE6;outline-offset:2px}

/* Дисклеймер под кнопкой заявки */
.pb-form-legal{margin:12px 0 0;font:500 11px/1.5 Manrope,sans-serif;color:#8A93A6}

/* Юридические страницы: политика и согласие. Вертикальные отступы — padding
   у серой подложки, а не margin у карточки: margin схлопывался сквозь обёртку,
   и серый фон начинался от карточки, а не от шапки. */
.pb-legal-bg{background:#F5F7FA;padding:40px 0 72px}
.pb-legal{max-width:880px;margin:0 auto;background:#fff;border:1px solid #E3E8EF;border-radius:14px;padding:34px 38px;box-sizing:border-box}
.pb-legal h1{font:600 25px/1.35 Unbounded,sans-serif;color:#0F1A2E}
.pb-legal h2{margin:30px 0 10px;font:700 16px/1.4 Manrope,sans-serif;color:#0F1A2E}
.pb-legal h3{margin:18px 0 8px;font:700 14.5px/1.4 Manrope,sans-serif;color:#0F1A2E}
.pb-legal p,.pb-legal li{margin:0 0 8px;font:500 14px/1.65 Manrope,sans-serif;color:#3D4759}
.pb-legal ul{margin:0 0 10px;padding-left:22px}
.pb-legal ul li{margin-bottom:5px}
.pb-legal a{color:#2B4EE6;font-weight:600}
.pb-legal a:hover{text-decoration:underline}
.pb-legal-meta{margin-top:10px;font:500 13px Manrope,sans-serif;color:#8A93A6}
.pb-legal-scroll{overflow-x:auto}
.pb-legal-table{width:100%;border-collapse:collapse;margin:6px 0 12px;font:500 13.5px/1.5 Manrope,sans-serif;color:#3D4759}
.pb-legal-table th{padding:9px 10px;text-align:left;font:700 10.5px Manrope,sans-serif;color:#8A93A6;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #EEF1F6;vertical-align:bottom}
.pb-legal-table td{padding:10px;border-bottom:1px solid #EEF1F6;vertical-align:top}
@media (max-width:720px){
.pb-legal-bg{padding:16px 0 40px}
.pb-legal{padding:22px 18px;border-radius:12px}
.pb-legal h1{font-size:20px}
.pb-legal-table{min-width:520px}
}