/* The parts: buttons, fields, tags, cards, rows, menus, windows, the shell (design system, docs/dizain.md). */
@layer components{
.button{font:inherit;text-align:center}
.button:hover{background:var(--accent);color:var(--on-accent)}
.secondary{border-color:var(--line)}
.secondary:hover{background:var(--bg-subtle);color:var(--text)}
.brand{font-weight:780;letter-spacing:-.7px;text-decoration:none;white-space:nowrap}
.logout{display:flex;gap:15px;align-items:center;margin-left:auto;font-size:13px}
.logout button{margin:0}
.demo-bar{padding:8px 40px;background:var(--bg-subtle);color:var(--text);font-size:12px;letter-spacing:.1px}
.help,.note{line-height:1.5}
.note{margin:18px 0 0}
.page-heading{display:flex;justify-content:space-between;gap:24px}
.page-heading p:last-child{margin-bottom:0}
.card{background:var(--bg-card);border:1px solid var(--line);padding:25px}
.filters{padding:24px;display:flex;align-items:end;gap:14px;background:var(--bg-card)}
.filters .search-field{flex:1}
.filters select{min-width:210px}
.filters button{margin:0;white-space:nowrap}
.filters label{font-size:12px;margin-top:0}
.table-meta span{float:right}
.table-scroll{overflow:auto}
.case-number{display:block;font-size:13px;margin-bottom:6px;text-decoration:none}
.pill{display:inline-block;white-space:nowrap;font-weight:650}
.pill.received{background:var(--bg-subtle);color:var(--text)}
.pill.working{background:var(--bg-subtle);color:var(--text)}
.pill.ready{background:var(--ok-bg);color:var(--ok)}
.pill.failed{background:var(--danger-bg);color:var(--danger)}
.empty{text-align:center;padding:55px 20px}
.empty h2{margin-bottom:8px}
.pagination{display:flex;justify-content:center;gap:25px;border-top:1px solid var(--line);padding:19px;font-size:13px}
.back-link{font-size:13px;text-decoration:none}
.intake-form>.card{margin-bottom:20px}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.field{margin:15px 0}
.checkbox-field{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.checkbox-field input{order:-1}
.checkbox-field label{margin:0}
.field .help{margin:6px 0 0}
.field-error input,.field-error textarea,.field-error select{border-color:var(--danger)}
.field-message{font-size:12px;color:var(--danger);margin:5px 0}
.error,.message{padding:15px 18px;background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-line)}
.error ul{padding-left:18px;margin:6px 0}
.message.success{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
.form-footer p{max-width:540px;font-size:13px}
.form-footer button{margin:0}
.state{border-right:1px solid var(--line)}
.state span,.state strong,.state small{display:block}
.state span{color:var(--text-3);font-size:12px;margin-bottom:6px}
.state strong{font-size:19px;font-weight:650}
.state small{font-size:12px;margin-top:5px}
.debt{color:var(--wait)}
.next-step p{font-size:13px;color:var(--text)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:22px}
.detail-grid .card{margin-bottom:22px}
.facts{margin:0}
.facts>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:15px;padding:12px 0;border-bottom:1px solid var(--line-row)}
.facts>div:last-child{border:0}
.facts dt{color:var(--text-3)}
.facts dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.facts small{display:block;margin-top:5px}
.history-entry{padding:15px 0;border-bottom:1px solid var(--line-row);font-size:14px}
.history-entry p{margin:8px 0}
.history-entry small{font-size:11px}
.history-entry:last-child{border:0}
.document{padding:15px 0;border-bottom:1px solid var(--line)}
.document strong,.document small{display:block}
.document small{margin:5px 0 12px}
.pending{padding:12px;border:1px solid var(--wait-line);border-radius:6px;font-size:12px;margin:15px 0}
.pending small{color:var(--wait)}
.attachment{border-top:1px solid var(--line);padding:14px 0;font-size:13px;overflow-wrap:anywhere}
.attachment small{display:block;font-size:11px;margin-top:5px}
.timeline{list-style:none;padding:0 0 0 14px;margin:22px 0 0;border-left:1px solid var(--line)}
.timeline li{position:relative;padding:0 0 22px 12px;font-size:13px}
.timeline li:last-child{padding-bottom:0}
.timeline li:before{content:"";position:absolute;top:5px;left:-19px;width:8px;height:8px;background:var(--accent);border-radius:50%}
.timeline li p{margin:5px 0;overflow-wrap:anywhere}
.timeline small{display:block;margin-top:5px}
.app-footer{margin:35px auto 20px;display:flex;justify-content:space-between;gap:15px;color:var(--text-3)}
.skip-link{position:absolute;left:10px;top:-80px;background:var(--bg-card);padding:10px;z-index:10}
.skip-link:focus{top:10px}
.login{max-width:470px;margin:9vh auto;background:var(--bg-card);padding:38px;border:1px solid var(--line);border-radius:12px}
.login .eyebrow{margin-top:35px}
.login h1{font-size:var(--type-page)}
.login label{margin-top:18px}
.login button{width:100%;margin-top:22px}
.login .note{margin-top:25px}
.login .muted{font-size:14px}
@media(max-width:1000px){
.demo-bar{padding-left:24px;padding-right:24px}
.detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}
.facts>div{grid-template-columns:125px minmax(0,1fr)}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.logout{gap:8px;font-size:11px}
.logout .small{font-size:12px;padding:7px 10px}
.demo-bar{padding:8px 18px;font-size:10px}
.page-heading{gap:16px}
.page-heading .button{padding:10px 16px}
.page-heading .muted{font-size:13px}
.filters{padding:18px;flex-wrap:wrap;gap:12px}
.filters .search-field{flex-basis:100%}
.filters select{min-width:0}
.filters>div:nth-child(2){flex:1}
.table-meta span{display:none}
.card{padding:20px}
.form-grid,.form-grid.two{grid-template-columns:1fr}
.form-footer{align-items:stretch;flex-direction:column}
.state{border-right:0}
.state strong{font-size:17px}
.detail-grid{grid-template-columns:1fr}
.facts>div{grid-template-columns:105px minmax(0,1fr);gap:12px}
.app-footer{flex-direction:column;margin-top:25px;gap:5px}
.login{margin:30px 18px;padding:28px}
}
.unpaid-balance{color:var(--danger);font-weight:650}
#id_case_type{display:flex;flex-wrap:wrap;gap:12px}
#id_case_type>div{border-radius:8px}
.stage-action summary{font-weight:600}
.stage-action form{padding-top:16px}
.facts dd{overflow-wrap:anywhere}
.filters{flex-wrap:wrap}
.pill.external{background:var(--bg-subtle);color:var(--text)}
.pill.returned_review,.pill.terminated,.pill.waiting_customer{background:var(--wait-bg);color:var(--wait)}
.worklists{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}
.worklists a{padding:.6rem .8rem;background:var(--bg-card);border:1px solid var(--line-field);border-radius:.4rem}
#kit-choices{flex-wrap:wrap}
#kit-choices label{display:flex;align-items:center;gap:.4rem}
#kit-choices input{width:auto}
.card p,.card li,.card summary{overflow-wrap:anywhere}
.card,.card details{min-width:0}
.table-scroll{overflow-x:auto}
.readiness-list{list-style:none;margin:0;padding:0}
.readiness-list li{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line-row)}
.readiness-list li:last-child{border-bottom:0}
.readiness-list strong,.readiness-list small{display:block}
.readiness-list small{font-size:13px;color:var(--text-2);margin-top:3px}
.readiness-status{font-size:12px;font-weight:750;color:var(--wait);background:var(--wait-bg);border-radius:99px;padding:4px 9px;text-align:center}
.readiness-status.ready{color:var(--ok);background:var(--ok-bg)}
.readiness-list a{white-space:nowrap}
.card fieldset{border:1px solid var(--line);border-radius:8px;margin:14px 0;padding:12px 15px}
.card fieldset .checkbox-field{margin:8px 0;font-size:15px}
.card>h2{margin-bottom:14px}
.detail-grid .card h2{font-size:var(--type-block)}
.detail-grid .card p,.detail-grid .card summary{font-size:14px}
.detail-grid .card small{font-size:12px}
@media(max-width:760px){
.readiness-list li{grid-template-columns:70px minmax(0,1fr);gap:8px}
.readiness-list a{grid-column:2}
.card fieldset .checkbox-field{align-items:flex-start}
}
.button:hover{background:var(--bg-inverse)}
.secondary{border-color:var(--line-field)}
.secondary:hover{background:var(--bg-subtle);color:var(--text)}
.pill{font-weight:700}
.pill.received,.pill.working,.pill.external,.pill.customer_shipping{background:var(--bg-subtle);color:var(--text)}
.pill.ready{background:var(--ok-bg);color:var(--ok)}
.pill.returned_review,.pill.waiting_customer,.pill.terminated,.pending{background:var(--wait-bg);color:var(--wait)}
.pill.failed,.unpaid-balance{color:var(--danger)}
.pill.failed{background:var(--danger-bg)}
.menu-panel{position:absolute;top:calc(100% + 5px);right:0;z-index:30;min-width:245px;padding:6px;background:var(--bg-card);border:1px solid var(--line);box-shadow:0 12px 28px var(--shade-2)}
.menu-panel a{display:block;padding:10px 12px;text-decoration:none;color:var(--text);font-size:14px;border-radius:5px}
.menu-panel a:hover{background:var(--bg-subtle);color:var(--text)}
.next-step h2{color:var(--text)}
#id_case_type>div{border-color:var(--line)}
.facts dt{color:var(--text-2)}
.detail-grid .card p,.detail-grid .card summary{font-size:15px}
.history-entry small{font-size:13px}
@media(max-width:760px){
.brand{grid-column:1;grid-row:1}
.card{padding:17px}
.detail-grid{gap:12px}
.detail-grid .card{margin-bottom:12px}
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
a.is-pending{color:var(--text)!important;background:var(--bg-subtle)!important}
a.is-pending::after{content:"";display:inline-block;vertical-align:middle;width:11px;height:11px;margin-left:7px;border:2px solid var(--line-field);border-top-color:var(--line-field);border-radius:50%;animation:erp-nav-spin .7s linear infinite}
@keyframes erp-nav-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
a.is-pending::after{animation:none;border-top-color:var(--line-field)}
}
.help,.note,.eyebrow,.facts dt,.facts small,.table-meta,.app-footer,.document small,.history-entry small,.timeline small,.timeline li p{font-size:13px}
.button:hover{background:var(--bg-inverse);color:var(--on-inverse)}
.secondary:hover{background:var(--bg-subtle);color:var(--text)}
.card{background:var(--bg-card);border:1px solid var(--line);padding:20px}
.erp-shell.layout-detail{--erp-frame:1360px}
.erp-shell.layout-intake{--erp-frame:1168px}
.erp-shell.layout-form{--erp-frame:960px}
.erp-shell.layout-home{--erp-frame:1392px}
.workspace{width:100%;max-width:var(--erp-frame,1360px);padding:0 24px;min-width:0;box-sizing:border-box}
.erp-shell .workspace,.erp-shell .app-footer{grid-column:2}
.erp-topbar-inner{width:100%;max-width:var(--erp-frame);margin:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px}
.workspace>*{min-width:0}
.erp-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.erp-navigation{position:fixed;inset:0 auto 0 0;width:220px;z-index:30;margin:0;padding:0;border:0}
.erp-navigation>summary{display:none}
.erp-nav-panel{height:100%;overflow-y:auto;padding:24px 12px}
.erp-navigation .brand{color:var(--side-text-strong);font-size:20px;padding:0 8px 20px}
.erp-navigation .brand span{color:var(--text-2)}
.primary-nav{display:grid}
.primary-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1.3}
.primary-nav a:hover{background:var(--accent)}
.primary-nav a[aria-current=page]{border-left-color:var(--line-field)}
.primary-nav a[data-module=pricing] .erp-icon{color:var(--side-text)}
.erp-navigation a:focus-visible,.erp-navigation summary:focus-visible{outline-color:var(--side-text-strong)}
.erp-topbar{min-width:0;min-height:64px;display:flex;align-items:center}
.erp-account{display:flex;align-items:center}
.erp-account details{margin:0;border:0;padding:0;position:relative}
.erp-account details[open]>summary{margin:0}
.menu-panel{position:absolute;right:0;top:100%;z-index:40;min-width:240px;max-width:calc(100vw - 32px);padding:16px;background:var(--bg-card);border:1px solid var(--line);box-shadow:0 8px 24px var(--shade-2)}
.menu-panel a{display:block;padding:8px 0}
.erp-shell .app-footer{padding:0 24px;width:100%;max-width:var(--erp-frame);box-sizing:border-box}
.erp-empty{padding:24px;background:var(--bg-card);border:1px dashed var(--line);border-radius:10px}
.erp-notice.error{border-left-color:var(--danger);background:var(--danger-bg)}
.erp-properties{margin:0}
.erp-properties>div{padding:10px 0;border-bottom:1px solid var(--line-row)}
.erp-properties dt{color:var(--text-2);font-size:13px}
.erp-properties dd{margin:4px 0 0;overflow-wrap:anywhere}
.erp-state,.erp-type{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:3px 9px;font-size:13px;font-weight:600;white-space:normal;background:var(--bg-subtle);color:var(--text-2)}
.erp-state.working{background:var(--bg-subtle);color:var(--text-2)}
.erp-state.waiting,.erp-state.later{background:var(--wait-bg);color:var(--wait)}
.erp-state.review,.erp-type.idea{background:var(--wait-bg);color:var(--wait)}
.erp-state.done,.erp-state.accepted{background:var(--ok-bg);color:var(--ok)}
.erp-type.problem{background:var(--danger-bg);color:var(--danger)}
.erp-priority.high{color:var(--wait)}
.erp-priority.urgent,.erp-overdue,.errorlist{color:var(--danger)}
.erp-priority{font-size:13px;font-weight:600}
.erp-type .erp-icon{width:16px;height:16px;flex-basis:16px}
.erp-toolbar{flex-wrap:wrap;gap:12px;margin:16px 0}
.erp-toolbar .search-field{flex:1}
.erp-toolbar summary{padding:10px;border:1px solid var(--line-field);border-radius:6px}
.erp-chip{display:inline-flex;gap:8px;padding:6px 10px;background:var(--bg-card);border:1px solid var(--line);border-radius:6px;font-size:13px}
.erp-surface-list{list-style:none;padding:0;margin:0}
.erp-surface-list>li{padding:14px 0;border-bottom:1px solid var(--line-row)}
.error-summary{border:1px solid var(--danger);padding:16px;background:var(--danger-bg);margin:16px 0}
@media(max-width:1179px){
.erp-shell .workspace,.erp-shell .app-footer,.erp-topbar{grid-column:1}
.erp-navigation{position:relative;width:auto}
.erp-navigation>summary{display:flex;gap:8px;align-items:center;padding:12px 24px;margin:0}
.erp-navigation .erp-nav-panel{height:auto}
.erp-navigation:not([open])>.erp-nav-panel{display:none}
.erp-context{font-size:14px}
}
@media(max-width:767px){
.workspace{padding:0 16px}
.erp-topbar{min-height:56px}
.erp-topbar-inner{gap:8px}
.erp-context{font-size:13px}
.erp-navigation>summary{padding:12px 16px}
.card{padding:16px}
.button{min-height:44px}
.erp-shell .app-footer{padding:0 16px}
.erp-toolbar .search-field{flex-basis:100%}
.facts>div{grid-template-columns:105px minmax(0,1fr)}
.table-scroll table{min-width:650px}
.form-grid,.form-grid.two{grid-template-columns:1fr}
.login{margin:24px 16px;padding:24px}
}
@media print{
.erp-navigation,.erp-topbar,.app-footer,.service-subnav,.skip-link,.work-local-nav{display:none!important}
.erp-shell .workspace{margin:0!important;padding:0!important;width:100%;max-width:none}
.workspace a{color:inherit}
}
.erp-public .workspace{max-width:760px;margin:32px auto}
.erp-public .brand{margin-bottom:24px}
.erp-public .card{margin:20px 0}
.settings-group{margin:20px 0}
.settings-group>p>a{display:inline-flex;min-height:40px;align-items:center}
.module-settings .workspace>section.card{margin-bottom:24px}
.module-settings .workspace>form,.module-more .workspace>form{max-width:900px}
.module-rma .workspace>.card{margin:20px 0}
.module-pricing .workspace>.card{margin-bottom:20px}
.module-pricing td{font-variant-numeric:tabular-nums}
.module-stock .stock-workplace{color:var(--text)}
.module-stock .stock-panel{border-color:var(--line);border-radius:10px}
.module-stock .stock-chip.active{background:var(--bg-subtle);color:var(--text);border-color:var(--line-strong)}
.module-service .intake-form>.card{border-top:3px solid var(--line)}
.module-service .service-worklist a[aria-current=page]{border-color:var(--line-strong)}
@media(max-width:767px){
.erp-public .workspace{margin:24px auto}
.module-more table{display:block;overflow-x:auto;max-width:100%}
.module-more td{overflow-wrap:anywhere}
.module-pricing .page-heading h1{font-size:var(--type-page)}
.erp-client-table,.erp-client-table tbody,.erp-client-table tr,.erp-client-table td{display:block;width:100%;min-width:0}
.erp-client-table thead{display:none}
.erp-client-table tr{padding:12px 0;border-bottom:1px solid var(--line-row)}
.erp-client-table td{padding:4px 0;border:0;overflow-wrap:anywhere}
.erp-client-table td:before{content:attr(data-label) " · ";font-size:13px;color:var(--text-2)}
}
.auth-panel{max-width:460px;margin:40px auto;background:var(--bg-card);padding:24px;border:1px solid var(--line);border-radius:10px}
.auth-panel label{margin-top:16px}
.auth-panel button{width:100%}
.auth-panel h1{font-size:var(--type-page)}
.erp-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;margin-bottom:12px;overflow-wrap:anywhere}
.erp-breadcrumb>*{min-width:0}
.erp-breadcrumb a{display:inline-flex;align-items:center;min-height:40px}
@media(max-width:1179px){
.erp-shell.module-work{grid-template-rows:auto auto 1fr auto}
}
.card fieldset.presented-documents{display:block;border:0;padding:0;min-width:0}
.presented-documents legend{font-size:13px;font-weight:600;margin-bottom:7px;padding:0}
.presented-documents label{min-height:44px;padding:8px 0}
.presented-documents input[type=checkbox]{flex:0 0 18px;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;margin:3px 0 0}
.settings-field{margin:0 0 1.2rem}
.settings-field > label{display:block;margin-bottom:.35rem}
.settings-field input:not([type=checkbox]),.settings-field textarea,.settings-field select{max-width:100%}
.settings-field [id=id_workdays] label{display:flex;align-items:center;gap:.5rem}
.settings-field input[type=checkbox]{width:auto;flex:none}
.settings-preview{overflow-wrap:anywhere}
.settings-field .settings-days{display:block;border:0;padding:0;min-width:0}
.settings-days legend{font-weight:600;margin-bottom:.35rem}
.settings-field .settings-check,.settings-days label{display:flex;align-items:center;gap:.5rem;min-height:44px;margin:0}
.settings-field input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;padding:0;flex:0 0 18px}
.data-record{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:8px 0;border-bottom:1px solid var(--line-row)}
.data-record label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;flex:1 1 240px}
.data-record input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;padding:0;flex:none}
.data-confirm label.settings-check{display:flex;align-items:flex-start;gap:8px;margin:12px 0;min-height:44px}
.data-confirm .settings-check input{width:18px;height:18px;min-height:18px;margin:3px 0 0;flex:0 0 18px}
.erp-signal>summary{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;list-style:none}
.erp-signal>summary::-webkit-details-marker{display:none}
@media(max-width:767px){
.erp-navigation{position:absolute;top:0;left:0;bottom:auto;z-index:31}
.erp-navigation>summary{padding:6px 8px 6px 12px;font-size:0;gap:0}
.erp-navigation[open]>summary{color:var(--text)}
.erp-navigation>summary .erp-icon{width:24px;height:24px;flex-basis:24px}
.erp-topbar{min-height:56px}
.erp-topbar-inner{gap:4px}
.erp-account .erp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.erp-signal>summary{min-width:40px;justify-content:center}
.erp-profile>summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.erp-account .menu-panel{position:fixed;left:8px;right:8px;top:56px;width:auto;min-width:0;max-height:calc(100vh - 72px);overflow-y:auto}
.work-local-nav .work-tabs{flex-wrap:nowrap;overflow-x:auto}
.table-scroll .stock-table{min-width:0}
.table-scroll:has(.stock-table){overflow:visible}
}
.file-picker{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.file-picker-name{font-size:13px;color:var(--text-2);overflow-wrap:anywhere}
.file-picker-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.nav-count{font-size:12px;font-weight:700;text-align:center;line-height:20px}
a.erp-signal{min-width:40px;justify-content:center}
a.erp-signal:hover{text-decoration:underline}
.discovery-header{position:relative;flex:1;min-width:0;max-width:38rem;margin-inline:1rem}
.discovery-form{display:flex;gap:.4rem;align-items:center;margin:0}
.discovery-form input{min-width:0;width:100%;margin:0}
.discovery-form button{margin:0}
.discovery-mobile{display:none}
.discovery-popup{position:absolute;top:100%;inset-inline:0;background:var(--surface,var(--bg-card));border:1px solid var(--line-field);box-shadow:0 8px 30px var(--shade-2);z-index:50;max-height:min(65vh,34rem);overflow:auto;border-radius:.5rem;padding:.6rem}
.discovery-popup ul{list-style:none;margin:0;padding:0}
.discovery-popup a[role=option]{display:block;padding:.65rem;overflow-wrap:anywhere;border-radius:.3rem}
.discovery-popup a[aria-selected=true]{background:var(--bg-subtle);outline:2px solid var(--line-field)}
.discovery-popup small{display:block;color:var(--text)}
.discovery-status{margin:.3rem}
.discovery-all{display:block;padding:.6rem;border-top:1px solid var(--line)}
.discovery-query{display:flex;gap:.7rem}
.discovery-query input{flex:1;min-width:0}
.discovery-full-form{max-width:65rem;margin-bottom:1rem}
.discovery-filters{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0}
.discovery-filters fieldset{display:flex;flex-wrap:wrap;gap:.75rem;flex-basis:100%}
.discovery-filters fieldset label{display:flex;align-items:center;gap:.3rem}
.discovery-filters input[type=checkbox]{width:auto}
.discovery-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:1rem}
.discovery-results{list-style:none;padding:0}
.discovery-results li{padding:.65rem 0;border-bottom:1px solid var(--line-row);overflow-wrap:anywhere}
.discovery-results small{display:block;color:var(--text)}
.discovery-results a{font-weight:600}
@media(max-width:760px){
.discovery-header{position:static;flex:0;margin-inline:.5rem}
.discovery-mobile{display:inline-block}
.discovery-header .discovery-form{display:none}
.discovery-header.is-open .discovery-form{display:flex;position:absolute;left:.5rem;right:.5rem;top:100%;padding:.5rem;background:var(--bg-card);z-index:51}
.discovery-header.is-open .discovery-popup{top:calc(100% + 3.7rem);left:.5rem;right:.5rem}
.erp-topbar-inner{position:relative}
.discovery-query{flex-wrap:wrap}
.discovery-query input{flex-basis:70%}
.discovery-header{flex:0 0 auto}
.erp-context{min-width:0;overflow-wrap:anywhere}
.erp-account{min-width:0;max-width:100%}
.erp-profile summary{overflow-wrap:anywhere}
}
.gg-num,.case-number,.gg-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.button,a.button{font-weight:600}
.button:hover{background:var(--bg-inverse);border-color:var(--line-strong);color:var(--on-inverse)}
.secondary:hover,button.secondary:hover,.button.secondary:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--line-field)}
.card,.erp-empty,.auth-panel,.login{border-radius:var(--radius-card);border-color:var(--line);box-shadow:none}
.menu-panel{border-radius:var(--radius-card);border-color:var(--line)}
.gg-status{display:inline-flex;align-items:center;gap:6px;font-weight:600;line-height:1.4;white-space:nowrap}
.gg-status.us{background:var(--bg-subtle);color:var(--text-2)}
.gg-status.client{background:var(--wait-bg);color:var(--wait)}
.gg-status.partner{background:var(--wait-bg);color:var(--wait)}
.gg-status.overdue{background:var(--danger-bg);color:var(--danger)}
.gg-status.ready{background:var(--ok-bg);color:var(--ok)}
.gg-status.free{background:var(--bg-subtle);color:var(--text-2)}
.gg-status.neutral{background:var(--bg-subtle);color:var(--text-2)}
.pill.work,.pill.received,.pill.working{background:var(--bg-subtle);color:var(--text-2)}
.pill.waiting,.pill.waiting_customer,.pill.returned_review,.pill.terminated{background:var(--wait-bg);color:var(--wait)}
.pill.external,.pill.customer_shipping{background:var(--wait-bg);color:var(--wait)}
.pill.ready{background:var(--ok-bg);color:var(--ok)}
.pill.done,.pill.neutral{background:var(--bg-subtle);color:var(--text-2)}
.erp-notice,.next-step{border-color:var(--line)}
.message.success{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}
.erp-brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;color:var(--text);flex:none}
.erp-brand img{display:block;height:28px;width:auto}
.erp-brand-separator{display:block;width:1px;height:24px;background:var(--line-field)}
.erp-brand-name{font-weight:700;font-size:16px;letter-spacing:.04em}
.erp-context{color:var(--text-2);font-weight:600;margin-right:auto;padding-left:20px}
.erp-navigation{background:var(--bg-card);color:var(--text)}
.erp-navigation .brand{display:none}
.primary-nav a{border-left:0}
.primary-nav a:hover{background:var(--bg-subtle);color:var(--text)}
.erp-navigation a:focus-visible,.erp-navigation summary:focus-visible{outline-color:var(--text)}
.erp-navigation>summary{color:var(--text)}
.erp-public .brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--text)}
.erp-public .brand img{height:28px;width:auto}
@media(min-width:1180px){
.erp-topbar{grid-column:1/-1;grid-row:1;position:sticky;top:0;z-index:35;height:64px}
.erp-topbar-inner{max-width:none;padding:0 24px}
.erp-navigation{top:64px}
}
@media(max-width:1179px){
.erp-navigation>summary{color:var(--text);border-bottom:1px solid var(--line)}
}
@media(max-width:767px){
.erp-brand{gap:8px}
.erp-brand img{height:22px}
.erp-brand-separator{height:20px}
.erp-brand-name{font-size:14px}
.erp-navigation{background:transparent}
.erp-navigation[open] .erp-nav-panel{border-right:1px solid var(--line)}
.erp-profile>summary{max-width:none;list-style:none;min-width:40px;justify-content:center}
.erp-profile>summary::-webkit-details-marker{display:none}
.discovery-mobile{min-width:40px}
/* Проверки 08.11.2026: „Вид“ and „Известия“ were 30 px wide, „Търси“ 24 px high — a finger needs 40 */
.erp-theme>summary,.erp-bell>summary{min-width:40px;justify-content:center}
.discovery-mobile{min-height:40px;display:inline-flex;align-items:center}
}
@media(max-width:400px){
.erp-brand img{height:19px}
.erp-brand{gap:6px}
}
.erp-version{display:flex;align-items:center;margin:14px 12px 6px;padding:6px 8px;font-size:12px;text-decoration:none;border-top:1px solid var(--line)}
.erp-version-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger);flex:none}
.release-window{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 var(--space-4,16px);border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--bg-card)}
.release-window-text{flex:1 1 320px;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.release-window-more{color:var(--text-2)}
.release-window-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.release-window form{margin:0}
@media(max-width:700px){.release-window-text{white-space:normal}}
.release-note{margin:0 0 16px}
.release-note-head h2{margin:0 0 4px}
.release-summary li{margin:3px 0}
.release-full{margin-top:10px}
.release-change{border-top:1px solid var(--line);padding:8px 0}
.release-change h3{font-size:var(--type-text);margin:4px 0}
.release-type{display:inline-block;font-size:12px;padding:1px 8px;border-radius:999px;background:var(--bg-subtle);color:var(--text);margin-right:4px}
.release-removed{background:var(--danger-bg);color:var(--danger)}
.release-moved{background:var(--wait-bg);color:var(--wait)}
.muted,.help,.note,.ds-meta,.eyebrow,.table-meta{font-size:var(--font-meta);color:var(--text-2)}
.eyebrow{letter-spacing:0;text-transform:none;font-weight:500;margin:0 0 4px}
.page-heading{margin:8px 0 24px;align-items:flex-start}
.page-heading h1{margin:0 0 4px}
.page-heading .muted,.page-heading p{margin:0}
.erp-shell.layout-detail{--erp-frame:1080px}
.erp-shell.layout-form{--erp-frame:880px}
.erp-shell.layout-intake{--erp-frame:1168px}
.erp-shell.layout-board,.erp-shell.module-stock,.erp-shell.module-pricing{--erp-frame:1720px}
.workspace{margin:24px auto 32px}
.button,a.button,summary.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:var(--control-h);height:auto;margin:0;padding:6px 16px;border-radius:var(--radius-control);border:1px solid var(--button-primary-bg);background:var(--button-primary-bg);color:var(--button-primary-text);font-family:inherit;text-decoration:none;vertical-align:middle;cursor:pointer;box-shadow:none}
.button:hover,a.button:hover{background:var(--button-primary-bg-hover);border-color:var(--button-primary-bg-hover);color:var(--on-accent)}
.secondary,button.secondary,.button.secondary,a.button.secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--line-field)}
.secondary:hover,button.secondary:hover,.button.secondary:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--line-field)}
.quiet,button.quiet,.button.quiet,a.button.quiet{background:transparent;color:var(--text-2);border-color:transparent}
.quiet:hover,button.quiet:hover,.button.quiet:hover{background:var(--bg-subtle);color:var(--text);border-color:transparent}
.danger,button.danger,.button.danger,a.button.danger{background:var(--bg-card);color:var(--danger);border:1px solid var(--danger-line)}
.danger:hover,button.danger:hover,.button.danger:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}
.danger-solid,button.danger-solid{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}
.danger-solid:hover,button.danger-solid:hover{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}
.small,button.small,.button.small,a.button.small{min-height:var(--control-h-sm);padding:4px 12px;font-size:14px}
.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}
:is(div,p,form,nav,li,td,header,footer,section,dialog):has(>:is(button,.button):not(.small))>:is(button,.button).small,:is(div,p,nav,header,footer,section):has(>form>:is(button,.button):not(.small)):has(>:is(button,.button).small)>:is(button,.button).small{min-height:var(--control-h);font-size:15px}
.ds-actions,.actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
.ds-actions>form,.actions>form{display:flex;margin:0}
.ds-actions>*,.actions>*{margin:0}
.ds-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:var(--font-meta);font-weight:600;line-height:1.45;white-space:nowrap;background:var(--bg-subtle);color:var(--text)}
.ds-tag.red{background:var(--danger-bg);color:var(--danger)}
.ds-tag.orange{background:var(--wait-bg);color:var(--wait)}
.ds-tag.green{background:var(--ok-bg);color:var(--ok)}
.ds-tag.blue{background:var(--bg-subtle);color:var(--text-2)}
a.ds-tag.ds-new{text-decoration:none;margin-inline-start:var(--space-2);vertical-align:middle}
.gg-status,.pill{border-radius:6px;padding:2px 8px;font-size:var(--font-meta)}
.ds-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px;min-width:0}
.ds-card>:last-child{margin-bottom:0}
.ds-section-head{display:flex;align-items:center;margin:0 0 8px;min-height:32px}
.ds-section-head h2{margin:0;display:flex;align-items:center;gap:8px}
.ds-section-head .ds-more{margin-left:auto}
.ds-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:11px;background:var(--bg-subtle);color:var(--text-2);font:600 13px/1 var(--font-mono);font-variant-numeric:tabular-nums}
.ds-count.red{background:var(--danger-bg);color:var(--danger)}
.ds-count.orange{background:var(--wait-bg);color:var(--wait)}
.ds-more{font-weight:600;text-decoration:none;white-space:nowrap}
.ds-more:hover{color:var(--text);text-decoration:underline}
.ds-list{list-style:none;margin:0;padding:0}
.ds-row{position:relative;display:flex;align-items:center;gap:12px;padding:10px 8px;margin:0 -8px;border-radius:8px;min-width:0}
/* WRK-00029 (owner, 21.10.2026): rows that can be told apart — a visible line and every second row striped */
.ds-list>.ds-row+.ds-row{border-top:1px solid var(--line-row);border-radius:0}
.ds-list>.ds-row:nth-child(even){background:var(--bg-row-alt)}
:where(table) tbody tr:nth-child(even){background:var(--bg-row-alt)}
.work-list>.work-row:nth-of-type(even){background:var(--bg-row-alt)}
.my-section>.my-row:nth-child(even of .my-row){background:var(--bg-row-alt)}
/* т. 1: the row under the mouse — its own colour (not the stripe, not the card) and a dark bar on the left */
.ds-row:hover{background:var(--row-hover-bg);box-shadow:inset 3px 0 0 var(--row-hover-mark)}
.ds-list>.ds-row:hover{background:var(--row-hover-bg);box-shadow:inset 3px 0 0 var(--row-hover-mark)}
:where(table) tbody tr:hover{background:var(--row-hover-bg);box-shadow:inset 3px 0 0 var(--row-hover-mark)}
.work-list>.work-row:hover{background:var(--row-hover-bg);box-shadow:inset 3px 0 0 var(--row-hover-mark)}
.my-section>.my-row:hover{background:var(--row-hover-bg);box-shadow:inset 3px 0 0 var(--row-hover-mark)}
/* a category icon at the start of a row — neutral; the colour stays for meaning */
.ds-row-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--row-icon-box);height:var(--row-icon-box);border-radius:8px;background:var(--bg-subtle);color:var(--text-2)}
.ds-row-icon .erp-icon{width:var(--row-icon-size);height:var(--row-icon-size);flex-basis:var(--row-icon-size)}
.ds-with-icon{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}
.ds-with-icon>:last-child{min-width:0}
.ds-list>.ds-row:nth-child(even) .ds-row-icon{background:var(--bg-card)}
.ds-row-main{flex:1;min-width:0}
.ds-row-title{display:block;font-weight:600;color:var(--text);text-decoration:none;overflow-wrap:anywhere}
a.ds-row-title::after{content:'';position:absolute;inset:0}
a.ds-row-title:hover{text-decoration:underline}
.ds-row-meta{display:block;font-size:var(--font-meta);color:var(--text-2);margin-top:2px;overflow-wrap:anywhere}
.ds-row-aside{display:flex;align-items:center;gap:8px;flex:none}
.ds-row-aside :is(form,button,.button){position:relative;z-index:1}
.ds-empty{display:flex;align-items:center;gap:8px;margin:0;padding:8px 0;color:var(--text-2);font-size:14px}
.ds-empty::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--ok-bg);color:var(--ok);font-size:12px;font-weight:700;flex:none}
.ds-empty.neutral::before{content:'–';background:var(--bg-subtle);color:var(--text)}
.ds-toasts{position:fixed;top:76px;right:24px;z-index:60;display:grid;gap:8px;max-width:min(420px,calc(100vw - 32px));pointer-events:none}
.ds-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:10px;background:var(--bg-inverse);color:var(--on-inverse);font-size:15px;font-weight:500;box-shadow:0 10px 30px var(--shade-2);animation:ds-in .18s ease-out}
.ds-toast::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ok-mark);color:var(--text);font-weight:800;font-size:13px;flex:none}
.ds-toast.error,.ds-toast.warning{background:var(--bg-card);color:var(--text);border:1px solid var(--line);border-left:4px solid var(--danger)}
.ds-toast.error::before,.ds-toast.warning::before{content:'!';background:var(--danger-bg);color:var(--danger)}
.ds-toast.warning{border-left-color:var(--wait)}
.ds-toast.warning::before{background:var(--wait-bg);color:var(--wait)}
.ds-toast.info::before{content:'i';background:var(--bg-subtle);color:var(--text-2)}
.ds-toast-text{flex:1;min-width:0;overflow-wrap:anywhere}
.ds-toast-close{min-height:24px!important;height:24px;width:24px;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;opacity:.7;font-size:18px;line-height:1}
.ds-toast-close:hover{opacity:1}
.ds-toast.leaving{opacity:0;transform:translateY(-6px);transition:.2s}
@keyframes ds-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.message{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:10px;font-size:15px;margin:0 0 16px}
.message.success::before{content:'✓';font-weight:800}
.ds-confirm{border:0;border-radius:14px;padding:0;max-width:min(440px,calc(100vw - 32px));box-shadow:0 24px 60px var(--shade-2)}
.ds-confirm::backdrop{background:var(--bg-subtle)}
.ds-confirm-body{padding:20px 20px 16px}
.ds-confirm-body h2{margin:0 0 8px}
.ds-confirm-body p{margin:0;color:var(--text-2)}
.ds-confirm-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 20px}
.erp-topbar{background:var(--bg-card);border-bottom:1px solid var(--line)}
.erp-context{display:none}
.erp-account{gap:4px}
.erp-account>a,.erp-account>details>summary{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border-radius:8px;color:var(--text-2);font-size:14px;font-weight:600;text-decoration:none}
.erp-account>a:hover,.erp-account>details>summary:hover,.erp-account>details[open]>summary{background:var(--bg-subtle);color:var(--text)}
.erp-bell>summary{list-style:none;cursor:pointer;position:relative}
.erp-bell>summary::-webkit-details-marker{display:none}
.erp-bell-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--button-danger-solid-bg);color:var(--on-danger);font:700 12px/1 var(--font-mono)}
.erp-bell-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:45;width:min(400px,calc(100vw - 24px));max-height:min(70vh,560px);overflow:auto;background:var(--bg-card);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px var(--shade-2);padding:8px}
.erp-bell-panel h2{font-size:var(--font-body);margin:4px 8px 8px}
.erp-bell-list{list-style:none;margin:0;padding:0}
.erp-bell-item{position:relative;display:flex;gap:10px;padding:10px 8px;border-radius:8px}
.erp-bell-item:hover{background:var(--bg-subtle)}
.erp-bell-item.unread .erp-bell-title::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger);margin-right:6px;vertical-align:middle}
.erp-bell-title{display:block;font-weight:600;color:var(--text);text-decoration:none;font-size:14px}
a.erp-bell-title::after,button.erp-bell-title::after{content:'';position:absolute;inset:0}
button.erp-bell-title{all:unset;display:block;font-weight:600;font-size:14px;cursor:pointer;color:var(--text)}
button.erp-bell-title:focus-visible{outline:2px solid var(--line-field)}
.erp-bell-meta{display:block;font-size:var(--font-meta);color:var(--text-2)}
.erp-bell-item form{margin:0;display:block;flex:1;min-width:0}
.erp-bell-foot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:4px;padding:8px 8px 4px}
@media(min-width:1180px){
.erp-navigation{border-right:1px solid var(--line)}
}
@media(max-width:1179px){
.erp-navigation{border-right:0}
}
.primary-nav{gap:2px}
.primary-nav a{min-height:36px;padding:6px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-2)}
.primary-nav a[aria-current=page]{background:var(--bg-subtle);color:var(--text);font-weight:600}
.primary-nav .erp-icon{width:18px;height:18px;flex:none}
.nav-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:var(--bg-subtle)!important;color:var(--text)!important;font:600 12px/1 var(--font-mono)}
.nav-count.red{background:var(--side-active)!important;color:var(--danger)!important}
.dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin:8px 0 24px}
.dash-head-text{flex:1 1 320px;min-width:0}
.dash-date{font-size:var(--font-meta);color:var(--text-2);margin:0 0 4px}
.dash-quick{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
.dash-grid{display:grid;gap:16px}
.dash-block{grid-column:span 3}
.dash-block.size-s{grid-column:span 2}
.dash-block.size-l{grid-column:span 6}
.dash-block.is-empty{padding-top:12px;padding-bottom:12px}
.dash-block.is-empty .ds-section-head{margin:0}
.dash-block.is-empty .ds-empty{padding:4px 0 0}
.dash-block .ds-row-aside .ds-tag{min-width:0}
.dash-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 8px;padding:0}
.dash-step{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;min-width:0}
.dash-step:hover{background:var(--bg-subtle)}
.dash-step a{color:var(--text-2);font-size:var(--font-meta);text-decoration:none;font-weight:500}
.dash-step a::after{content:'';position:absolute;inset:0}
.dash-step strong{font:600 22px/1.2 var(--font-mono);font-variant-numeric:tabular-nums}
.dash-step.zero strong{color:var(--text-3)}
.dash-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.dash-news h3{margin:0 0 4px}
.dash-news ul{margin:0 0 8px;padding-left:18px;color:var(--text-2)}
@media(max-width:1023px){
.dash-block,.dash-block.size-s,.dash-block.size-l{grid-column:1/-1}
}
@media(max-width:767px){
.dash-head{margin:0 0 16px;gap:12px}
.dash-quick{width:100%}
.dash-quick>.button{flex:1 1 calc(50% - 4px)}
.dash-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.ds-card{padding:12px}
.ds-row{align-items:flex-start}
.ds-row-aside{padding-left:0}
.ds-toasts{top:auto;bottom:16px;right:16px;left:16px;max-width:none}
}
@media(max-width:1179px){
.erp-navigation>summary{min-height:56px}
.erp-navigation[open]::before{content:'';position:fixed;inset:0;background:var(--bg-subtle);z-index:-1}
.erp-navigation[open] .erp-nav-panel{position:fixed;top:0;left:0;bottom:0;width:min(300px,86vw);max-height:none;z-index:40;box-shadow:8px 0 40px var(--shade-2);padding:16px 12px}
.erp-navigation .erp-nav-close{display:flex}
}
.erp-nav-close{display:none;margin:0 0 8px auto;width:40px;min-height:40px!important;padding:0!important;background:transparent!important;color:var(--text)!important;border:0!important;font-size:22px}
/* Without JavaScript on a phone or tablet (owner, 24.10.2026): the menu comes open from the server, and ×, a tap outside
   and closing at the start need JavaScript. So it stays in the page under „Меню“ — no panel or backdrop over the page —
   and a tap on „Меню“ closes it (the browser's own <details>). With JavaScript nothing changes. */
