/* Auth layout follows the supplied msg.delvika.ru Cabinet.css.
   Shared colors, controls, typography and panels remain in application.css. */
.login-panel{max-width:440px;margin:35px auto}
.login-panel h1{font-size:23px;font-weight:500;margin:0 0 24px}
.form-grid{display:grid;gap:12px}
.form-grid .field{margin:0}
.notice{padding:12px 16px;border:1px solid #e4c4bb;border-radius:6px;color:#963d32;background:#fff6f3;margin:18px auto;max-width:440px}
.success-notice{padding:12px 16px;border:1px solid #cbdcd2;border-radius:6px;color:var(--green);background:#edf4ef;margin:18px auto;max-width:440px}
.panel-description{margin:-12px 0 22px}
.password-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.password-actions .primary{flex:1}
.password-field{position:relative}
.password-field input{width:100%;padding-right:46px}
.password-field .password-toggle{position:absolute;right:2px;top:2px;bottom:2px;width:38px;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#727b77}
.password-field .password-toggle:hover{color:var(--green);background:transparent}
.password-toggle:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.password-toggle svg{pointer-events:none}
.password-toggle[aria-pressed=true] .eye-slash{display:none}
#passwordHint{font-size:12px;line-height:1.5}
#userEmail{font-size:12px;max-width:250px;overflow-wrap:anywhere}
#welcomeName{overflow-wrap:anywhere;margin-bottom:16px}
.preview-note{max-width:440px;margin:auto}
.login-panel h1:focus{outline:none}
form[aria-busy=true]{cursor:progress}
.users-panel{max-width:1000px;margin:24px auto}
.orders-panel{max-width:1100px;margin:24px auto}
.orders-panel h1{font-size:23px;font-weight:500;margin:0}
.orders-panel h2{font-size:18px;font-weight:500}
.draft-list{margin:20px 0}
#draftTitle,.cmp-title{margin:18px 0}
.draft-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.draft-row>div,.draft-row>span{min-width:0;overflow-wrap:anywhere}
.draft-row button{flex-shrink:0}
.draft-row p{margin:5px 0 0}
.draft-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px;margin-top:20px}
.draft-block{border:1px solid var(--line);border-radius:8px;padding:18px;min-width:0}
.draft-block h2{margin-top:0}
.draft-block .sub{font-size:12px;line-height:1.5}
.draft-block a,.draft-identity{overflow-wrap:anywhere}
.draft-upload{display:block;max-width:100%;margin-top:8px;padding:12px;border:1px dashed #afc2b9;border-radius:13px;color:var(--green);background:#f5f9f7;text-align:center;cursor:pointer;font-size:13px;font-weight:750}
.draft-sketches{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:16px}
.draft-file{display:flex;flex-direction:column;gap:8px;min-width:0}
.draft-file img{width:100%;height:130px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#f7f9f8}
.draft-file a{font-size:12px}
.draft-file button{margin-top:auto;font-size:12px}
@media(max-width:700px){
  .orders-panel .section-head{flex-direction:column;align-items:flex-start;gap:12px}
  .draft-columns,.draft-columns.measurement-row{grid-template-columns:1fr}
  .draft-upload{min-height:46px;display:flex;align-items:center;justify-content:center;padding:10px 8px;line-height:1.3}
  .draft-row{flex-wrap:wrap}
}
.users-panel h1{font-size:23px;font-weight:500;margin:0}
.users-actions{display:flex;gap:8px;flex-wrap:wrap}
.user-editor{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:8px;max-width:580px}
.user-editor h2{margin:0}
.user-editor select{font:inherit;width:100%;min-height:37px;border:1px solid #d4ddd7;border-radius:6px;padding:8px 11px;background:white;color:inherit}
.user-editor fieldset{border:1px solid var(--line);border-radius:6px;min-width:0;padding:12px}
.user-editor legend{font-size:13px;color:var(--muted)}
#memberChoices{max-height:260px;overflow:auto;margin-top:12px}
.member-choice{display:flex;align-items:center;gap:10px;padding:8px 0;overflow-wrap:anywhere}
.member-choice input{width:18px;height:18px;flex:none;accent-color:var(--green)}
.users-table{margin-top:20px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.users-labels,.user-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(150px,1.3fr) minmax(100px,1fr) 145px 125px 90px;gap:18px;padding:20px 22px;align-items:center;overflow-wrap:anywhere}
.users-labels{font-size:12px;color:var(--muted);background:#fafbfa;padding-top:11px;padding-bottom:11px}
.users-labels button,.order-labels button{display:flex;align-items:center;gap:5px;width:100%;padding:0;border:0;border-radius:0;min-height:0;background:transparent;color:inherit;font:inherit;text-align:left}
.users-labels button:hover,.users-labels button[aria-pressed=true],.order-labels button:hover,.order-labels button[aria-pressed=true]{color:var(--green)}
.users-labels button:after,.order-labels button:after{content:'↑';visibility:hidden;flex:none}
.users-labels button[data-direction=asc]:after,.order-labels button[data-direction=asc]:after{visibility:visible}
.users-labels button[data-direction=desc]:after,.order-labels button[data-direction=desc]:after{content:'↓';visibility:visible}
.user-row{border-top:1px solid #edf0ee;cursor:pointer}
.user-row:nth-child(even){background:#f1f5f3}
.user-row:hover{background:#e6efea}
.user-row:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.user-row>div{min-width:0}
.user-info strong{font-weight:500}
.user-row .sub{font-size:12px;margin-top:4px}
.user-access[data-active=true]{color:var(--green)}
.user-access[data-active=false]{color:#a8443c}
#memberAccess{cursor:pointer}
#memberActive:disabled{opacity:.55;cursor:default}
@media(max-width:1000px){.users-labels,.user-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr) 130px 100px 70px;gap:12px;padding-left:16px;padding-right:16px}}
.user-editor select:focus-visible{outline:2px solid #43856c;outline-offset:2px}
@media(max-width:700px){
  #userEmail{display:none}
  .users-labels{display:none}
  .user-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:18px 16px}
  .user-info{grid-column:1;grid-row:1}.user-access{grid-column:2;grid-row:1}
  .user-email,.user-counterparty,.user-phone,.user-role{grid-column:1/-1;font-size:12px;color:var(--muted)}
  .user-counterparty:before{content:'Контрагент: '}.user-phone:before{content:'Телефон: '}
  .users-panel .section-head{flex-direction:column}
}
@media(max-width:600px){
  header{height:auto;min-height:54px;flex-wrap:wrap;gap:0 24px;padding-top:0;padding-bottom:0}
  header .brand,header nav{min-height:54px;display:flex;align-items:center}
  header nav{height:54px}
  header .user{width:100%;margin:0;padding:0 0 12px;justify-content:flex-end;gap:8px}
  .login-panel{margin:24px auto}
  .user-editor{padding:14px}
  .user-editor select{min-height:42px}
}
/* Cabinet navigation uses the same shared .tabs as the receipts cabinet. */
#cabinetTabs{overflow-x:auto;white-space:nowrap}
#cabinetNavigation~.orders-panel,#cabinetNavigation~.users-panel{max-width:none;margin:0}
#passwordPanel.account-password{max-width:540px;margin:0}
#cabinetNavigation~#usersPanel #backToCabinet{display:none}
@media(max-width:600px){#cabinetTabs{gap:24px}#cabinetTabs button{flex-shrink:0}}
/* Orders list follows the approved receipts table, filters and mobile layout. */
.order-filters{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;margin:26px 0 14px;align-items:start}.order-filters .field{margin:0;min-width:0}.order-filters select,.order-filters input{width:100%;box-sizing:border-box}.filter-search{grid-column:1/-1}.period-field{border:0;margin:0;padding:0;min-width:0}.period-field legend{color:#68776f;font-size:13px;line-height:18px;margin-bottom:7px;padding:0}.period-buttons{display:flex;align-items:center;gap:10px}.period-buttons button{flex:1;min-width:0}.order-filters .field label{line-height:18px;margin-bottom:7px}.order-filters select,.order-filters input,.order-filters .date-trigger{height:38px;min-height:38px;border:1px solid #d4ddd7;border-radius:6px;background-color:#fff;padding:0 11px}.filter-actions{display:flex;justify-content:flex-end;margin:0 0 24px}.order-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}.order-toolbar>div{display:flex;gap:8px;flex-shrink:0}.order-toolbar .icon-button{width:38px;padding:8px;display:flex;align-items:center;justify-content:center}.order-toolbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.order-table{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.order-table .draft-list{margin:0}.order-labels,.order-table .draft-row{display:grid;grid-template-columns:100px minmax(160px,1.5fr) minmax(130px,1fr) 65px minmax(190px,1.3fr);gap:18px;align-items:center;padding:20px 22px}.order-labels{font-size:12px;color:var(--muted);background:#fafbfa;padding-top:11px;padding-bottom:11px}.order-table .draft-row{cursor:pointer;border:0;border-top:1px solid #edf0ee;overflow-wrap:anywhere}.order-table .draft-row:nth-child(even){background:#f1f5f3}.order-table .draft-row:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.order-table .draft-row:hover{background:#e6efea}.order-table small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5}.order-name strong{font-weight:500}.order-stage{font-size:12px;line-height:1.5;color:var(--green)}.order-stage.running,.order-stage.queued{color:#826023}.order-stage.failed{color:#963d32}.draft-block{background:#fff}
@media(max-width:1100px) and (min-width:701px){.order-labels,.order-table .draft-row{grid-template-columns:85px minmax(140px,1.4fr) 1fr 50px 170px;gap:12px;padding-inline:16px}}
@media(max-width:700px){.order-filters{grid-template-columns:1fr 1fr;gap:16px 12px}.period-field,.filter-search{grid-column:1/-1}.order-filters select,.order-filters input,.order-filters .date-trigger{height:44px;min-height:44px}.order-toolbar{align-items:flex-start;flex-direction:column;font-size:12px}.order-labels{display:none}.order-table .draft-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:18px 16px}.order-name{grid-column:1;grid-row:1}.order-date{grid-column:1/-1;grid-row:2;font-size:12px;color:var(--muted)}.order-owner{grid-column:1/-1;font-size:12px;color:var(--muted)}.order-sketch-count{grid-column:1/-1;font-size:12px;color:var(--muted)}.order-sketch-count:before{content:'Эскизов: '}.order-stage{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line)}.order-table small{margin-top:4px}}

.order-table .draft-row{position:relative}
.order-spinner{position:absolute;right:24px;top:calc(50% - 9px);width:18px;height:18px;box-sizing:border-box;border:2px solid #dce9e3;border-top-color:#206350;border-radius:50%;animation:order-spin 1.28s linear infinite;pointer-events:none}
@keyframes order-spin{to{transform:rotate(360deg)}}
@media(min-width:701px){.order-labels,.order-table .draft-row{padding-right:58px}}
@media(max-width:700px){.order-table .order-stage{position:relative;padding-right:36px}.order-spinner{right:8px;top:10px}}


@media(max-width:700px){.heading{align-items:flex-start;gap:12px}.heading h1{font-size:25px}.heading .sub{font-size:12px}}

.check-results{margin-top:24px}
.check-results .check-state{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400;line-height:1.5;color:var(--green)}
.check-state .order-spinner{position:static;display:inline-block;flex:0 0 18px}
.check-results .draft-row:last-child{border-bottom:0;padding-bottom:0}

.check-originals{margin-top:16px;font-size:13px}
.check-originals summary{cursor:pointer;color:var(--green);width:fit-content}
.check-originals-list{margin:12px 0 0 6px;padding-left:18px;border-left:1px solid var(--line)}
.check-originals-list p{padding:5px 0;overflow-wrap:anywhere}
.check-results .draft-row>div{flex:1}

.draft-columns .draft-upload{margin-bottom:12px}
#draftInvoice{margin-top:8px}
#draftInvoice>p{margin-top:8px}

.check-links{display:grid;grid-template-columns:minmax(0,max-content) auto;justify-content:start;align-items:start;gap:12px 24px;margin-top:16px;font-size:13px}
.check-links .check-originals{margin-top:0}
.check-links>a{white-space:nowrap}
@media(max-width:420px){.check-links{grid-template-columns:1fr;gap:12px}}

#draftTitle.recognition-error{color:#963d32}

.draft-card-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.draft-card-toolbar .order-stage{margin:0;padding:0;border:0}

.check-results>button.primary{display:block;margin-bottom:20px}

.order-filters select{appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJtNCA2IDQgNCA0LTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0NDgzZCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg0K");background-repeat:no-repeat;background-position:right 12px center}
#orderSearch::-webkit-search-cancel-button{cursor:pointer}

.measurement-row { grid-template-columns:repeat(2,minmax(0,1fr)); }

.help-panel{margin:24px 0;max-width:1200px;line-height:1.7}
.help-panel h1{font-size:23px;font-weight:500;margin:0}
.help-lead{color:var(--muted);margin:8px 0 24px}
.help-contents{display:flex;gap:12px 24px;flex-wrap:wrap;margin-bottom:24px}
.help-section{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;margin-bottom:20px;scroll-margin-top:20px}
.help-section h2{font-size:20px;font-weight:500;margin:0 0 18px}
.help-section h3{font-size:16px;font-weight:500;margin:24px 0 10px}
.help-section p{margin:12px 0}.help-section li{margin:8px 0}
.help-table-wrap{overflow-x:auto}.help-section table{width:100%;border-collapse:collapse;font-size:14px}
.help-section th,.help-section td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:150px}
.help-section th{background:#f0f5f2;font-weight:500}
.help-callout{border-left:3px solid var(--green);background:#f0f5f2;padding:18px 22px;margin:24px 0}
.help-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-examples figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:8px;padding:16px}
.help-examples h3{margin:0 0 12px}.help-examples svg{display:block;width:100%;height:auto}.help-examples figcaption{font-size:13px;color:var(--muted)}
.help-enlarge{margin-top:12px}.help-enlarge summary{cursor:pointer;color:var(--green)}
.help-examples figure:has(details[open]){grid-column:1/-1}.help-examples figure:has(details[open])>svg{display:none}
.help-section dt{font-weight:600;margin-top:20px}.help-section dd{margin:6px 0 0}
@media(max-width:700px){.help-section{padding:18px}.help-examples{grid-template-columns:1fr}.help-section h2{font-size:18px}.help-contents{gap:10px 18px}}
.support-panel{margin:24px 0;max-width:1100px}.support-panel h1{font-size:23px;font-weight:500}.support-panel h2{font-size:19px;font-weight:500}.support-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px;margin:20px 0}.support-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.support-list-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;text-align:left;width:100%;padding:18px;margin:10px 0;cursor:pointer}.support-list-row strong{flex:1}.support-list-row small{width:100%;color:var(--muted)}.support-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.support-file{display:block;margin:8px 0;overflow-wrap:anywhere}.support-panel textarea{width:100%;box-sizing:border-box;resize:vertical;font:inherit;padding:12px;border:1px solid var(--line);border-radius:6px}.support-panel summary{cursor:pointer;color:var(--green)}#notificationPreferences label,#supportPermissionList label{display:block;margin:16px 0}#notificationPreferences input,#supportPermissionList input,#maxConfigForm input[type=checkbox]{width:auto;margin-right:10px}#maxConfigForm .field{margin:16px 0}#maxConfigForm button{margin:12px 0}.support-code{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.support-card button{margin-right:8px}#supportAttachments button{font-size:12px;margin-left:12px}#supportAdminState{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#supportAdminState[hidden]{display:none}#supportAdminState select{width:auto}.support-context-action{margin-top:16px}
@media(max-width:700px){.support-card{padding:18px}.support-list-row{align-items:flex-start;flex-direction:column}.support-panel input[type=file]{max-width:100%}}

.support-card p{margin:12px 0;line-height:1.65}
.support-card button{margin:4px 8px 4px 0}
.support-card .field{margin-bottom:20px}
.support-card input[type=checkbox]{width:auto;margin:3px 10px 0 0;flex:0 0 auto}
#notificationPreferences>label,#supportPermissionList>label{display:flex;align-items:flex-start;margin:14px 0;line-height:1.6}
#supportAdminState{max-width:360px}
#supportChooseFiles{margin-top:0;margin-bottom:8px}
#orderFeedback{margin-left:auto}
/* Support layout follows the order toolbar and account form spacing. */
.support-toolbar>div{margin-left:auto}
.support-panel h1:focus{outline:none}
.support-panel [hidden]{display:none!important}
.support-card p{margin:0;line-height:1.6}
.support-card{display:flex;flex-direction:column;gap:16px}
.support-card h2,.support-card h3{margin:0}
.support-card button{margin:0}
.support-card .field{margin:0}


.support-card .max-inline,.support-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.max-connect>#maxInstructions{flex:1;min-width:220px}
#maxCode:empty,#maxInstructions:empty,#maxContact:empty,#notificationNotice:empty,#supportNotice:empty{display:none}
#notificationPreferences{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:8px 0 0}
#notificationPreferences>label,#supportPermissionList>label{display:flex;align-items:center;gap:10px;margin:0;min-height:32px;cursor:pointer;line-height:1.5}
#notificationPreferences input[type=checkbox],#supportPermissionList input[type=checkbox], #maxConfigForm input[type=checkbox],:is(#userForm,#invoiceBlock,#comparisonForm) input[type=checkbox]{appearance:none;box-sizing:border-box;width:20px;height:20px;min-width:20px;padding:0;margin:0;border:1px solid #8b9c96;border-radius:5px;background:#fff;cursor:pointer;position:relative;flex:0 0 20px}
#notificationPreferences input:checked,#supportPermissionList input:checked, #maxConfigForm input:checked,:is(#userForm,#invoiceBlock,#comparisonForm) input[type=checkbox]:checked{background:var(--green);border-color:var(--green)}
#notificationPreferences input:checked:after,#supportPermissionList input:checked:after, #maxConfigForm input:checked:after,:is(#userForm,#invoiceBlock,#comparisonForm) input[type=checkbox]:checked:after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
#notificationPreferences input:focus-visible,#supportPermissionList input:focus-visible, #maxConfigForm input:focus-visible,:is(#userForm,#invoiceBlock,#comparisonForm) input[type=checkbox]:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.support-card .copy-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:5px;border:0;background:transparent;color:var(--muted);cursor:pointer;flex:0 0 32px}
.copy-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.support-card .copy-icon:hover{color:var(--green);background:#eef5f2}
.copy-feedback{font-size:13px;color:var(--green)}
#supportCompose{align-items:stretch}
#supportCompose>button{align-self:flex-start}
@media(max-width:700px){.max-connect>#maxInstructions{flex-basis:100%;min-width:0}.max-inline span{overflow-wrap:anywhere}.support-toolbar{gap:12px;flex-wrap:wrap}}
.support-thread-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.support-thread-heading h2{min-width:0;overflow-wrap:anywhere}
#supportStatus{margin-left:auto;text-align:right;font-size:14px}
.support-status[data-state=new],.support-status[data-state=working]{color:#a8443c}
.support-status[data-state=answered]{color:var(--green)}

.support-upload-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.support-upload-group .sub{margin:0}
#supportAttachments:empty,#supportComposeContext:empty{display:none}
.support-attachment{display:flex;align-items:center;gap:8px;margin:8px 0}.support-attachment>span{min-width:0;overflow-wrap:anywhere}#supportAttachments .support-remove,#supportUnsentFiles .support-remove{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:7px;margin:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#a8443c}.support-remove svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;transform:translateY(1px)}#supportAttachments .support-remove:hover:not(:disabled),#supportUnsentFiles .support-remove:hover:not(:disabled){background:#fbedea;border-color:#ecd3cf}.support-remove:focus-visible{outline:2px solid #a8443c;outline-offset:2px}

/* Conversation: customer right, support left, with attachments in the bubble. */
#supportMessages{display:flex;flex-direction:column;gap:16px;padding:8px 0;min-width:0}
.support-message{align-self:flex-start;max-width:75%;min-width:0;padding:14px 16px;border:0;border-radius:12px;background:#f1f3f3;overflow-wrap:anywhere}
.support-message.support-own{align-self:flex-end;background:#e8f2ed}
.support-message>strong{display:block;font-size:13px;font-weight:600;color:var(--green);margin-bottom:6px}
.support-message .support-body{margin:0;padding:0;background:none;line-height:1.6;white-space:pre-wrap}
.support-message .support-file{margin:10px 0 0;text-decoration:underline;text-underline-offset:3px}
.support-message time{display:block;margin-top:8px;text-align:right;color:var(--muted);font-size:11px;line-height:1.4}
@media(max-width:700px){.support-message{max-width:92%;padding:12px 14px}#supportMessages{gap:12px}}

.support-status{color:var(--muted);font-size:14px}
#maxBindingState{margin-left:auto;text-align:right}
.max-contact-inline{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;max-width:100%}


/* Shared appearance for all MAX secondary actions. */
#maxBind,#maxRefresh,#maxDisconnect,#maxLoadAccounts,#saveCustomerNumber,.comparison-repeat,.invoice-review button{background:#f5f9f7}
#maxBind:hover,#maxRefresh:hover,#maxDisconnect:hover,#maxLoadAccounts:hover,#saveCustomerNumber:hover,.comparison-repeat:hover,.invoice-review button:hover{background:#e8f2ed}

#notificationPreferences>label{min-height:24px}
.support-card .copy-icon{position:relative;overflow:visible}
.copy-feedback{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:5px 8px;border-radius:5px;background:var(--green);color:white;white-space:nowrap;pointer-events:none;z-index:5;font-size:12px;line-height:1.3;font-weight:400}
#maxInstructions{line-height:1.45}
.max-contact-inline{display:inline;vertical-align:baseline}
#maxInstructions .copy-icon{display:inline-flex;vertical-align:middle;height:20px;min-height:20px;width:26px;padding:0 3px;line-height:1;margin:0 2px}

#maxAdmin summary{position:relative;padding-right:150px}
#maxAdminStatus{position:absolute;right:0;top:0;font-weight:400}
#maxConfigForm{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:8px}
#maxConfigForm .field{width:100%;margin:0}
#maxConfigForm button{margin:0}
#maxConfigForm .max-enable{display:flex;align-items:center;gap:10px;min-height:24px;cursor:pointer;margin:0}
#maxAccount{width:100%;min-height:37px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:white;color:inherit;font:inherit;cursor:pointer}
@media(max-width:500px){#maxAdmin summary{padding-right:0}#maxAdminStatus{position:static;display:block;margin-top:8px}}

#maxConfigForm #maxToken{width:100%;margin:0}
#maxConfigForm .max-config-divider{width:100%;border:0;border-top:1px solid var(--line);margin:0}

/* Check mode selector */
.draft-columns:has(.invoice-block[hidden]) { grid-template-columns:minmax(0,1fr); }
.invoice-block[hidden] { display:none; }
.check-mode-switch {
  position:relative; isolation:isolate; display:inline-grid; grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(100%,32rem); padding:3px; box-sizing:border-box; border-radius:16px;
  background:#edf3f0; margin-bottom:8px;
}
.check-mode-switch::before {
  content:""; position:absolute; z-index:-1; top:3px; bottom:3px; left:3px; width:calc(50% - 3px);
  background:#21624f; border-radius:13px; transition:transform .18s ease;
}
.check-mode-switch[data-mode="full"]::before { transform:translateX(100%); }
.check-mode-switch button, .check-mode-switch button:hover {
  min-width:0; padding:9px 8px; border:0; border-radius:13px; background:transparent;
  color:#324d43; font:inherit; line-height:1.25; white-space:normal;
}
.check-mode-switch button[aria-pressed="true"] { color:white; opacity:1; }
.check-mode-switch button small { display:block; font-size:.8em; }
.check-mode-switch button:focus-visible { outline:2px solid #21624f; outline-offset:2px; }
@media(prefers-reduced-motion:reduce) { .check-mode-switch::before { transition:none; } }
#checkModePanel .check-mode-switch + div { display:grid; justify-items:start; gap:12px; }
#checkModePanel .check-mode-switch + div > * { margin:0; }

#comparisonForm .draft-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}#comparisonForm .draft-block{margin:0}@media(max-width:720px){#comparisonForm .draft-columns{grid-template-columns:1fr}}

@media(min-width:701px){.cmp-table .order-labels,.cmp-table .draft-row{grid-template-columns:1fr 2fr 1.4fr 1fr}}

#cmpCard .check-results>a{display:block;margin:12px 0}
#cmpCard .draft-block a{overflow-wrap:anywhere}

#customerNumberForm + #checkModePanel{margin-top:20px}

/* Название активного раздела уже показано во вкладках кабинета. */
#comparisonPanel > .section-head, #feedbackTitle, #notificationsTitle, #helpTitle, #usersTitle,
#cabinetNavigation:not([hidden]) ~ #passwordPanel #passwordTitle {display:none}
#usersPanel .section-head {justify-content:flex-end}