@media (scripting:none) and (max-width:1179px){
.erp-navigation[open]::before{content:none}
.erp-navigation[open] .erp-nav-panel{position:static;width:auto;box-shadow:none}
.erp-navigation .erp-nav-close{display:none}
}
@media (scripting:none) and (max-width:767px){
.erp-navigation{position:relative}
}
@media(max-width:767px){
.page-heading{flex-wrap:wrap;gap:12px}
.page-heading>.button,.page-heading>a.button{flex:1 1 100%}
.erp-account>a .erp-label,.erp-account .erp-label{display:none}
.erp-bell-panel{position:fixed;left:12px;right:12px;top:60px;width:auto}
.ds-confirm-actions{flex-direction:column-reverse}
.ds-confirm-actions>*{width:100%}
}
@media print{
.ds-toasts,.erp-bell-panel{display:none!important}
}
.discovery-form input{height:var(--control-h);padding:0 12px}
@media(max-width:767px){
.ds-row-aside{margin-left:auto}
.erp-topbar-inner{flex-wrap:nowrap;gap:4px;padding:8px 12px 8px 56px}
.erp-brand-separator,.erp-brand-name{display:none}
.erp-account{gap:0;flex-wrap:nowrap;margin-left:auto}
.erp-account>a,.erp-account>details>summary{padding:0 8px;min-height:44px}
.discovery-header{margin-inline:0 4px}
}
@media(max-width:400px){  /* 22.10.2026 (night queue item 4): at 360 px the profile circle at the top right was cut */
.erp-topbar-inner{gap:2px;padding-right:6px}
.erp-account>a,.erp-account>details>summary{padding:0 5px}
.erp-brand img{width:84px;height:auto}
}
.ds-tag.grey.quiet{background:transparent;color:var(--text-3);font-weight:500;padding-inline:0}
.my-heading{align-items:flex-start;margin:8px 0 20px}
.my-heading .ds-meta{margin:4px 0 0;max-width:720px}
.my-heading .work-create{flex-wrap:nowrap;align-items:stretch}
.work-advanced>summary{display:inline-flex;align-items:center;min-height:var(--control-h);padding:0 14px!important;border:1px solid var(--line-field);border-radius:var(--radius-control);background:var(--bg-card);font-weight:600;list-style:none;cursor:pointer}
.work-advanced>summary::-webkit-details-marker{display:none}
.work-advanced>summary::after{content:'▾';margin-left:8px;color:var(--text-3)}
.work-advanced>summary:hover{border-color:var(--line-field)}
.my-section{border-radius:var(--radius-card);border-color:var(--line);margin:0 0 16px}
.my-section>h2{font-size:var(--font-section);font-weight:600;justify-content:flex-start;padding:12px 16px;background:var(--bg-card)}
.my-section>h2 small{margin-left:auto;font-size:var(--font-meta)}
.my-row{padding:var(--row-pad-y) 16px;gap:12px}
.my-row:hover{background:var(--row-hover-bg);box-shadow:inset 3px 0 0 var(--row-hover-mark)}
.my-title{font-size:var(--font-body)}
.my-meta{margin-top:2px}
.my-due.ds-tag{font-size:var(--font-meta)}
.my-due-inline{display:none}
.my-due-inline.is-late{color:var(--danger);font-weight:600}
.my-tag.ds-tag{font-size:12px;padding:1px 6px;margin-right:6px;vertical-align:1px}
.my-empty.ds-empty{padding:12px 16px}
.my-check{border-color:var(--line)!important}
.my-check:hover,.my-check:focus-visible{border-color:var(--ok)!important;color:var(--ok)!important}
@media(max-width:767px){
.my-heading .work-create{width:100%}
.my-heading .work-create>.button{flex:1}
.my-section>h2 small{display:none}
.my-check{width:32px;height:32px}
}
.error-page{max-width:560px;margin:24px 0;padding:24px}
.error-page .error-code{margin:0 0 8px;font:600 13px/1 var(--font-mono);color:var(--text-3);letter-spacing:.08em}
.error-page h1{margin:0 0 8px}
.error-page p{color:var(--text-2);margin:0 0 20px}
@media(max-width:767px){
.error-page .ds-actions>*{flex:1 1 100%}
}
.erp-version{white-space:nowrap;gap:6px}
.erp-version-dot{margin-left:auto}
.erp-shell .service-topline{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:8px 0 16px}
.erp-shell .service-topline h1{margin:0;flex:1 1 auto}
.erp-shell .service-topline .primary-intake{margin:0}
.erp-shell .service-worklist{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 12px;overflow-x:auto;scrollbar-width:none}
.erp-shell .service-worklist a{flex:none;padding:8px 12px;border-bottom:2px solid transparent;color:var(--text-2);font-weight:500;font-size:14px;text-decoration:none;white-space:nowrap}
.erp-shell .service-worklist a:hover{color:var(--text)}
.erp-shell .service-worklist a[aria-current=page]{color:var(--text);font-weight:600;border-bottom-color:var(--line-strong);background:transparent}
.erp-shell .more-filters>summary{align-items:center;min-height:var(--control-h-sm);border:1px solid var(--line-field);border-radius:var(--radius-control);background:var(--bg-card);list-style:none;cursor:pointer}
.erp-shell .more-filters>summary::-webkit-details-marker{display:none}
.erp-shell .more-filters>summary::after{content:'▾';margin-left:6px;color:var(--text-3)}
.erp-shell .fast-list{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}
.erp-shell .fast-list .table-meta{padding:10px 16px;border:0;border-bottom:1px solid var(--line);font-size:var(--font-meta);color:var(--text-2)}
.erp-shell .fast-list th{background:var(--bg-subtle);text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--text-2);padding:10px 16px}
.erp-shell .fast-list td{padding:var(--row-pad-y) 16px;font-size:var(--type-text);vertical-align:top}
.erp-shell .fast-list tbody tr:hover{background:var(--row-hover-bg);box-shadow:inset 3px 0 0 var(--row-hover-mark)}
.erp-shell .fast-list .case-number{white-space:nowrap;font-size:13px;font-weight:600;margin:0 0 4px;color:var(--text);text-decoration:none}
.erp-shell .fast-list .case-number:hover{text-decoration:underline}
.erp-shell .fast-list td strong{font-weight:600}
.erp-shell .fast-list td small{font-size:var(--font-meta);color:var(--text-2);margin-top:2px}
.erp-shell .fast-list .pill{display:inline-flex;margin:0 0 4px}
.erp-shell .fast-list .case-work-next{display:block;font-weight:600;color:var(--text);text-decoration:none}
.erp-shell a.case-work-next:hover{text-decoration:underline}
.erp-shell .fast-list .unpaid-balance{display:block;color:var(--wait);font-weight:600;font-size:var(--font-meta);margin-top:2px}
@media(max-width:767px){
.erp-shell .fast-list td{padding:10px 12px}
}
.erp-shell .service-filter-line{justify-content:flex-end;min-height:0;margin:0 0 12px}
.erp-shell .service-filter-line .more-filters{border:0;padding:0;background:none}
.erp-shell .service-filter-line .more-filters[open]{width:100%}
.erp-shell .service-filter-line .more-filters>summary{display:inline-flex;margin-left:auto;color:var(--text);font-size:14px;padding:0 12px}
.dash-zone{margin:0 0 28px}
.dash-zone-head{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.dash-zone-head h2{margin:0;font-size:var(--type-zone);line-height:var(--type-zone-line);font-weight:var(--type-zone-weight)}
.dash-zone-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--bg-subtle);color:var(--text-2)}
.dash-zone-icon .erp-icon{width:18px;height:18px}
.dash-zone .dash-grid{align-items:stretch;grid-template-columns:repeat(6,minmax(0,1fr))}
.dash-zone .dash-block{display:flex;flex-direction:column}
.dash-block.size-w{grid-column:span 4}
.dash-block h3{margin:0;display:flex;align-items:center;gap:8px;font-size:var(--font-section);font-weight:700}
.dash-block .ds-section-head{margin-bottom:10px}
.zone-work .dash-block{border-color:var(--line)}
.zone-admin .dash-block{background:var(--bg-subtle);box-shadow:none}
.zone-admin .dash-zone-head h2{color:var(--text-2)}
.kind-stat .dash-step strong{font-size:26px}
.kind-info{color:var(--text-2)}
.dash-news ul{margin:4px 0 0}
.dash-news h4{font-size:var(--font-body);margin:0 0 2px;color:var(--text)}
.dash-step a{color:var(--text-2)}
@media(max-width:1023px){
.dash-zone .dash-grid{grid-template-columns:minmax(0,1fr)}
.dash-block.size-w{grid-column:1/-1}
}
.case-views{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--bg-subtle)}
.case-views a{padding:5px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none;white-space:nowrap}
.case-views a[aria-current=page]{background:var(--bg-card);color:var(--text);box-shadow:0 1px 2px var(--shade-2)}
.erp-shell .service-topline h1{flex:0 0 auto}
.erp-shell .service-topline .primary-intake{margin-left:auto}
.board-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.draft-link{margin:0 0 12px;font-size:14px}
.draft-link a{color:var(--text-2)}
.filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.filter-chips a{color:inherit;text-decoration:none;margin-left:4px;font-weight:700}
.erp-shell .fast-list td .cell-line,.erp-shell .fast-list td .cell-main{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.erp-shell .fast-list td .cell-line{font-size:var(--font-meta);color:var(--text-2);margin-top:2px}
.erp-shell .fast-list td .cell-line.unpaid-balance{color:var(--wait);font-weight:600}
.erp-shell .fast-list .case-work-next{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.erp-shell .fast-list td{max-width:280px}
@media(max-width:767px){
.erp-shell .service-topline .primary-intake{margin-left:0;flex-basis:100%}
.erp-shell .fast-list td{max-width:none}
}
.erp-shell .fast-list td .cell-line .unpaid-balance{display:inline;margin:0;font-size:inherit}
@media(max-width:767px){
.dash-block[data-block=my_work] .ds-row-main{flex-basis:100%}
.dash-block[data-block=my_work] .ds-row-aside{margin-left:0}
}
.erp-shell .ux-pilot-detail.dossier{max-width:1080px}
.erp-shell .ux-pilot-detail.dossier .case-mode-note{font-size:var(--font-meta);color:var(--text-2);margin:0 0 8px}
.erp-shell .ux-pilot-detail.dossier .dossier-head{align-items:flex-start;margin:4px 0 16px;gap:16px}
.erp-shell .ux-pilot-detail.dossier .dossier-head .eyebrow{font-size:var(--font-meta);color:var(--text-2);letter-spacing:0;text-transform:none;font-weight:500;margin:0 0 6px}
.erp-shell .ux-pilot-detail.dossier .dossier-head h1{font-size:var(--font-page);line-height:1.25;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
.erp-shell .ux-pilot-detail.dossier .dossier-number{letter-spacing:0}
.erp-shell .ux-pilot-detail.dossier .dossier-head .case-product{font-weight:700;color:var(--text)}
.erp-shell .ux-pilot-detail.dossier .case-contact{margin:6px 0 0;font-size:14px;color:var(--text-2)}
.erp-shell .ux-pilot-detail.dossier .case-contact strong{color:var(--text)}
.erp-shell .ux-pilot-detail.dossier .dossier-head>.pill{flex:none;margin-top:4px}
.erp-shell .ux-pilot-detail.dossier .guided-path{margin:0 0 16px}
.erp-shell .ux-pilot-detail.dossier .guided-step{background:var(--bg-card);border:1px solid var(--line);color:var(--text-2);border-radius:8px;font-weight:500}
.erp-shell .ux-pilot-detail.dossier .guided-step.done{color:var(--text)}
.erp-shell .ux-pilot-detail.dossier .guided-step.done .guided-mark{background:var(--ok-bg);color:var(--ok)}
.erp-shell .ux-pilot-detail.dossier .guided-step.current{background:var(--bg-inverse);border-color:var(--line-strong);color:var(--on-inverse);font-weight:600}
.erp-shell .ux-pilot-detail.dossier .guided-step.current .guided-mark{background:var(--bg-card);color:var(--text)}
.erp-shell .ux-pilot-detail.dossier .guided-step.skipped{border-style:dashed;background:transparent;color:var(--text-2)}
.erp-shell .ux-pilot-detail.dossier .next-step{background:var(--bg-card);border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--radius-card);padding:18px 20px;margin:0 0 16px;box-shadow:0 1px 3px var(--shade)}
.erp-shell .ux-pilot-detail.dossier .next-step .eyebrow{letter-spacing:0;text-transform:none;color:var(--text-3);font-weight:600;font-size:var(--font-meta)}
.erp-shell .ux-pilot-detail.dossier .next-step h2{font-size:var(--type-zone);line-height:var(--type-zone-line);font-weight:var(--type-zone-weight);margin:2px 0 6px}
.erp-shell .ux-pilot-detail.dossier .next-meta{font-size:14px;color:var(--text-2);display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 12px}
.erp-shell .ux-pilot-detail.dossier .next-meta strong{color:var(--text)}
.erp-shell .ux-pilot-detail.dossier .pilot-blocker{background:var(--wait-bg);color:var(--wait);border:0;border-left:3px solid var(--wait);border-radius:8px;padding:8px 12px;font-weight:600;font-size:14px;margin:0 0 12px}
.erp-shell .ux-pilot-detail.dossier .primary-case-form{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}
.erp-shell .ux-pilot-detail.dossier .primary-case-form .field{max-width:640px;margin:0 0 14px}
.erp-shell .ux-pilot-detail.dossier .primary-case-form label{font-size:14px;font-weight:600}
.erp-shell .ux-pilot-detail.dossier .choice-cards{display:grid;gap:8px;max-width:640px}
.erp-shell .ux-pilot-detail.dossier .choice-cards label{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line-field);border-radius:10px;font-weight:500;background:var(--bg-card)}
.erp-shell .ux-pilot-detail.dossier .choice-cards label:has(input:checked){border-color:var(--line-strong);box-shadow:inset 0 0 0 1px var(--line-strong);background:var(--bg-subtle)}
.erp-shell .ux-pilot-detail.dossier .case-knowledge-link{font-size:var(--font-meta);color:var(--text-3);margin:12px 0 0}
.erp-shell .ux-pilot-detail.dossier .case-summary{border:1px solid var(--line);border-radius:var(--radius-card);padding:12px 20px;margin:0 0 16px}
.erp-shell .ux-pilot-detail.dossier .case-summary dl{font-size:14px;gap:6px 16px}
.erp-shell .ux-pilot-detail.dossier .case-summary dt{color:var(--text-2);font-size:var(--font-meta);padding-top:1px}
.erp-shell .ux-pilot-detail.dossier .case-folds>details{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg-card);margin:0 0 8px}
.erp-shell .ux-pilot-detail.dossier .case-folds>details>summary{padding:12px 16px;font-size:15px;font-weight:600;list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px}
.erp-shell .ux-pilot-detail.dossier .case-folds>details>summary::-webkit-details-marker{display:none}
.erp-shell .ux-pilot-detail.dossier .case-folds>details>summary::before{content:'▸';color:var(--text-3);transition:transform .15s}
.erp-shell .ux-pilot-detail.dossier .case-folds>details[open]>summary::before{transform:rotate(90deg)}
.erp-shell .ux-pilot-detail.dossier .case-folds>details>summary small{font-weight:400;color:var(--text-3)}
.erp-shell .ux-pilot-detail.dossier .case-folds>details[open]>*:not(summary){padding-inline:16px}
.erp-shell .ux-pilot-detail.dossier .case-folds>details.area-documents{border-left-width:1px}
@media(max-width:767px){
.erp-shell .ux-pilot-detail.dossier .dossier-head{flex-direction:column;gap:8px}
.erp-shell .ux-pilot-detail.dossier .next-step{padding:14px}
.erp-shell .ux-pilot-detail.dossier .guided-step.current{background:var(--bg-inverse)}
.erp-shell .ux-pilot-detail.dossier .guided-step.done{background:var(--ok)}
}
.erp-shell .ux-pilot-detail.dossier .dossier-head .eyebrow{font-weight:400}
.erp-shell .ux-pilot-detail.dossier .case-folds>details>summary,.erp-shell .ux-pilot-detail.dossier .case-folds>details>summary *:not(small){color:var(--text)}
.erp-shell .ux-pilot-detail.dossier .guided-now,.erp-shell .ux-pilot-detail.dossier .guided-now strong{color:var(--text-2)}
.erp-shell .ux-pilot-detail.dossier .guided-now strong{color:var(--text)}
.erp-shell .ux-pilot-detail.dossier .guided-step{line-height:1.25;padding:6px 8px}
.erp-shell .ux-pilot-detail.dossier .guided-label small{color:inherit}
.erp-shell .ux-pilot-detail.dossier .primary-case-form .help,.erp-shell .ux-pilot-detail.dossier .primary-case-form>p{max-width:640px}
.erp-shell .intake-heading .eyebrow{font-size:var(--font-meta);color:var(--text-2);letter-spacing:0;text-transform:none;font-weight:500}
.erp-shell .intake-heading h1{font-size:var(--font-page);font-weight:700}
.erp-shell .intake-mode-note{font-size:var(--font-meta);border-radius:6px}
.erp-shell .unified-intake .card{border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;margin:0 0 16px}
.erp-shell .unified-intake .card>h2,.erp-shell .unified-intake .card h2{font-size:var(--font-section);font-weight:700;display:flex;align-items:center;gap:10px}
.erp-shell .unified-intake .ui-step::before{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-inverse);color:var(--on-inverse);font-weight:700}
.erp-shell .unified-intake #id_case_type label,.erp-shell .unified-intake .process-grid label,.erp-shell .unified-intake .receipt-grid label{background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.erp-shell .unified-intake #id_case_type label:hover,.erp-shell .unified-intake .receipt-grid label:hover{border-color:var(--line)}
.erp-shell .unified-intake #id_case_type input,.erp-shell .unified-intake .receipt-grid input{accent-color:var(--text)}
.erp-shell .unified-intake label{font-size:14px;font-weight:600}
.erp-shell .unified-intake .help,.erp-shell .unified-intake .note{color:var(--text-2)}
.erp-shell .unified-intake details>summary{font-weight:600;color:var(--text);cursor:pointer}
.erp-shell .unified-intake .kit-choice{border-color:var(--line);border-radius:10px}
.erp-shell .unified-intake .form-footer{border:1px solid var(--line);border-left:4px solid var(--line-strong);background:var(--bg-card);border-radius:var(--radius-card);padding:14px 16px}
.erp-shell .unified-intake .intake-error-summary,.erp-shell .unified-intake .error{border-radius:10px}
.erp-shell .unified-intake .card h2,.erp-shell .unified-intake .card h2 *{color:var(--text)!important}
.erp-shell .unified-intake [class*=area-]{border-color:var(--line)!important;border-left-width:1px!important;background:var(--bg-card)!important}
.erp-shell .unified-intake .selected-product{background:var(--bg-subtle);border:1px solid var(--line);border-radius:10px;color:var(--text)}
.erp-shell .unified-intake .lookup-results{border-radius:10px}
.ds-card,.dash-block,.my-section,.erp-shell .fast-list,.erp-shell .ux-pilot-detail.dossier .case-summary,.erp-shell .unified-intake .card{box-shadow:0 1px 2px var(--shade)}
.ds-more,.ds-more:hover{color:var(--accent-ink)}
.ds-tag.brand{background:var(--accent-soft);color:var(--accent-ink)}
.case-views a[aria-current=page]{color:var(--accent-ink)}
@media(min-width:1180px){
.erp-navigation{background:var(--side-bg)!important;border-right:0!important}
}
.erp-nav-panel,.erp-navigation[open] .erp-nav-panel{background:var(--side-bg)!important}
.primary-nav a{color:var(--side-text)!important}
.primary-nav a:hover{background:var(--side-hover-bg)!important;color:var(--side-text-strong)!important}
.primary-nav a[aria-current=page]{background:var(--side-active-bg)!important;color:var(--side-text-strong)!important;box-shadow:inset 3px 0 0 var(--side-active)}
.primary-nav .erp-icon{color:var(--side-text-2)}
.primary-nav a[aria-current=page] .erp-icon{color:var(--side-active)}
.nav-count{background:var(--side-hover-bg)!important;color:var(--side-text-strong)!important}
.erp-version{color:var(--side-text-2)!important;border-top-color:var(--side-line)!important}
.erp-version:hover{color:var(--side-text-strong)!important}
.erp-nav-close{color:var(--side-text-strong)!important}
.ds-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;color:var(--on-accent);font:700 12px/1 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.02em}
.ds-avatar.c0{background:var(--accent)}
.ds-avatar.c2{background:var(--ok)}
.ds-avatar.c5{background:var(--accent)}
.ds-avatar.c7{background:var(--accent)}
.erp-profile-initials{display:inline-flex!important;width:32px;height:32px;border-radius:50%;background:var(--accent)!important;color:var(--on-inverse)!important;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.erp-profile-name{display:none}
.dash-head h1{font-size:var(--type-page);letter-spacing:-.6px}  /* Посока B (27.10.2026): the page title 28 (phone 24) */
.dash-zone{border-radius:16px;padding:16px 16px 4px;margin:0 0 20px}
.zone-work{background:var(--zone-work-tint)}
.zone-service{background:var(--zone-service-tint)}
.zone-admin{background:var(--zone-admin-tint)}
.dash-zone .dash-grid{margin-bottom:12px}
.zone-work .dash-block{border-top:3px solid var(--accent)}
.zone-admin .dash-block{background:var(--bg-card)}
.dash-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
.dash-strip-tile{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:var(--bg-card);border:1px solid var(--accent);text-decoration:none;color:var(--text);box-shadow:0 1px 2px var(--shade)}
.dash-strip-tile:hover{border-color:var(--accent);color:var(--text)}
.dash-strip-tile strong{font-size:32px;line-height:1;color:var(--accent-ink);font-weight:700}
.dash-strip-tile span{font-weight:600}
.dash-strip-tile.is-late strong{color:var(--danger)}
.dash-strip-tile:not(.is-late):last-child strong{color:var(--text-3)}
.dash-block .ds-section-head{flex-wrap:nowrap}
.dash-block h3{white-space:nowrap;min-width:0;font-size:var(--type-block);font-weight:var(--type-block-weight)}
.dash-block h3::before{content:'';width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;color:var(--accent-ink)}
.zone-service .dash-block h3::before{color:var(--zone-service)}
.zone-admin .dash-block h3::before{color:var(--zone-admin)}
.dash-block .ds-more{flex:none;font-size:13px}
.dash-block .ds-count{flex:none}
.zone-money{background:var(--zone-bg);box-shadow:inset 0 0 0 1px var(--ok)}
.zone-money .dash-block h3::before{color:var(--ok)}
.dash-step{border:0!important;background:var(--bg-card);box-shadow:0 1px 2px var(--shade);padding-top:14px;overflow:hidden}
.dash-step::before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:var(--step)}
.kind-stat .dash-step strong{font-size:30px;color:var(--step)}
.dash-step.zero strong{color:var(--text-3)!important}
.step-repair{--step:var(--text-2)}
.dash-block .ds-row .ds-avatar{margin-top:2px}
@media(max-width:767px){
.dash-zone,.zone-work,.zone-service,.zone-admin{background:none;box-shadow:none;padding:0;border-radius:0;margin-bottom:24px}
.dash-strip-tile strong{font-size:26px}
}
.erp-shell .fast-list td .cell-main .ds-avatar{width:24px;height:24px;font-size:12px;margin-right:6px;vertical-align:-5px}
.erp-shell .ux-pilot-detail.dossier .next-step{border-left-color:var(--accent)}
.erp-shell .ux-pilot-detail.dossier .guided-step.current{background:var(--accent);border-color:var(--accent)}
.erp-shell .ux-pilot-detail.dossier .guided-step.current .guided-mark{color:var(--accent-ink)}
.erp-shell .unified-intake .ui-step::before{background:var(--accent)}
.erp-shell .unified-intake #id_case_type label:has(input:checked),.erp-shell .unified-intake .receipt-grid label:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
.erp-shell .unified-intake #id_case_type input,.erp-shell .unified-intake .receipt-grid input{accent-color:var(--accent-ink)}
.erp-shell .unified-intake .form-footer{border-left-color:var(--accent)}
.dash-block .ds-section-head{gap:10px}
@media(max-width:767px){
.dash-block h3::before{display:none}
.dash-block .ds-more{font-size:0}
.dash-block .ds-more::after{content:'Всички →';font-size:13px}
}
.ds-tag.amber{background:var(--wait-bg);color:var(--wait)}
.ds-tag.brand{background:var(--bg-subtle);color:var(--text)}
.ds-more,.ds-more:hover{color:var(--text-2)}
.ds-more:hover{color:var(--text)}
.ds-empty::before{background:var(--bg-subtle);color:var(--text-2)}
.zone-work,.zone-service{box-shadow:inset 0 0 0 1px var(--line-field)}
.zone-work .dash-zone-icon,.zone-service .dash-zone-icon,.zone-admin .dash-zone-icon{background:var(--bg-inverse);color:var(--on-inverse)}
.zone-work .dash-block{border-top:0}
.dash-block h3::before,.zone-service .dash-block h3::before,.zone-admin .dash-block h3::before{color:var(--text-3)}
.dash-strip-tile{border-color:var(--line)}
.dash-strip-tile:hover{border-color:var(--line)}
.dash-strip-tile strong{color:var(--text)}
.dash-strip-tile.is-late strong{color:var(--danger)}
.dash-strip-tile:not(.is-late):last-child strong{color:var(--text-3)}
.dash-step{--step:var(--text-3)}
.kind-stat .dash-step strong{color:var(--text)}
.dash-action{font-weight:600;color:var(--text)}
.erp-profile-initials{background:var(--bg-inverse)!important}
.ds-avatar.c0{background:var(--accent)}
.erp-shell .ux-pilot-detail.dossier .next-step{border-left-color:var(--line-strong)}
.erp-shell .ux-pilot-detail.dossier .next-step.is-waiting{border-left-color:var(--wait)}
.erp-shell .ux-pilot-detail.dossier .next-step.is-late{border-left-color:var(--danger)}
.erp-shell .ux-pilot-detail.dossier .guided-step.done{background:var(--bg-subtle)!important;color:var(--text-2)}
.erp-shell .ux-pilot-detail.dossier .guided-step.done .guided-mark{background:var(--bg-subtle);color:var(--text-2)}
.erp-shell .ux-pilot-detail.dossier .guided-step.current{background:var(--bg-inverse)!important;border-color:var(--line-strong)!important;color:var(--on-inverse)}
.erp-shell .ux-pilot-detail.dossier .guided-step.current .guided-mark{background:var(--bg-card);color:var(--text)}
.erp-shell .ux-pilot-detail.dossier .next-meta .next-due.late{color:var(--danger);font-weight:600}
.erp-shell .ux-pilot-detail.dossier .next-owed{margin:4px 0 8px;font-weight:600;color:var(--text)}
.erp-shell .ux-pilot-detail.dossier .wait-gate>summary{display:inline-flex;list-style:none;margin-top:8px}
.erp-shell .ux-pilot-detail.dossier .wait-gate>summary::-webkit-details-marker{display:none}
.erp-shell .ux-pilot-detail.dossier .wait-gate[open]>summary{background:var(--bg-card);color:var(--text);border:1px solid var(--line-field)}
.erp-shell .ux-pilot-detail.dossier .wait-gate[open]>form{margin-top:12px}
.erp-shell .ux-pilot-detail.dossier .dossier-head .case-client{font-weight:400;color:var(--text-2)}
.erp-shell .ux-pilot-detail.dossier .dossier-head .dossier-number{font:500 13px/1.4 var(--font-mono);color:var(--text-3);flex-basis:auto}
.erp-shell .ux-pilot-detail.dossier .case-contact a{color:var(--text-2);text-decoration:none}
.erp-shell .choice-cards label:has(input:checked),.erp-shell .handling-choice:has(input:checked),.erp-shell .ux-pilot-detail .notify-choice:has(input:checked){background:var(--accent-soft)!important;border-color:var(--accent)!important}
.erp-shell .ux-pilot-detail .notify-channel input:checked+span{background:var(--accent-soft)!important;border-color:var(--accent)!important;color:var(--text)!important;box-shadow:none!important}
.erp-shell #save-intake{background:var(--accent)!important;border-color:var(--accent)!important}
.erp-shell #save-intake:hover{background:var(--accent)!important}
.erp-shell #intake-preview{border:1px solid var(--line);background:var(--bg-card)}
.erp-shell .unified-intake .ui-step::before{background:var(--bg-inverse)}
.erp-shell .unified-intake .form-footer{border-left-color:var(--line-strong)}
.erp-shell .fast-list .case-device{font-weight:600;color:var(--text);text-decoration:none}
.erp-shell .fast-list .case-device:hover{text-decoration:underline}
.erp-shell .fast-list .case-no,.board-number{font:400 12px/1.4 var(--font-mono);color:var(--text-3);white-space:nowrap}
.erp-shell .fast-list .case-work-next{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:clip}
.erp-shell .fast-list .is-late,.board-due.late{color:var(--danger)}
.erp-shell .fast-list tr.is-late td:first-child{box-shadow:inset 3px 0 0 var(--danger)}
.board-card .board-device{font-weight:600;margin:0}
.board-card .board-device a{color:var(--text);text-decoration:none}
.board-step-no{display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--bg-subtle);color:var(--text-2);align-items:center;justify-content:center;font-size:12px}
.board-due{font-size:13px;color:var(--text-2)}
.board-who-does{display:inline-flex;align-items:center;gap:6px}
.gg-count.is-late{color:var(--danger)}
.date-hint{margin-top:2px}
.nav-advanced>summary{list-style:none;cursor:pointer;color:var(--side-text-2);font-size:13px}
.nav-advanced>summary::-webkit-details-marker{display:none}
.nav-advanced>summary::after{content:' ▾'}
.nav-advanced[open]>summary::after{content:' ▴'}
.erp-shell .ux-pilot-detail.dossier .dossier-head .dossier-number,.erp-shell .fast-list .case-no,.board-number{font-family:inherit;font-variant-numeric:tabular-nums}
.ds-tag.blue{background:var(--bg-subtle);color:var(--text)}
.nav-advanced{border:0!important;margin:0!important;padding:0!important}
.board-card .board-meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;justify-content:space-between}
.board-card .board-meta>*{min-width:0}
.board-card .board-tags{display:flex;flex-wrap:wrap;gap:4px}
.board-card .board-tags .gg-status{white-space:normal;max-width:100%}
.board-card .board-due{white-space:nowrap}
.erp-shell .unified-intake .step-head{flex-wrap:wrap;cursor:default}
.erp-shell .unified-intake .step-head .ui-step{flex:none}
.erp-shell .unified-intake .step-summary{font-size:var(--font-meta);font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.erp-shell .unified-intake section.card.is-collapsed{padding-top:12px;padding-bottom:12px}
.erp-shell .unified-intake section.card.is-collapsed>:not(.step-head){display:none!important}
.erp-shell .unified-intake section.card.is-collapsed .step-head{cursor:pointer;margin:0}
.erp-shell .unified-intake section.card.is-collapsed .step-head::after{content:'Промени';margin-left:auto;font-size:var(--font-meta);font-weight:500;color:var(--text-2);text-decoration:underline}
.erp-shell .unified-intake section.card.is-done .ui-step::before{content:'✓';background:var(--bg-inverse)}
.erp-shell .unified-intake section.card.is-done.is-collapsed .ui-step{color:transparent;position:relative}
.erp-shell .unified-intake .intake-progress{display:none}
@media(min-width:1180px){
.erp-shell .unified-intake.has-progress{display:grid;grid-template-columns:minmax(0,1fr) 240px;column-gap:24px;align-items:start}
.erp-shell .unified-intake.has-progress>*{grid-column:1}
.erp-shell .unified-intake .intake-progress{display:block;grid-column:2;grid-row:1/span 40;position:sticky;top:calc(var(--topbar-h) + var(--space-4));align-self:start}
.erp-shell .unified-intake .intake-progress-list{counter-reset:intake-section;list-style:none;margin:0 var(--space-4) var(--space-4);padding:0;display:grid;gap:6px}
.erp-shell .unified-intake .intake-progress-list li{counter-increment:intake-section;display:flex;gap:8px;align-items:baseline;font-size:14px}
.erp-shell .unified-intake .intake-progress-list li::before{content:counter(intake-section);flex:none;width:20px;height:20px;border-radius:50%;background:var(--bg-subtle);color:var(--text-2);font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.erp-shell .unified-intake .intake-progress-list li.done::before{content:'✓';background:var(--bg-inverse);color:var(--on-inverse)}
.erp-shell .unified-intake .intake-progress-list li a{color:var(--text);text-decoration:none}
.erp-shell .unified-intake .intake-progress>button{width:calc(100% - 2 * var(--space-4))}
}
.erp-shell .unified-intake .catalog-results{display:grid;gap:4px;margin:4px 0}
.erp-shell .unified-intake .catalog-results button{justify-content:flex-start;text-align:left;width:100%;height:auto;min-height:40px;white-space:normal}
.erp-shell .unified-intake .selected-product:has(#selected-product-name:empty){display:none}
.erp-shell .issued-confirmation h1{font-size:var(--font-page);margin:4px 0}
.erp-shell .issued-confirmation .issued-client{font-weight:400;color:var(--text-2)}
.erp-shell .issued-steps{counter-reset:issued;list-style:none;padding:0;margin:16px 0;display:grid;gap:12px}
.erp-shell .issued-steps>li{counter-increment:issued;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:start}
.erp-shell .issued-steps>li::before{content:counter(issued);grid-row:1/span 3;width:28px;height:28px;border-radius:50%;background:var(--bg-inverse);color:var(--on-inverse);font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.erp-shell .issued-steps>li>*{grid-column:2}
.erp-shell .issued-steps .actions{margin-top:6px}
.erp-shell .issued-next{font-size:16px;margin:8px 0 12px}
.erp-shell .ux-pilot-detail.dossier .next-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;margin:8px 0 12px;font-size:15px}
.erp-shell .ux-pilot-detail.dossier .next-facts>div{display:contents}
.erp-shell .ux-pilot-detail.dossier .next-facts dt{color:var(--text-2)}
.erp-shell .ux-pilot-detail.dossier .next-facts dd{margin:0;color:var(--text);overflow-wrap:anywhere}
.erp-shell .ux-pilot-detail.dossier .next-facts a[href^="tel:"]{font-weight:700;font-size:17px}
@media(max-width:767px){
.erp-shell .ux-pilot-detail.dossier .next-facts{grid-template-columns:minmax(0,1fr)}
.erp-shell .ux-pilot-detail.dossier .next-facts dt{margin-top:6px}
}
.erp-shell .client-here{counter-reset:here;list-style:none;margin:12px 0;padding:0;display:grid;gap:16px}
.erp-shell .client-here>li{counter-increment:here;border-top:1px solid var(--line);padding-top:12px}
.erp-shell .client-here>li>h3{display:flex;align-items:center;gap:8px;font-size:var(--type-block);margin:0 0 6px}
.erp-shell .client-here>li>h3::before{content:counter(here);width:24px;height:24px;border-radius:50%;background:var(--bg-inverse);color:var(--on-inverse);font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.erp-shell .client-here-check{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;margin:8px 0 12px}
.erp-shell .client-here-check>div{display:contents}
.erp-shell .client-here-check dt{color:var(--text-2)}
.erp-shell .client-here-check dd{margin:0;overflow-wrap:anywhere}
@media(max-width:767px){
.erp-shell .client-here-check{grid-template-columns:minmax(0,1fr)}
}
.erp-shell .issued-confirmation{border:1px solid var(--line)!important;border-left:4px solid var(--line-strong)!important}
.primary-nav .nav-module{font-weight:600}
.primary-nav .nav-module.is-open{color:var(--side-text-strong)!important}
.primary-nav .nav-sub{display:grid;gap:2px;margin:2px 0 8px 30px;border-left:1px solid var(--side-line);padding-left:8px}
.primary-nav .nav-sub a{font-size:14px;padding-top:6px!important;padding-bottom:6px!important}
.primary-nav .nav-sub .nav-advanced>summary{padding:6px 12px}
.erp-bottom-bar{display:none}
@media(max-width:767px){
.erp-bottom-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg-card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-sizing:border-box;min-height:calc(var(--bottom-bar-h) + env(safe-area-inset-bottom))}
/* 1.37.1 (owner, 23.10.2026): the bar never covers the last rows — on a phone every page keeps space below as high
   as the bar, the phone's safe area and one step of air; the toasts show above the bar */
body.erp-shell{padding-bottom:calc(var(--bottom-bar-h) + env(safe-area-inset-bottom) + var(--space-4))}
.ds-toasts{bottom:calc(var(--bottom-bar-h) + env(safe-area-inset-bottom) + var(--space-2))}
/* 1.62.23 (owner, 27.10.2026): when the page itself scrolls to a field or a button (the next field on the keyboard,
   a field with an error, a link to a part of the page), it stops above the bar, not under it */
:root:has(.erp-bottom-bar){scroll-padding-bottom:calc(var(--bottom-bar-h) + env(safe-area-inset-bottom) + var(--space-2))}
/* 1.64.7 (owner, 28.10.2026, decision 1): in a form that keeps its place (data-keep-place) the browser would CENTRE a field
   that sits under the bar (Tab moved „Ново приемане“ by 389 px) — there keep-place.js lifts the field just above the bar */
:root:has(.erp-bottom-bar):has([data-keep-place] :focus){scroll-padding-bottom:0}
.erp-bottom-bar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;justify-content:center;color:var(--text-2);text-decoration:none;font-size:12px;font-weight:600;position:relative}
.erp-bottom-bar a .erp-icon{width:22px;height:22px}
.erp-bottom-bar a[aria-current=page]{color:var(--accent-ink)}
.erp-bottom-bar .erp-bottom-intake{color:var(--accent-ink)}
.erp-bottom-bar .erp-bottom-count{position:absolute;top:2px;left:calc(50% + 6px);background:var(--bg-inverse);color:var(--on-inverse);border-radius:999px;font-size:12px;line-height:16px;min-width:18px;padding:0 4px;text-align:center}
.app-footer{margin-bottom:8px}
}
.dash-counts{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.dash-counts a{display:flex;gap:10px;align-items:baseline;color:var(--text);text-decoration:none}
.dash-counts strong{min-width:28px;font-size:20px}
.dash-counts + .dash-summary{margin-top:14px}
.dash-block .ds-row.is-late .ds-row-title{color:var(--text)}
@media(max-width:767px){
.dash-block .ds-row{flex-wrap:wrap}
.dash-block .ds-row-aside{width:100%;justify-content:flex-start;padding-left:0}
.dash-block .ds-row:has(>.ds-row-icon){flex-wrap:nowrap}
.dash-block .ds-row:has(>.ds-row-icon) .ds-row-aside{width:auto}
}
.phone-select{display:none}
@media(max-width:767px){
nav.has-phone-select{display:none!important}
.phone-select{display:flex;align-items:center;gap:8px;margin:8px 0 12px;font-weight:600;color:var(--text-2)}
.phone-select select{flex:1;min-height:48px;font-weight:600;color:var(--text)}
.service-board .board-scroll{overflow:visible!important}
.service-board .board-columns{display:block!important;min-width:0!important;width:auto!important}
.service-board .board-column{width:auto!important;min-width:0!important;margin:0 0 16px;background:none;border:0;padding:0}
.service-board .board-column h2{position:static;background:none;padding:4px 0 8px}
.service-board .board-card{margin:0 0 8px}
.service-board .board-column:has(.board-card)~.board-column:not(:has(.board-card)) .board-empty{display:none}
.my-row{flex-wrap:wrap}
.my-row .my-main{flex:1 1 calc(100% - 48px);min-width:0}
.my-row .my-due{margin-left:44px}
.my-case .my-due{display:none}
.my-case .my-due-inline{display:inline}
}
.erp-shell .knowledge-start{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px;margin:0 0 16px}
.erp-shell .knowledge-start h2,.erp-shell .knowledge-group h2{font-size:var(--font-section);margin:0 0 8px}
.erp-shell .knowledge-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;counter-reset:kstep}
.erp-shell .knowledge-steps li{counter-increment:kstep;display:flex;align-items:center;gap:6px;background:var(--bg-subtle);border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 4px;font-weight:600;font-size:14px}
.erp-shell .knowledge-steps li::before{content:counter(kstep);width:22px;height:22px;border-radius:50%;background:var(--bg-inverse);color:var(--on-inverse);font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.erp-shell .knowledge-group{margin:0 0 20px}
.erp-shell .employee-summary dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;margin:0}
.erp-shell .employee-summary dl>div{display:contents}
.erp-shell .employee-summary dt{font-weight:700}
.erp-shell .employee-summary dd{margin:0}
.erp-shell .employee-templates{display:flex;flex-wrap:wrap;gap:8px}
.erp-shell .employee-templates button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}
.erp-shell .employee-roles{width:100%;border-collapse:collapse}
.erp-shell .employee-roles th,.erp-shell .employee-roles td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}
.erp-shell .employee-roles thead th{color:var(--text-2);font-weight:600}
.erp-shell .employee-roles tbody th label{display:flex;gap:8px;align-items:center;font-weight:600}
.erp-shell .employee-roles tbody th,.erp-shell .employee-roles tbody th label{text-transform:none;letter-spacing:0;background:none;color:var(--text)}
.erp-shell .employee-sensitive{margin:0;padding-left:18px;display:grid;gap:6px}
.zone-couriers{background:var(--bg-subtle);box-shadow:inset 0 0 0 1px var(--line-field)}
@media(min-width:1024px){
.dash-block.size-l .dash-steps.dash-couriers{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.dash-step.is-late strong{color:var(--danger)}
.erp-date{position:relative;display:block;min-width:0;max-width:100%}
.erp-date>input[data-erp-date]{width:100%;padding-right:44px;font-variant-numeric:tabular-nums}
.erp-shell .erp-date>.erp-date-open{position:absolute;top:50%;right:4px;transform:translateY(-50%);min-height:0;width:34px;height:32px;padding:0;margin:0;border:0;border-radius:6px;background:transparent;color:var(--text-2);box-shadow:none}
.erp-shell .erp-date>.erp-date-open:hover{background:var(--bg-subtle);color:var(--text)}
.erp-date-open[aria-expanded=true]{background:var(--bg-subtle);color:var(--text)}
.erp-calendar{position:absolute;z-index:40;top:calc(100% + 4px);left:0;width:280px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:10px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 8px 24px var(--shade-2);font-size:var(--font-body);font-weight:400;color:var(--text)}
.erp-calendar.is-right{left:auto;right:0}
.erp-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}
.erp-calendar-head strong{font-weight:600}
.erp-shell .erp-calendar button{min-height:0;height:34px;margin:0;padding:0;border-radius:6px;box-shadow:none;font-size:var(--font-body);font-weight:400}
.erp-shell .erp-calendar .erp-calendar-nav{width:34px;border:1px solid var(--line);background:var(--bg-card);color:var(--text);font-size:18px}
.erp-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.erp-calendar-day-name{font-size:var(--font-meta);color:var(--text-3);padding:2px 0}
.erp-shell .erp-calendar-grid button{width:100%;border:0;background:transparent;color:var(--text)}
.erp-shell .erp-calendar-grid button:hover{background:var(--bg-subtle)}
.erp-shell .erp-calendar-grid button.is-today{box-shadow:inset 0 0 0 1px var(--line)}
.erp-shell .erp-calendar-grid button.is-chosen{background:var(--accent);color:var(--on-accent);font-weight:600}
.erp-calendar-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px}
.erp-shell .erp-calendar-foot button{padding:0 12px}
.dash-zone,.zone-work,.zone-service,.zone-admin{box-shadow:none}
}