@media(max-width:860px){

body.ios-preview-active{

  --mobile-card-radius:24px;

  --mobile-inner-radius:16px;

  --mobile-control-radius:14px;

  --mobile-gutter:12px;

  --mobile-space:20px;

  --mobile-gap:12px;

  --mobile-button-bg:color-mix(in srgb,var(--ios-accent) 18%,var(--ios-card));

}

body.ios-preview-active:not(.ios-chat-open) #mainApp{top:0!important;height:var(--ios-shell-height)!important;padding-top:env(safe-area-inset-top,0px)!important}

/* Surface contrast separates cards; borders are reserved for focus and validation. */

body.ios-preview-active #mainApp #content :is(

  .chart-card,.stat-tile,.role-card,.person-card,.kcard,.kcol,.qstep,

  .role-work-client,.role-work-stat,.role-task-row,.role-assignment-card,

  .role-assignment-form,.assignment-client-card,.wait-row,.cf-stage,

  .team-doc-card,.team-doc-upload,.memo-card,.memo-preview,.price-card,

  .bug-card,.bug-row,.dup-card,.duty-row,.pl-item,.ann-group,.off-slot,

  .off-list-row,.off-mode,.modal-section,.client-filter-bar,.dash-pay-form,

  .ov-card,.ov-row,.lk-card,.pr-tile,.tariff-rate,.payroll-freeze,.poa-card,.work-row

){

  border:0!important;

  border-radius:var(--mobile-card-radius)!important;

  box-shadow:none!important;

  background:var(--ios-card)!important;

  padding:var(--mobile-space)!important;

  min-width:0;

  box-sizing:border-box;

  text-align:left;

}

body.ios-preview-active #mainApp #content :is(

  .chart-card,.role-card,.qstep,.modal-section,.cf-stage,.team-doc-card

) :is(

  .role-work-client,.role-work-stat,.role-task-row,.role-assignment-card,

  .assignment-client-card,.wait-row,.cf-stage,.team-doc-card,.memo-card,

  .memo-preview,.price-card,.bug-row,.dup-card,.duty-row,.pl-item,.ann-group,

  .off-slot,.off-list-row,.ov-row,.pr-tile,.poa-card

){

  border-radius:var(--mobile-inner-radius)!important;

  background:var(--ios-group)!important;

}

body.ios-preview-active #mainApp #content :is(

  .note,.modal-note-text,.modal-hint.note,.assignment-audience-note,

  .term-calc,.term-doc-row,.cc-fact,.cc-person,.ios-case-info,

  .memo-box,.memo-say,.memo-fact,.med-guide-chapter,.med-guide-target,

  .med-guide-added,.premed-group,.rw-new-task,.nc-progress,

  .cl-step,.cl-hold,.qstep-warn,.assign-how,.assign-due,.price-note,

  .cc-refund-calc,.clause-box,.legal-link-box,.sw-panel,.sw-doc,.sw-act,

  .sw-send,.sw-now,.sw-check,.faq-item,.kom-agents,.kom-cases,.kom-more,

  .txt-body,.vz-answer,.kas-item,.pf-item,.ios-editor-secondary,

  .tariff-breakdown,.piecework-list,.comp-rows,.stats-list,.pl-office-grid

){

  border:0!important;

  border-radius:var(--mobile-inner-radius)!important;

  box-shadow:none!important;

  padding:16px!important;

  min-width:0;

  box-sizing:border-box;

}

body.ios-preview-active #mainApp #content :is(.cc-fold>summary,.declined-strip){border:0!important;border-radius:var(--mobile-inner-radius)!important;background:var(--ios-group)!important;padding:16px!important}

body.ios-preview-active :is(.modal,.off-modal-card,.crm-step-confirm){border:0!important;border-radius:var(--mobile-card-radius)!important;box-shadow:none!important}

body.ios-preview-active #mainApp #content :is(.badge,.tag,.work-priority,.cl-tag,.branch-doc-till,.cand-target,.pl-tag,.dl-pill,.promo-state,.promo-step-tag,.team-doc-status,.ch-ai,.ch-to,.tc-badge,.dup-fact,.off-tag,.piece-kind,.ov-chip){

  border:0!important;border-radius:999px!important;box-shadow:none!important;

  display:inline-flex;align-items:center;justify-content:center;line-height:1.35;

}

body.ios-preview-active #mainApp #content :is(.stat-tile,.role-work-stat){background:var(--ios-card)!important}

body.ios-preview-active #mainApp #content :is(.wait-row.is-late,.role-task-row.is-late){background:var(--critical-soft)!important}

body.ios-preview-active #mainApp #content :is(.chart-card,.qstep,.note){margin-bottom:var(--mobile-space)!important}

body.ios-preview-active #mainApp #content :is(.stat-row,.cards-grid,.modal-grid,.modal-cols){gap:var(--mobile-gap)!important}

body.ios-preview-active #mainApp #content :is(.work-act,.cf-acts,.modal-controls,.kcard-actions,.sd-help-acts,.team-doc-actions){gap:var(--mobile-gap)!important;align-items:center!important}

body.ios-preview-active #mainApp #content :is(.chart-title,.cc-section-title){margin:0 0 var(--mobile-gap)!important;line-height:1.35!important}

body.ios-preview-active #mainApp #content .chart-sub{margin:0 0 var(--mobile-space)!important;line-height:1.45!important}

body.ios-preview-active #mainApp #content :is(.table-wrap,table){border:0!important;box-shadow:none!important}

body.ios-preview-active #mainApp #content table:not(.dist-table) tbody tr{

  border:0!important;border-radius:var(--mobile-inner-radius)!important;

  background:var(--ios-group)!important;padding:16px!important;

  margin:0 0 var(--mobile-gap)!important;

}

body.ios-preview-active #mainApp #content table:not(.dist-table) tbody td{border:0!important;padding:6px 0!important}

body.ios-preview-active #mainApp :is(.mini-btn,.modal-close,.notification-bell,.ios-doc-menu,.ios-chat-menu,.login-submit),

body.ios-preview-active #mainApp #content :is(.mini-btn,.modal-close,.notification-bell,.ios-doc-menu,.ios-chat-menu,.login-submit){

  border:0!important;box-shadow:none!important;border-radius:var(--mobile-control-radius)!important;

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

  text-align:center!important;line-height:1.35!important;vertical-align:middle;

}

body.ios-preview-active #mainApp #content .mini-btn{

  min-height:44px!important;padding:8px 12px!important;font-size:12px!important;font-weight:600!important;

  background:var(--accent-soft-2)!important;background:var(--mobile-button-bg)!important;color:var(--ios-accent)!important;

}

body.ios-preview-active #mainApp #content .mini-btn.quiet{background:var(--accent-soft-2)!important;background:var(--mobile-button-bg)!important;color:var(--ios-accent)!important}

body.ios-preview-active #mainApp #content .mini-btn.primary{background:var(--accent)!important;color:var(--accent-ink)!important}

body.ios-preview-active #mainApp #content .mini-btn.danger{background:var(--critical-soft)!important;color:var(--critical-text)!important}

body.ios-preview-active #mainApp #content :is(.ios-select-field,.uniform-date-control){

  border:0!important;border-radius:var(--mobile-control-radius)!important;

  background:var(--ios-group)!important;min-height:44px!important;

}

body.ios-preview-active #mainApp #content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),textarea,select):not(.ios-select-field>select):not(.uniform-date-control>input){

  border:0!important;border-radius:var(--mobile-control-radius)!important;

  background:var(--ios-group)!important;box-shadow:none!important;

  padding:10px 12px!important;min-height:44px!important;box-sizing:border-box;

}

body.ios-preview-active #mainApp #content :is(input,textarea,select)[aria-invalid=true]{outline:2px solid var(--critical-text)!important;outline-offset:2px}

body.ios-preview-active #mainApp #content input.mask-short{outline:2px solid var(--critical-text)!important;outline-offset:2px}

body.ios-preview-active #mainApp #content .uniform-date-control{display:flex!important;align-items:center!important;height:44px!important;padding:0 44px 0 12px!important;line-height:1.35!important;font-size:14px!important}

body.ios-preview-active #mainApp #content .uniform-date-control>.uniform-date-value{display:flex!important;align-items:center!important;height:100%!important;line-height:1.35!important;margin:0!important;padding:0!important;font-size:14px!important}

body.ios-preview-active #mainApp #content .uniform-date-control>input{min-height:0!important;padding:0 44px 0 12px!important;background:transparent!important;font-size:16px!important;line-height:normal!important;box-sizing:border-box!important}

body.ios-preview-active #mainApp #content .uniform-date-control>input::-webkit-date-and-time-value{text-align:left;margin:0}

body.ios-preview-active #mainApp #content .uniform-date-control>input::-webkit-datetime-edit{padding:0}

body.ios-preview-active #mainApp :is(button,a,input,textarea,select):focus-visible,

body.ios-preview-active .ios-sheet button:focus-visible{outline:2px solid var(--ios-accent)!important;outline-offset:2px}

body.ios-preview-active #mainApp #content :is(.cc-tabs,.ch-parts,.tc-tabs,.mode-tabs,.ak-tabs){

  border:0!important;border-radius:var(--mobile-inner-radius)!important;

  background:var(--ios-group)!important;padding:4px!important;gap:4px!important;

}

body.ios-preview-active #mainApp #content :is(.cc-tabs,.ch-parts,.tc-tabs,.mode-tabs,.ak-tabs) .mini-btn{

  border-radius:var(--mobile-control-radius)!important;background:transparent!important;

  margin:0!important;text-align:center!important;

}

body.ios-preview-active #mainApp #content :is(.cc-tabs,.ch-parts,.tc-tabs,.mode-tabs,.ak-tabs) :is(.mini-btn.primary,.mini-btn.active){background:var(--accent)!important;color:var(--accent-ink)!important}

body.ios-preview-active #mainApp #content .cc-tabs .cc-tab::after{content:none!important;display:none!important}

body.ios-preview-active #mainApp #content .mini-btn:disabled{background:var(--ios-group)!important;color:var(--ios-muted)!important;opacity:.55!important}

body.ios-preview-active #mainApp #content td:has(>.mini-btn){display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}

body.ios-preview-active #mainApp #content td:has(>.mini-btn)::before{flex-basis:100%}

body.ios-preview-active #mainApp .topbar .pp-menu{

  display:grid!important;gap:8px!important;padding:20px!important;box-sizing:border-box;

  width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;

  max-height:calc(var(--ios-shell-height) - 120px)!important;overflow-y:auto!important;

  border:0!important;border-radius:var(--mobile-card-radius)!important;box-shadow:none!important;

  background:var(--ios-group)!important;

}

body.ios-preview-active #mainApp .topbar .pp-menu .pp-who{border:0!important;padding:8px 8px 12px!important;gap:4px!important}

body.ios-preview-active #mainApp .topbar .pp-menu .pp-item{

  border:0!important;border-radius:var(--mobile-control-radius)!important;box-shadow:none!important;

  min-height:44px!important;padding:10px 12px!important;margin:0!important;

  background:var(--accent-soft-2)!important;background:var(--mobile-button-bg)!important;color:var(--ios-accent)!important;

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

}

body.ios-preview-active #mainApp .topbar .pp-menu .pp-item.pp-out{background:var(--critical-soft)!important;color:var(--critical-text)!important}

body.ios-preview-active #mainApp .topbar .pp-menu .build-tag{min-height:24px!important;padding:4px 8px!important;background:transparent!important;color:var(--ios-muted)!important}

body.ios-preview-active #mainApp .topbar .pp-menu .pp-ico:empty{display:none!important}

body.ios-preview-active #mainApp .topbar .pp-menu[hidden],body.ios-preview-active #mainApp .topbar .pp-menu [hidden]{display:none!important}

body.ios-preview-active #mainApp #iosClients .ios-client{

  border:0!important;border-radius:var(--mobile-card-radius)!important;

  box-shadow:none!important;background:var(--ios-card)!important;margin-bottom:var(--mobile-gap)!important;

}

body.ios-preview-active #mainApp #iosClients .ios-client-face{padding:var(--mobile-space)!important;gap:var(--mobile-space)!important}

body.ios-preview-active #mainApp #iosClients .ios-client-more{border:0!important;display:grid;place-items:center}

body.ios-preview-active #mainApp #iosClients .ios-search{

  border:0!important;border-radius:var(--mobile-control-radius)!important;

  background:var(--ios-card)!important;padding:10px 12px!important;min-height:44px!important;

}

body.ios-preview-active #mainApp #content .tc-row{

  border:0!important;border-radius:var(--mobile-inner-radius)!important;

  padding:16px!important;gap:var(--mobile-space)!important;

}

body.ios-preview-active #mainApp #content .tc-row:is(.is-active,.active,[aria-selected=true]){background:var(--accent-soft)!important}

body.ios-preview-active #mainApp #content .ch-bubble{

  border:0!important;border-radius:var(--mobile-inner-radius)!important;

  padding:10px 12px 8px!important;box-shadow:none!important;

}

body.ios-preview-active #mainApp #content .ch-task{

  border:0!important;border-radius:var(--mobile-inner-radius)!important;

  padding:16px!important;margin:var(--mobile-gap) 0!important;

}

body.ios-preview-active #mainApp #content .ch-task-acts{gap:var(--mobile-gap)!important}

body.ios-preview-active #mainApp #content .team-doc-card.ios-doc-enhanced{padding-right:64px!important}

body.ios-preview-active.ios-editor-open #mainApp #content :has(.sd-sheet){padding:0!important;background:transparent!important}

/* Compact chat controls keep their existing geometry and viewport height chain. */

body.ios-preview-active #mainApp #content .ch-top .mini-btn{min-height:34px!important;padding:4px 8px!important}

body.ios-preview-active #mainApp #content .ch-parts .mini-btn{min-height:28px!important;padding:4px 8px!important}

body.ios-preview-active #mainApp #content .ch-send-row .mini-btn{min-height:36px!important;padding:0!important;font-size:20px!important}

body.ios-preview-active #mainApp #content .ch-send-row textarea{min-height:38px!important;padding:8px 12px!important}

body.ios-preview-active #mainApp #content :is(.ch-top,.chat-win,.tc-panel,.ch-send){border:0!important;border-radius:0!important;box-shadow:none!important}

body.ios-preview-active .ios-sheet{border:0!important;border-radius:var(--mobile-card-radius)!important;padding:var(--mobile-space)!important}

body.ios-preview-active .ios-sheet-items{border:0!important;border-radius:var(--mobile-inner-radius)!important}

body.ios-preview-active .ios-sheet .ios-sheet-items button{padding:12px!important;min-height:44px!important;line-height:1.35!important}

body.ios-preview-active .ios-sheet .ios-sheet-cancel{border:0!important;border-radius:var(--mobile-control-radius)!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}

body.ios-preview-active #mainApp [hidden],body.ios-preview-active #mainApp #content [hidden],body.ios-preview-active .ios-sheet [hidden]{display:none!important}

body.ios-preview-active #mainApp,body.ios-preview-active #mainApp *,body.ios-preview-active .ios-sheet,body.ios-preview-active .ios-sheet *{scrollbar-width:none}

body.ios-preview-active #mainApp::-webkit-scrollbar,body.ios-preview-active #mainApp *::-webkit-scrollbar,body.ios-preview-active .ios-sheet::-webkit-scrollbar,body.ios-preview-active .ios-sheet *::-webkit-scrollbar{display:none;width:0;height:0}

}



@media(max-width:860px){body.ios-preview-active>.ios-bottom{border:0!important;background:color-mix(in srgb,var(--ios-bar) 64%,transparent)!important}}



/* Legal document typography is independent of the surrounding CRM interface. */

#mainApp #content .doc-sheet{font-family:'Times New Roman',Georgia,serif!important}

#mainApp #content .doc-sheet *{font-family:inherit!important}

#loginScreen .login-wrap{min-height:100dvh;padding:max(20px,env(safe-area-inset-top,0px)) 16px max(20px,env(safe-area-inset-bottom,0px));box-sizing:border-box}

#loginScreen .login-card{border:0!important;border-radius:24px!important;background:var(--surface)!important;padding:24px!important;width:100%;max-width:420px;box-sizing:border-box;box-shadow:none!important}

#loginScreen .login-brand{margin-bottom:24px!important}

#loginScreen .login-field{margin-bottom:16px!important}

#loginScreen .login-field label{font-size:12px!important;line-height:1.4!important;margin-bottom:8px!important}

#loginScreen .login-field input{border:0!important;border-radius:14px!important;background:var(--surface-2)!important;color:var(--text)!important;font-size:16px!important;line-height:1.4!important;padding:10px 12px!important;min-height:44px!important;width:100%;box-sizing:border-box;box-shadow:none!important}

#loginScreen .login-submit{border:0!important;border-radius:14px!important;background:var(--accent)!important;color:var(--accent-ink)!important;min-height:44px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1.4!important;font-size:14px!important;box-sizing:border-box}

#loginScreen input:focus-visible,#loginScreen button:focus-visible{outline:2px solid var(--accent-text)!important;outline-offset:2px}

#loginScreen .login-card>.modal-hint{border:0!important;border-radius:14px!important;background:var(--critical-soft)!important;color:var(--critical-text)!important;padding:12px!important;margin:0 0 16px!important;font-size:12px!important;line-height:1.45!important}

#loginScreen [hidden]{display:none!important}

@media(max-width:860px){

body.ios-preview-active #mainApp #content .tpl-editor{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;min-width:0}

body.ios-preview-active #mainApp #content .tpl-form{gap:12px!important;min-width:0}

body.ios-preview-active #mainApp #content .tpl-form>.chart-card{margin:0!important}

body.ios-preview-active #mainApp #content .tpl-actions{

  position:static!important;inset:auto!important;z-index:auto!important;box-shadow:none!important;

  border:0!important;border-radius:var(--mobile-card-radius)!important;background:var(--ios-card)!important;

  padding:20px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;

}

body.ios-preview-active #mainApp #content :is(.tpl-actions-main,.tpl-actions-side){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;min-width:0}

body.ios-preview-active #mainApp #content .tpl-actions .mini-btn{width:100%!important;min-width:0!important;height:auto!important;white-space:normal!important;margin:0!important}

body.ios-preview-active #mainApp #content .tpl-form :is(.chart-sub,.tpl-why,.tpl-note,.tpl-addr-warn){font-size:12px!important;line-height:1.45!important}

body.ios-preview-active #mainApp #content .tpl-form .chart-title{font-size:14px!important;line-height:1.35!important}

body.ios-preview-active #mainApp #content .tpl-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px!important;line-height:1.4!important;max-width:100%!important}

body.ios-preview-active #mainApp #content .tpl-form textarea[data-tpl-block]{resize:vertical!important;min-height:128px!important;height:auto;max-height:none!important;padding:10px 12px!important;overflow-y:hidden!important}

body.ios-preview-active #mainApp #content .tpl-addr{

  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:16px!important;

  border:0!important;border-radius:var(--mobile-inner-radius)!important;background:var(--ios-group)!important;

}

body.ios-preview-active #mainApp #content .tpl-addr.is-noaddr{background:var(--critical-soft)!important}

body.ios-preview-active #mainApp #content .tpl-addr>[data-tpl-addr-del]{justify-self:start!important;width:auto!important;min-width:72px!important}

body.ios-preview-active #mainApp #content :is(.tpl-addr-add,.tpl-addr-fix){display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0}

body.ios-preview-active #mainApp #content .tpl-addr-add select{flex:1 1 100%!important;min-width:0!important;width:100%!important}

body.ios-preview-active #mainApp #content .tpl-why{border:0!important;border-radius:var(--mobile-inner-radius)!important;padding:16px!important}

body.ios-preview-active #mainApp #content :is(.tpl-card,.tpl-case){border:0!important;border-radius:var(--mobile-inner-radius)!important;padding:16px!important;background:var(--ios-card)!important;box-shadow:none!important}

body.ios-preview-active #mainApp #content .tpl-preview{min-width:0!important;max-width:100%!important}

body.ios-preview-active #mainApp #content .doc-zoom{gap:8px!important;margin-bottom:12px!important}

}



@media(max-width:860px){

/* Decorative edges share one semantic token across every role and module. */

body.ios-preview-active{--border:transparent;--border-strong:transparent;--radius:var(--mobile-card-radius)}

body.ios-preview-active #mainApp .person-avatar{border:0!important;box-shadow:none!important;border-radius:50%!important}

body.ios-preview-active :is(.readonly-section-note,.agr-unsigned-top,.crm-toast){border-radius:var(--mobile-inner-radius)!important;box-shadow:none!important}

body.ios-preview-active #mainApp #content :is(.promo-card,.cab-hero,.au-card,.aiq-card,.ref-sec,.mat-card,.txt-card,.vz-card,.ak-verdict,.kom-card-director,.bfl-all,.econ-steps){

  border:0!important;border-radius:var(--mobile-card-radius)!important;box-shadow:none!important;

  padding:20px!important;box-sizing:border-box;min-width:0;

}

body.ios-preview-active #mainApp #content :is(

  .sched-row,.stages-edit,.role-assignment-instructions,.pool-banner,.med-guide-premed-row,.premed-where,

  .agr-row,.agr-unsigned,.tu-discount,.pay-plan-row,.file-text-raw,.branch-doc,.cand-row,.cand-more-menu,

  .cl-now,.cl-partner,.premed-nothing,.cc-row,.nc-note,.pl-cell,.partial-line,.dl-row,.dl-form,.memo-give,.memo-iss,

  .promo-step,.promo-one-prize,.promo-terms,.promo-rules,.promo-row,.sw-block,.cf-unblock,.cc-load-fail,.task-result,

  .anketa-why,.poa-preview,.pl-past-row,.pl-office-row,.med-map-gap,.bug-ctx,.journal-row,.file-wrong,.refund-warn,

  .off-others,.sos-banner,.sos-item,.pack-files,.pack-file,.sched-edit-case,.wr-step,.payroll-formula,.piece-add,

  .doc-req-list,.doc-req,.lr-appeal,.tariff-up-row,.task-file,.sw-editor,.kom-person,.kom-agent,.kom-excl,

  .expense-team,.lead-assign,.doli-pay,.sd-help-note,.sd-norma-row,.sd-vych-row,.sd-kompl-art,.ai-fact,.obzor-case,

  .uch-now,.uch-q,.uch-opt,.uch-adm,.otk-opt,.task-parts-how,.lg-item,.memo-row,.cm-body,.cm-ai,.memo-help-grid,

  .ak-risk,.ak-dim,.ak-mfc,.ch-opt,.cab-steps,.cab-tick,.cab-call,.up-row,.akd-sec,.doc-row,.case-hide,.econ-step

){

  border:0!important;border-radius:var(--mobile-inner-radius)!important;box-shadow:none!important;

  padding:16px!important;box-sizing:border-box;min-width:0;

}

body.ios-preview-active #mainApp #content :is(.promo-step,.promo-one-prize,.promo-terms,.promo-rules,.promo-row,.memo-row,.cm-body,.doc-req,.kom-person,.kom-agent,.uch-q,.uch-opt,.econ-step){background:var(--ios-group)!important}

body.ios-preview-active #mainApp #content ul.promo-rules{padding-left:28px!important}

body.ios-preview-active #mainApp #content .promo-step-n{border:0!important;border-radius:var(--mobile-control-radius)!important}

body.ios-preview-active #mainApp #content .ch-send-row .ch-go{background:var(--accent)!important;color:var(--accent-ink)!important}

body.ios-preview-active #mainApp #content :is(.promo-state-draft,.role-tab,.role-pill,.ak-tab,.premed-chip,.cf-t){border:0!important;box-shadow:none!important;border-radius:var(--mobile-control-radius)!important}

body.ios-preview-active #mainApp #content :is(.detail-page,.cc-nav,.tc-head,.ch-bar,.ch-cant,.sd-actions-bar){border:0!important;box-shadow:none!important}

body.ios-preview-active #mainApp .notification-panel{border:0!important;border-radius:var(--mobile-card-radius)!important;box-shadow:none!important;background:var(--ios-card)!important;padding:20px!important}

body.ios-preview-active #mainApp :is(.notification-item,.notification-permission){border:0!important;border-radius:var(--mobile-inner-radius)!important;padding:16px!important;background:var(--ios-group)!important}

/* Real table grids and invalid-input/focus markers remain functional separators. */

body.ios-preview-active #mainApp #content .dist-table{--border:color-mix(in srgb,var(--ios-text) 15%,transparent)}

body.ios-preview-active.ios-client-chat #mainApp #content>.view-title,

body.ios-preview-active.ios-client-chat #mainApp #content>.view-sub,

body.ios-preview-active.ios-client-chat #mainApp #content>.chart-card>.chart-sub{display:none!important}

body.ios-preview-active.ios-client-chat #mainApp #content>.chart-card{

  display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;

  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--ios-bg)!important;

}

body.ios-preview-active.ios-client-chat #mainApp #content>.chart-card>.chat-win{

  display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;

  height:auto!important;margin:0!important;border:0!important;border-radius:0!important;

}

body.ios-preview-active.ios-client-chat #mainApp #content .ch-top{flex:0 0 auto!important}

}



@media(max-width:860px){

/* Keep the status area and chat header on one theme surface. */

body.ios-preview-active.ios-chat-open #mainApp #content :is(.chat-win,.tc-panel,.ch-top,.ch-bar,.ch-send){background:var(--ios-bg)!important}

body.ios-preview-active.ios-chat-open #mainApp #content .ch-scroll{background:var(--ios-bg)!important}

body.ios-preview-active.ios-chat-open #mainApp #content .ch-top{padding:8px 12px!important;gap:8px!important}

body.ios-preview-active.ios-chat-open #mainApp #content .ch-top-mid b{font-size:14px!important;line-height:1.3!important;color:var(--ios-text)!important}

body.ios-preview-active.ios-chat-open #mainApp #content .ch-top-mid small{font-size:11px!important;line-height:1.35!important;color:var(--ios-muted)!important}

body.ios-preview-active.ios-chat-open #mainApp #content .ch-top .ch-back,

body.ios-preview-active.ios-chat-open #mainApp #content .ch-send-row .mini-btn:not(.ch-go){background:var(--ios-group)!important;color:var(--ios-text)!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content :is(.cc-tabs,.ch-parts,.tc-tabs,.mode-tabs,.ak-tabs).ios-segmented>button{

 position:relative!important;z-index:1!important;background:transparent!important;color:var(--ios-muted)!important;

 border:0!important;border-radius:var(--mobile-control-radius)!important;transition:color 180ms ease;

}

body.ios-preview-active #mainApp #content :is(.cc-tabs,.ch-parts,.tc-tabs,.mode-tabs,.ak-tabs).ios-segmented>button:is(.primary,.active,[aria-selected=true]){color:var(--accent-ink)!important}

body.ios-preview-active #mainApp #content .cc-tabs>button{padding:8px 12px!important;min-height:40px!important;white-space:nowrap}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .cc-tabs.ios-segmented{scroll-behavior:smooth}

body.ios-preview-active #mainApp #content .cc-tabs.ios-segmented>button.mini-btn.cc-tab{z-index:2!important;background:transparent!important;color:var(--ios-muted)!important}

body.ios-preview-active #mainApp #content .cc-tabs.ios-segmented>button.mini-btn.cc-tab.primary{color:var(--accent-ink)!important;-webkit-text-fill-color:var(--accent-ink)!important}

body.ios-preview-active #mainApp #content .pl-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}

body.ios-preview-active #mainApp #content button.pl-cell{height:64px!important;min-height:64px!important;padding:5px 2px!important;gap:4px!important;align-items:center!important;justify-content:flex-start!important;border-radius:14px!important;background:var(--ios-group)!important;color:var(--ios-text)!important;box-shadow:none!important}

body.ios-preview-active #mainApp #content .pl-cell .pl-num{font-size:14px!important;line-height:20px!important;color:var(--ios-text)!important}

body.ios-preview-active #mainApp #content .pl-cell.is-picked{background:var(--accent)!important}

body.ios-preview-active #mainApp #content .pl-cell.is-picked .pl-num{color:var(--accent-ink)!important;font-weight:700}

body.ios-preview-active #mainApp #content .pl-cell.is-today:not(.is-picked) .pl-num{text-decoration:underline;text-underline-offset:4px;color:var(--accent-text)!important;font-weight:700}

body.ios-preview-active #mainApp #content .pl-cell :is(.pl-chip,.pl-more){display:none!important}

body.ios-preview-active #mainApp #content .ios-pl-count{font-size:11px;line-height:18px;min-width:18px;padding:0 3px;border-radius:9px;background:var(--ios-bg);color:var(--ios-text)}

body.ios-preview-active #mainApp #content .pl-month{min-width:0!important;font-size:14px!important;flex:1}

body.ios-preview-active #mainApp #content .pl-nav{display:flex!important;flex-wrap:wrap!important;width:100%;gap:6px!important;align-items:center}

body.ios-preview-active #mainApp #content .pl-nav .mini-btn{padding:8px!important;min-width:36px!important}

body.ios-preview-active #mainApp #content .pl-legend{font-size:12px!important;line-height:1.4!important;margin-top:10px}

}

@media(prefers-reduced-motion:reduce){.cc-tabs{scroll-behavior:auto!important}}



@media(max-width:860px){

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info){padding:20px!important;border:0!important;border-radius:var(--mobile-card-radius)!important;background:var(--ios-card)!important;margin-bottom:12px!important}

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info)>summary{display:block!important;position:relative!important;box-sizing:border-box!important;min-height:44px!important;margin:0!important;padding:10px 36px 10px 4px!important;list-style:none!important;background:transparent!important;border:0!important;border-radius:0!important;line-height:24px!important;font-size:14px!important;font-weight:600!important;color:var(--ios-text)!important;text-align:left!important;cursor:pointer}

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info)>summary::-webkit-details-marker{display:none!important}

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info)>summary::marker{content:''}

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info)>summary::before{content:none!important}

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info)>summary::after{content:''!important;display:block!important;position:absolute;right:8px;top:17px;width:8px;height:8px;border-right:2px solid var(--ios-muted);border-bottom:2px solid var(--ios-muted);transform:rotate(45deg);transition:transform 220ms ease;pointer-events:none}

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info)[open]>summary::after{transform:rotate(225deg);top:21px}

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info)[open]>summary{margin-bottom:12px!important}

}

@media(prefers-reduced-motion:reduce){details>summary::after{transition:none!important}}



@media(max-width:860px){

body.ios-preview-active #mainApp #content :is(.chart-card,.modal-section,.role-card,.promo-card,.memo-card,.sw-panel) > :is(p,.modal-hint,.chart-sub){line-height:1.5!important}

body.ios-preview-active #mainApp #content :is(.chart-card,.modal-section,.role-card,.promo-card,.memo-card,.sw-panel)>:last-child{margin-bottom:0!important}

body.ios-preview-active #mainApp #content :is(.modal-controls,.sw-actions,.cf-acts,.work-act,.team-doc-actions){flex-wrap:wrap;gap:10px!important;align-items:center!important}

body.ios-preview-active #mainApp #content :is(.chart-card,.modal-section)>.modal-controls{margin-top:16px!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .ios-segment-highlight{z-index:-1!important}

body.ios-preview-active #mainApp #content .ios-segmented>button{position:relative!important;z-index:1!important;background:transparent!important}

body.ios-preview-active #mainApp #content .chat-win:not(.is-tall){border:0!important;border-radius:16px!important;overflow:hidden;background:var(--ios-bg)!important}

body.ios-preview-active #mainApp #content .ch-send{border-radius:0 0 16px 16px!important;padding:12px!important;background:var(--ios-card)!important}

body.ios-preview-active.ios-chat-open #mainApp #content .ch-send{border-radius:0!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}

body.ios-preview-active #mainApp #content .ch-scroll{border-radius:16px 16px 0 0!important}

body.ios-preview-active #mainApp #content .ios-chat-audience{flex:none;padding:8px 12px;background:var(--ios-group);color:var(--ios-text);font-size:12px;font-weight:600;line-height:1.4}

body.ios-preview-active #mainApp #content .ios-chat-audience.is-client{background:var(--accent-soft-2);color:var(--accent-text)}

body.ios-preview-active #mainApp #content .ios-chat-group{margin:8px 12px 12px;border:0;border-radius:20px;background:var(--ios-card);overflow:hidden}

body.ios-preview-active #mainApp #content .ios-chat-group>summary{cursor:pointer;position:relative;padding:16px 36px 16px 16px;list-style:none;font-weight:600;font-size:13px;line-height:1.4;color:var(--ios-text)}

body.ios-preview-active #mainApp #content .ios-chat-group>summary::-webkit-details-marker{display:none}

body.ios-preview-active #mainApp #content .ios-chat-group>summary::after{content:'⌄';position:absolute;right:16px;top:14px;color:var(--ios-muted);transition:transform 220ms ease}

body.ios-preview-active #mainApp #content .ios-chat-group[open]>summary::after{transform:rotate(180deg)}

body.ios-preview-active #mainApp #content .ios-chat-group .tc-row{margin:0!important;border-radius:14px!important;padding:12px!important}

body.ios-preview-active #mainApp #content .ios-answer-form{width:100%;padding:16px;background:var(--ios-bg);border-radius:16px;box-sizing:border-box}

body.ios-preview-active #mainApp #content .ios-answer-form label{display:grid;gap:8px;color:var(--ios-text);font-size:13px}

body.ios-preview-active #mainApp #content .ios-answer-form textarea{width:100%!important;min-height:88px!important;resize:vertical;background:var(--ios-group)!important;outline:1px solid var(--ios-muted)!important}

body.ios-preview-active #mainApp #content .ch-opt.is-other{background:var(--ios-bg)!important;color:var(--ios-text)!important;box-shadow:inset 0 0 0 1px var(--ios-muted)!important}

body.ios-preview-active #mainApp #content button.pl-cell{position:relative!important;justify-content:center!important;text-align:center!important}

body.ios-preview-active #mainApp #content .pl-cell .pl-num{display:block!important;width:100%;text-align:center!important;line-height:20px!important;margin:0!important;transform:translateY(-7px)}

body.ios-preview-active #mainApp #content .pl-cell .ios-pl-count{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);text-align:center}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .ios-chat-group{margin:8px 0 12px!important;width:100%!important;box-sizing:border-box!important}

body.ios-preview-active #mainApp #content .ios-chat-group .tc-more-agents{width:calc(100% - 24px)!important;margin:12px!important;box-sizing:border-box}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content>.modal-hint{margin-top:16px!important;margin-bottom:20px!important;line-height:1.5!important}

body.ios-preview-active #mainApp #content .price-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:32px;line-height:1.4!important}

body.ios-preview-active #mainApp #content .price-card-head>b{flex:1;min-width:0;margin:0!important}

body.ios-preview-active #mainApp #content .price-card-head>.price-tag{flex:0 0 auto;white-space:nowrap;align-self:center!important;text-align:right;margin:0!important}

body.ios-preview-active.ios-client-chat #mainApp #content .ios-chat-audience{display:none!important}

body.ios-preview-active #mainApp #content .ch-who{flex-wrap:wrap;align-items:center;gap:4px 7px;line-height:1.4;margin-bottom:6px}

body.ios-preview-active #mainApp #content .ch-body p{margin:0 0 .65em}

body.ios-preview-active #mainApp #content .ch-body p:last-child{margin-bottom:0}

body.ios-preview-active.ios-chat-open #mainApp #content .chat-win{position:relative!important}

body.ios-preview-active.ios-chat-open #mainApp #content .chat-win:has(.ch-send)>.ch-scroll{padding-bottom:calc(var(--ios-composer-height,64px) + env(safe-area-inset-bottom,0px) + 24px)!important;scroll-padding-bottom:calc(var(--ios-composer-height,64px) + env(safe-area-inset-bottom,0px) + 24px)}

body.ios-preview-active.ios-chat-open #mainApp #content .chat-win:has(.ch-send)>.ch-send{

 position:absolute!important;z-index:5;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom,0px));

 width:auto!important;max-height:45%;overflow-y:auto;box-sizing:border-box;

 padding:6px!important;border:0!important;border-radius:28px!important;

 background:color-mix(in srgb,var(--ios-bg) 64%,transparent)!important;

 -webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);box-shadow:none!important;

}

body.ios-preview-active.ios-chat-open #mainApp #content .ch-send-row{align-items:center!important;gap:6px!important}

body.ios-preview-active.ios-chat-open #mainApp #content .ch-send-row textarea{background:transparent!important;margin:0!important;font-size:16px!important;line-height:22px!important;min-height:40px!important;height:40px;padding:9px 10px!important;border-radius:20px!important}

body.ios-preview-active.ios-chat-open #mainApp #content .ch-send-row .mini-btn{border-radius:50%!important;width:40px!important;height:40px!important;min-height:40px!important;flex:0 0 40px!important}

body.ios-preview-active.ios-chat-open.ios-keyboard-open #mainApp #content .chat-win>.ch-send{bottom:6px!important}

body.ios-preview-active.ios-chat-open.ios-keyboard-open #mainApp #content .ch-scroll{padding-bottom:calc(var(--ios-composer-height,64px) + 18px)!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .note.resolved .mini-btn[data-goto-view="economy"]{display:flex!important;width:fit-content;max-width:100%;margin:12px 0 0!important;background:color-mix(in srgb,var(--good-text) 16%,var(--ios-card))!important;color:var(--good-text)!important}

body.ios-preview-active #mainApp #content .econ-head{gap:12px!important;margin-bottom:16px!important}

body.ios-preview-active #mainApp #content .econ-switch{flex-wrap:wrap;gap:8px!important}

body.ios-preview-active #mainApp #content .econ-steps{display:grid!important;gap:8px!important;padding:0!important;margin:16px 0!important;background:transparent!important;border-radius:0!important;overflow:visible!important}

body.ios-preview-active #mainApp #content .econ-step{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:16px!important;border-radius:16px!important;line-height:1.45}

body.ios-preview-active #mainApp #content .econ-step>span{min-width:0;overflow-wrap:anywhere}

body.ios-preview-active #mainApp #content .econ-step>b{font-size:16px!important;text-align:right;align-self:center}

body.ios-preview-active #mainApp #content .econ-step:is(.total,.mine){background:var(--good-soft)!important}

body.ios-preview-active #mainApp #content .econ-step:is(.total,.mine)>b{font-size:20px!important;color:var(--good-text)!important}

body.ios-preview-active #mainApp #content .econ-foot{margin-top:16px!important;line-height:1.5!important}

body.ios-preview-active.ios-chat-section #mainApp .pool-banner{display:none!important}

body.ios-preview-active #mainApp #content .ch-cant{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.45!important;text-align:left!important;flex:0 0 auto!important}

}



@media(max-width:860px){

body.ios-preview-active.ios-chat-open #mainApp #content .chat-win:has(.ch-cant)>.ch-scroll{padding-bottom:calc(var(--ios-composer-height,80px) + env(safe-area-inset-bottom,0px) + 24px)!important;scroll-padding-bottom:calc(var(--ios-composer-height,80px) + env(safe-area-inset-bottom,0px) + 24px)}

body.ios-preview-active.ios-chat-open #mainApp #content .chat-win>.ch-cant{

 position:absolute!important;z-index:5;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto!important;

 padding:12px 16px!important;border:0!important;border-radius:24px!important;

 background:color-mix(in srgb,var(--ios-bg) 64%,transparent)!important;color:var(--ios-text)!important;

 -webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);box-shadow:none!important;

 text-align:center!important;font-size:12px!important;line-height:1.45!important;

}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .tc-head .tc-search{box-sizing:border-box!important;height:44px!important;min-height:44px!important;margin:0!important}

body.ios-preview-active #mainApp #content .tc-head .tc-tabs{box-sizing:border-box!important;height:44px!important;min-height:44px!important;padding:4px!important;align-items:stretch!important;align-self:center!important}

body.ios-preview-active #mainApp #content .tc-head .tc-tabs>.mini-btn{height:44px!important;min-height:44px!important;padding:4px 8px!important;box-sizing:border-box!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .qstep-list{gap:10px!important;margin-top:12px!important}

body.ios-preview-active #mainApp #content article.qstep{padding:16px!important;margin:0!important;display:grid;gap:10px}

body.ios-preview-active #mainApp #content .qstep-head{grid-template-columns:24px minmax(0,1fr)!important;gap:4px 10px!important;align-items:start}

body.ios-preview-active #mainApp #content .qstep-no{width:24px;height:24px;font-size:12px}

body.ios-preview-active #mainApp #content .qstep-who b{font-size:14px!important;line-height:1.35}

body.ios-preview-active #mainApp #content .qstep-who .muted,body.ios-preview-active #mainApp #content .qstep-due{font-size:12px!important;line-height:1.4}

body.ios-preview-active #mainApp #content .qstep-due{grid-column:2!important;text-align:left!important;white-space:normal!important}

body.ios-preview-active #mainApp #content .qstep-title{font-size:13px!important;margin:0!important}

body.ios-preview-active #mainApp #content .qstep-title.ios-step-duplicate{display:none!important}

body.ios-preview-active #mainApp #content .qstep-items{margin:0!important;padding:0!important;gap:6px!important}

body.ios-preview-active #mainApp #content .qstep-items>li{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:10px!important;border:0!important;box-shadow:none!important;border-radius:12px!important;background:var(--ios-group)!important;min-width:0}

body.ios-preview-active #mainApp #content .qstep-mark{display:none!important}

body.ios-preview-active #mainApp #content .qstep-text{font-size:13px!important;line-height:1.4!important;min-width:0}

body.ios-preview-active #mainApp #content .qstep-items>li>button{grid-column:auto!important;min-height:40px!important;padding:8px 10px!important;justify-self:end}

body.ios-preview-active #mainApp #content .qstep-foot{border:0!important;padding:0!important;margin:0!important;display:flex!important;gap:8px!important}

body.ios-preview-active #mainApp #content .qstep-acts{gap:8px!important}

body.ios-preview-active #mainApp #content .ios-step-details{padding:0;margin:0;border:0;background:transparent;font-size:12px;color:var(--ios-muted)}

body.ios-preview-active #mainApp #content .ios-step-details>summary{min-height:32px;display:flex;align-items:center;cursor:pointer;list-style:none;gap:6px}

body.ios-preview-active #mainApp #content .ios-step-details>summary::-webkit-details-marker{display:none}

body.ios-preview-active #mainApp #content .ios-step-details>summary::after{content:'⌄'}

body.ios-preview-active #mainApp #content .ios-step-details[open]>summary::after{transform:rotate(180deg)}

body.ios-preview-active #mainApp #content .ios-step-details>.muted{display:block;margin-top:6px;line-height:1.45}

}



@media(max-width:860px){

body.ios-preview-active{--mobile-body-font:13px;--mobile-caption-font:12px;--mobile-heading-font:14px}

body.ios-preview-active #mainApp #content{font-size:var(--mobile-body-font)!important;line-height:1.45}

body.ios-preview-active #mainApp #content :is(.chart-card,.modal-section,.role-card,.price-card,.modal-row,.cc-fact,.note,p,li,td):not(.chat-win,.chat-win *,.doc-sheet,.doc-sheet *){font-size:var(--mobile-body-font)!important;line-height:1.45!important}

body.ios-preview-active #mainApp #content :is(.view-sub,.modal-hint,.chart-sub,.readonly-section-note,.muted,.cc-label):not(.chat-win,.chat-win *,.doc-sheet,.doc-sheet *){font-size:var(--mobile-caption-font)!important;line-height:1.45!important}

body.ios-preview-active #mainApp #content :is(.chart-title,.cc-section-title,h2,h3,.price-card-head>b):not(.chat-win,.chat-win *,.doc-sheet,.doc-sheet *){font-size:var(--mobile-heading-font)!important;line-height:1.35!important}

body.ios-preview-active #mainApp #content .view-title,body.ios-preview-active #mainApp #iosClients h1{font-size:20px!important;line-height:1.25!important}

body.ios-preview-active #mainApp #content .stat-value{font-size:17px!important;line-height:1.3!important}

body.ios-preview-active #mainApp #content .ios-client-copy b{font-size:13px!important}

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info)>summary{font-size:13px!important}

body.ios-preview-active.ios-chat-open.ios-keyboard-open #mainApp{position:fixed!important;top:var(--ios-top,0px)!important;left:0!important;right:0!important;height:var(--ios-height)!important;bottom:auto!important}

}



@media(max-width:860px){

body.ios-preview-active>.ios-bottom{

 left:20px!important;right:20px!important;bottom:max(8px,calc(env(safe-area-inset-bottom,0px) - 10px))!important;

 border:0!important;border-radius:999px!important;box-shadow:none!important;

 background:color-mix(in srgb,var(--ios-card) 56%,transparent)!important;

 -webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);

}

body.ios-preview-active>.ios-bottom:before{border-radius:999px!important;background:color-mix(in srgb,var(--ios-group) 72%,transparent)!important}

body.ios-preview-active>.ios-bottom button{border-radius:999px!important}

}



@media(max-width:860px){

body.ios-preview-active.ios-chat-open #mainApp #content .chat-win:is(:has(.ch-send),:has(.ch-cant))>:is(.ch-send,.ch-cant){left:12px!important;right:12px!important;bottom:max(8px,calc(env(safe-area-inset-bottom,0px) - 10px))!important;border-radius:24px!important;background:color-mix(in srgb,var(--ios-card) 56%,transparent)!important;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%)}

body.ios-preview-active.ios-chat-open.ios-keyboard-open #mainApp #content .chat-win>:is(.ch-send,.ch-cant){bottom:6px!important}

/* The composer contains a label, quote and files; capsule corners clip those lines. */

body.ios-preview-active.ios-chat-open #mainApp #content .chat-win>.ch-send{padding:10px!important}

body.ios-preview-active #mainApp #content :is(.cc-tabs,.tc-tabs,.ch-parts,.mode-tabs,.ak-tabs).ios-segmented,

body.ios-preview-active #mainApp #content .ios-segmented>.ios-segment-highlight,

body.ios-preview-active #mainApp #content .ios-segmented>button{border-radius:999px!important}

body.ios-preview-active #mainApp #content .ch-send textarea:is(:focus,:focus-visible):not([aria-invalid=true]){outline:none!important;box-shadow:none!important}

body.ios-preview-active #mainApp #content .ch-send textarea{border-radius:20px!important;-webkit-tap-highlight-color:transparent}

}



@media(max-width:860px){

body.ios-preview-active .ios-sheet.ios-from-nav{top:var(--ios-sheet-anchor-top)!important;max-height:calc(var(--ios-sheet-anchor-top) - env(safe-area-inset-top,0px) - 12px)!important;left:20px!important;right:20px!important;width:calc(100% - 40px)!important;border:0!important;border-radius:28px!important;background:color-mix(in srgb,var(--ios-card) 72%,transparent)!important;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);box-shadow:none!important;animation:none!important;transform-origin:center}

body.ios-preview-active .ios-sheet.ios-from-nav .ios-sheet-cancel{border-radius:999px!important;background:var(--ios-group)!important}

body.ios-preview-active #crmUpdateBar{top:auto!important;left:20px!important;right:20px!important;bottom:calc(max(8px,calc(env(safe-area-inset-bottom,0px) - 10px)) + 66px)!important;box-sizing:border-box!important;border:0!important;border-radius:999px!important;padding:8px 8px 8px 16px!important;gap:8px!important;background:color-mix(in srgb,var(--ios-card) 56%,transparent)!important;color:var(--ios-text)!important;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);box-shadow:none!important;font-size:12px!important;line-height:1.4!important}

body.ios-preview-active #crmUpdateBar .cub-text{min-width:0;flex:1!important;overflow-wrap:anywhere}

body.ios-preview-active #crmUpdateBar [data-crm-reload]{border:0!important;border-radius:999px!important;min-height:36px!important;padding:8px 12px!important;background:var(--accent)!important;color:var(--accent-ink)!important;font-size:12px!important}

body.ios-preview-active #crmUpdateBar .cub-close{width:32px;height:32px;flex:none;padding:0!important;display:flex;align-items:center;justify-content:center;color:var(--ios-muted)!important;border-radius:50%;font-size:20px!important}

}



@media(max-width:860px){

/* Emergency actions keep their semantic colour over shared button styling. */

body.ios-preview-active #mainApp #content .mini-btn:is(.sos-main,.sos-kind){background:var(--critical)!important;color:var(--critical-ink)!important;border:0!important}

body.ios-preview-active #mainApp #content .sos-card{background:var(--critical-soft)!important}

}



@media(max-width:860px){

body.ios-pool-page #mainApp #content .lead-toolbar-chips{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}

body.ios-pool-page #mainApp #content .lead-toolbar-chips .mini-btn{flex:none;min-height:36px!important;padding:6px 10px!important;font-size:11px!important}

body.ios-pool-page #mainApp #content .lead-toolbar-controls{gap:8px!important}

body.ios-pool-page #mainApp #content .lead-toolbar{margin-bottom:12px!important}

body.ios-pool-page #mainApp #content .ios-pool-guide{font-size:12px;color:var(--ios-muted);margin:6px 0 12px}

body.ios-pool-page #mainApp #content .ios-pool-guide>summary{cursor:pointer;min-height:32px;line-height:32px}

body.ios-pool-page #mainApp #content .ios-pool-guide .view-sub{margin:8px 0!important}

body.ios-pool-page #mainApp #content .ios-pool-cards{display:grid;gap:10px;margin-top:12px}

body.ios-pool-page #mainApp #content .ios-pool-card{position:relative;overflow:hidden;border-radius:20px;background:var(--critical);min-width:0}

body.ios-pool-page #mainApp #content .ios-pool-card[hidden]{display:none!important}

body.ios-pool-page #mainApp #content tr.ios-pool-face{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:8px!important;padding:16px!important;margin:0!important;border:0!important;border-radius:20px!important;background:var(--ios-card)!important;width:100%!important;box-sizing:border-box;position:relative;z-index:1;touch-action:pan-y;transition:transform 240ms cubic-bezier(.22,.8,.2,1)}

body.ios-pool-page #mainApp #content .ios-pool-face>td{display:block!important;padding:0!important;margin:0!important;min-width:0!important;border:0!important}

body.ios-pool-page #mainApp #content .ios-pool-face>td::before{display:none!important}

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Клиент"]{grid-column:1!important;font-size:14px!important;line-height:1.4!important}

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Клиент"] .muted{font-size:12px!important;margin-top:3px}

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Оценка"]{grid-column:2!important;justify-self:end}

body.ios-pool-page #mainApp #content .ios-pool-face>td:not([data-label]){grid-column:1/-1!important;display:flex!important;gap:8px;flex-wrap:wrap;order:1}

body.ios-pool-page #mainApp #content .ios-pool-face .mini-btn{min-height:36px!important;padding:6px 12px!important}

body.ios-pool-page #mainApp #content .ios-pool-details{grid-column:1/-1;order:2;min-width:0;font-size:12px;color:var(--ios-muted)}

body.ios-pool-page #mainApp #content .ios-pool-details>summary{cursor:pointer;line-height:28px;min-height:28px}

body.ios-pool-page #mainApp #content .ios-pool-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}

body.ios-pool-page #mainApp #content .ios-pool-facts>td{display:block!important;border:0!important;padding:0!important;min-width:0;overflow-wrap:anywhere;font-size:12px!important}

body.ios-pool-page #mainApp #content .ios-pool-facts>td::before{content:attr(data-label)!important;display:block!important;font-size:10px;color:var(--ios-muted);margin-bottom:4px}

body.ios-pool-page #mainApp #content .ios-pool-archive{position:absolute;right:0;top:0;bottom:0;width:88px;border:0;background:var(--critical);color:#fff;font:inherit;font-size:12px;font-weight:600}

body.ios-pool-page #mainApp #content .ios-pool-card.is-revealed>.ios-pool-face{transform:translateX(-88px)}

body.ios-preview-active .ios-lead-undo{position:absolute;z-index:1200;left:20px;right:20px;bottom:calc(max(8px,calc(env(safe-area-inset-bottom,0px) - 10px)) + 66px);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:999px;background:color-mix(in srgb,var(--ios-card) 72%,transparent);color:var(--ios-text);backdrop-filter:blur(28px);font-size:12px}

body.ios-preview-active .ios-lead-undo button{border:0;border-radius:999px;padding:8px 12px;background:var(--accent);color:var(--accent-ink);font:inherit}

body.ios-preview-active #mainApp #content .detail-page.ios-lead-detail{padding:0!important;margin:0!important;width:100%!important;border:0!important;background:transparent!important;box-sizing:border-box}

body.ios-preview-active #mainApp #content .ios-lead-detail>.modal-body{padding:0!important}

body.ios-preview-active #mainApp #content .ios-lead-detail>.modal-head{padding:0 0 16px!important;gap:12px!important;align-items:center}

body.ios-preview-active #mainApp #content .ios-lead-detail .modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}

body.ios-preview-active #mainApp #content .ios-unclaimed-note{background:var(--accent-soft)!important;border:0!important}

body.ios-preview-active #mainApp #content .ios-unclaimed-title{color:var(--accent-text)!important;font-size:13px!important}

}

@media(prefers-reduced-motion:reduce){.ios-pool-face{transition:none!important}}

html[data-crm-motion="off"] .ios-pool-face{transition:none!important}



@media(max-width:860px){

body.ios-pool-page #mainApp #content .ios-pool-card{border:0!important;box-shadow:none!important;background:var(--ios-group)!important;border-radius:24px!important}

body.ios-pool-page #mainApp #content tr.ios-pool-face{grid-template-columns:minmax(0,1fr) auto 28px!important;align-items:center!important;gap:10px!important;padding:14px 16px!important;min-height:76px!important;border-radius:24px!important}

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Клиент"]{font-size:13px!important}

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Оценка"]{align-self:center!important}

body.ios-pool-page #mainApp #content .ios-pool-more{grid-column:3;border:0;background:transparent;color:var(--ios-muted);font:inherit;font-size:24px;width:28px;height:44px;padding:0;cursor:pointer}

body.ios-pool-page #mainApp #content .ios-pool-actions{position:absolute;right:0;top:0;bottom:0;width:var(--ios-pool-action-width,160px);display:flex;z-index:0}

body.ios-pool-page #mainApp #content .ios-pool-actions>button{position:static!important;flex:1!important;width:80px!important;height:100%!important;min-height:44px!important;border:0!important;border-radius:0!important;margin:0!important;padding:8px!important;background:var(--accent)!important;color:var(--accent-ink)!important;font-size:12px!important}

body.ios-pool-page #mainApp #content .ios-pool-actions>.ios-pool-archive{background:var(--critical)!important;color:#fff!important}

body.ios-pool-page #mainApp #content .ios-pool-card.is-revealed>.ios-pool-face{transform:translateX(calc(-1 * var(--ios-pool-action-width,160px)))}

body.ios-preview-active #mainApp #content .ios-lead-detail .ios-lead-transfer>select{width:100%!important;margin-top:8px!important}

body.ios-preview-active #mainApp #content .ios-lead-detail .lead-anketa{padding:0!important;background:transparent!important;border:0!important}

body.ios-preview-active #mainApp #content .lead-anketa .ak-grid{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important}

body.ios-preview-active #mainApp #content .lead-anketa :is(.ak-form,.ak-analysis){box-sizing:border-box;padding:20px!important;background:var(--ios-card)!important;border:0!important;border-radius:24px!important;min-width:0!important}

body.ios-preview-active #mainApp #content .lead-anketa .ak-analysis{order:-1!important}

body.ios-preview-active #mainApp #content .lead-anketa .ak-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:0 0 12px!important}

body.ios-preview-active #mainApp #content .lead-anketa :is(.ios-scoring-title,.ios-anketa-sections){margin:0 0 12px!important;font-size:14px!important;line-height:1.4}

body.ios-preview-active #mainApp #content .lead-anketa .ak-tabs{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none;margin:0 0 16px!important;padding:4px!important;background:var(--ios-group);border-radius:999px}

body.ios-preview-active #mainApp #content .lead-anketa .ak-tab{flex:none;white-space:nowrap;min-height:36px;border:0!important;border-radius:999px!important;padding:8px 12px!important;font-size:12px!important}

body.ios-preview-active #mainApp #content .lead-anketa .ak-fields{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}

}

@media(max-width:860px){

body.ios-pool-page #mainApp #content .ios-pool-actions{visibility:hidden}

body.ios-pool-page #mainApp #content .ios-pool-card:is(.is-revealed,.is-dragging)>.ios-pool-actions{visibility:visible}

}

@media(max-width:860px){

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Клиент"]>b,

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Клиент"]>.muted{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

}



@media(max-width:860px){

body.ios-pool-page #mainApp #content .ios-pool-card{border-radius:20px!important}

body.ios-pool-page #mainApp #content tr.ios-pool-face{grid-template-columns:38px minmax(0,1fr) auto 28px!important;padding:12px!important;gap:10px!important;min-height:68px!important;border-radius:20px!important}

body.ios-pool-page #mainApp #content .ios-pool-avatar{grid-column:1;grid-row:1;width:38px;height:38px;font-size:14px;align-self:center}

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Клиент"]{grid-column:2!important;grid-row:1;font-size:14px!important;line-height:1.35!important}

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Клиент"] .muted{font-size:11px!important;line-height:1.35!important;margin-top:3px}

body.ios-pool-page #mainApp #content .ios-pool-face>td[data-label="Оценка"]{grid-column:3!important;grid-row:1}

body.ios-pool-page #mainApp #content .ios-pool-more{grid-column:4!important;grid-row:1}

body.ios-pool-page #mainApp #content .ios-pool-actions>button{width:64px!important;line-height:1.3!important}

body.ios-preview-active .ios-lead-undo{gap:8px}

body.ios-preview-active .ios-lead-undo>span{flex:1;min-width:0}

body.ios-preview-active .ios-lead-undo>.ios-lead-undo-close{padding:0;width:28px;height:28px;flex:none;background:transparent;color:var(--ios-muted);font-size:20px}

}

@media(max-width:860px){body.ios-pool-page #mainApp #content .ios-pool-cards{gap:8px!important}}



body.ios-preview-active .ios-client{touch-action:pan-y}

body.ios-preview-active .ios-client.is-dragging .ios-face-wrap{transition:none!important}

body.ios-pool-page #mainApp #content .ios-pool-card:is(.is-revealed,.is-dragging)>.ios-pool-face{border-top-right-radius:0!important;border-bottom-right-radius:0!important}

body.ios-preview-active #mainApp #content .ak-tabs.ios-segmented{position:relative!important;isolation:isolate}

body.ios-preview-active #mainApp #content .ak-tabs.ios-segmented>button{background:transparent!important;border:0!important;box-shadow:none!important}



.ios-lead-scopes{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.ios-lead-scopes>button{flex:1;white-space:nowrap}

@media(max-width:860px){body.ios-preview-active #mainApp #content .ios-lead-scopes>button{font-size:12px!important;padding:8px!important;min-height:36px!important}}



@media(max-width:860px){body.ios-preview-active #mainApp #content .lead-anketa .ak-tabs>button{min-height:40px!important;padding:8px 12px!important}}



@media(max-width:860px){body.ios-preview-active>.ios-bottom[data-agent-locked="true"]:before{width:calc((100% - 12px)/2)!important}}



@media(max-width:860px){body.ios-preview-active #mainApp #content .memo-rows{display:grid!important;gap:12px!important;border:0!important}body.ios-preview-active #mainApp #content .memo-rows>.memo-row{margin:0!important}body.ios-preview-active #mainApp #content .memo-row-sub+.memo-row-sub{margin-top:8px!important}}



/* The launch overlay and the iOS safe area must share the app canvas. */

html:has(body.crm-booting),body.crm-booting{background:var(--bg-app,#272727)!important}

body.crm-booting #crmBootSplash{background:var(--bg-app,#272727)!important;color:var(--text-muted,#8f8f8a)!important;box-sizing:border-box;min-height:100vh;min-height:100lvh}



.ios-contact-hours{display:grid;gap:6px;margin-top:12px!important;line-height:1.45;overflow-wrap:anywhere}.ios-contact-hours>b{font-weight:600;color:var(--text-secondary)}.ios-contact-hours>span{display:block}



@media(max-width:860px){

body.ios-preview-active #mainApp #content table.ios-client-doc-table{display:block!important;margin:0!important}

body.ios-preview-active #mainApp #content .ios-client-doc-table>thead{display:none!important}

body.ios-preview-active #mainApp #content .ios-client-doc-table>tbody{display:grid!important;gap:8px!important}

body.ios-preview-active #mainApp #content .ios-client-doc-table tr.ios-client-doc-row{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto auto;align-items:center!important;gap:3px 10px!important;min-height:68px!important;padding:10px 12px!important;margin:0!important;border-radius:16px!important}

body.ios-preview-active #mainApp #content .ios-client-doc-table td{display:block!important;padding:0!important;min-width:0!important}

body.ios-preview-active #mainApp #content .ios-client-doc-table td::before{display:none!important;content:none!important}

body.ios-preview-active #mainApp #content .ios-client-doc-name{grid-column:1;grid-row:1;font-size:13px!important;line-height:1.35!important}

body.ios-preview-active #mainApp #content .ios-client-doc-date{grid-column:1;grid-row:2;font-size:11px!important;color:var(--text-muted)!important}

body.ios-preview-active #mainApp #content .ios-client-doc-action{grid-column:2;grid-row:1 / span 2}

body.ios-preview-active #mainApp #content .ios-doc-internal-kind{display:none!important}

body.ios-preview-active #mainApp #content .ios-client-doc-name b,body.ios-preview-active #mainApp #content .ios-client-doc-compact .doc-main b{font-size:13px!important;line-height:1.35!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

body.ios-preview-active #mainApp #content .ios-client-doc-compact{display:grid!important;grid-template-columns:24px minmax(0,1fr) 44px!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;min-height:68px!important;margin:0!important;border-radius:16px!important}

body.ios-preview-active #mainApp #content .doc-list:has(.ios-client-doc-compact){display:grid!important;gap:8px!important}

body.ios-preview-active #mainApp #content .ios-client-doc-compact .doc-main{min-width:0!important}

body.ios-preview-active #mainApp #content .ios-client-doc-compact .doc-main small{font-size:11px!important;line-height:1.35!important;margin-top:3px!important}

body.ios-preview-active #mainApp #content .ios-client-doc-compact .doc-ico{font-size:20px!important}

body.ios-preview-active #mainApp #content :is(.ios-client-doc-action,.ios-client-doc-compact)>a{display:grid!important;place-items:center!important;min-height:44px!important;height:44px!important;width:44px!important;padding:0!important;border-radius:12px!important;font-size:0!important;text-decoration:none!important}

body.ios-preview-active #mainApp #content :is(.ios-client-doc-action,.ios-client-doc-compact)>a::after{content:'↓';font-size:22px;font-weight:600}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .ios-client-next>.chart-title{margin-bottom:12px!important}

body.ios-preview-active #mainApp #content .ios-client-next>div:has(.ios-client-next-item){display:grid!important;gap:14px!important;margin:0!important}

body.ios-preview-active #mainApp #content .ios-client-next .ios-client-next-item{display:block!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;white-space:normal!important}

body.ios-preview-active #mainApp #content .ios-client-next-item>b{display:block;font-size:11px!important;line-height:1.35!important;color:var(--text-muted);margin-bottom:4px}

body.ios-preview-active #mainApp #content .ios-client-next-item>span{display:block;font-size:13px!important;line-height:1.45!important;white-space:pre-line;text-align:left}

}



@media(max-width:860px){body.ios-preview-active #mainApp #content .ios-client-doc-table td{min-height:0!important;margin:0!important;white-space:normal!important;line-height:1.35!important}body.ios-preview-active #mainApp #content .ios-client-doc-table tr.ios-client-doc-row{box-sizing:border-box!important}}



@media(max-width:860px){body.ios-preview-active #mainApp #content table.ios-client-doc-table tr.ios-client-doc-row>td{padding:0!important}body.ios-preview-active #mainApp #content .ios-client-request-fold>summary{font-weight:600;cursor:pointer;min-height:24px}body.ios-preview-active #mainApp #content .ios-client-request-fold[open]>summary{margin-bottom:12px}}



.ios-request-source{display:block;color:var(--text-muted);font-size:11px;line-height:1.35;margin-top:5px}



@media(max-width:860px){body.ios-preview-active #mainApp #content .doc-req-list{display:grid!important;gap:10px!important;border:0!important;border-radius:0!important;overflow:visible!important}body.ios-preview-active #mainApp #content .doc-req-list>label.doc-req{margin:0!important;padding:12px!important;border:0!important;border-radius:16px!important}body.ios-preview-active #mainApp #content .doc-req-list>label.doc-req>span{min-width:0;overflow-wrap:anywhere}}



/* Shared mobile density: content stays readable; repeated chrome is reduced. */

@media(max-width:860px){

body.ios-preview-active{--mobile-card-radius:20px;--mobile-inner-radius:14px;--mobile-space:12px;--mobile-gap:10px}

body.ios-preview-active #mainApp #content :is(.note,.modal-note-text,.term-calc,.cc-fact,.doc-req,.memo-row,.work-row,.role-task-row,.role-assignment-card,.assignment-client-card){padding:12px!important}

body.ios-preview-active #mainApp #content :is(.modal-hint,.modal-help,.finance-hint){margin:8px 0!important;line-height:1.4!important}

body.ios-preview-active #mainApp #content :is(.modal-section,.chart-card,.role-card)>:is(h2,h3){margin-top:0!important;margin-bottom:10px!important}

body.ios-preview-active #mainApp #content :is(.task-row,.team-doc-card)[data-ios-dense]{padding:12px!important;margin:0 0 10px!important;min-height:0!important;gap:5px!important;border-radius:14px!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.task-what{grid-column:1!important;grid-row:1!important;line-height:1.35!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>:is(.task-state,.task-meta,.task-parts){grid-column:1/-1!important;width:auto!important;margin:0!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.ios-row-actions{grid-column:2!important;grid-row:1!important}

body.ios-preview-active #mainApp #content .task-order-tag{font-size:10px!important;padding:2px 5px!important;vertical-align:middle}

body.ios-preview-active #mainApp #content .ios-row-actions{min-width:0;position:relative;margin:0}

body.ios-preview-active #mainApp #content .ios-row-actions>summary{cursor:pointer;list-style:none;min-height:36px;display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--ios-accent);font-size:12px;white-space:nowrap}

body.ios-preview-active #mainApp #content .ios-row-actions>summary::-webkit-details-marker{display:none}

body.ios-preview-active #mainApp #content .ios-row-actions[open]{grid-column:1/-1!important;grid-row:auto!important}

body.ios-preview-active #mainApp #content .ios-row-actions[open]>summary{justify-content:flex-start}

body.ios-preview-active #mainApp #content .ios-row-actions :is(.task-act,.team-doc-actions){display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:4px 0!important}

body.ios-preview-active #mainApp #content .ios-row-actions :is(button,a){min-height:40px!important;padding:8px 10px!important}

body.ios-preview-active #mainApp #content .team-doc-card[data-ios-dense]>.muted{font-size:12px!important;line-height:1.35!important;margin:4px 0!important}

body.ios-preview-active #mainApp #content .team-doc-card[data-ios-dense] .team-doc-name{font-size:14px!important;line-height:1.35!important;overflow-wrap:anywhere}

body.ios-preview-active #mainApp #content .team-doc-card[data-ios-dense]>.ios-row-actions{display:inline-block}

body.ios-preview-active #mainApp #content :is(.tariff-breakdown,.piecework-list,.comp-rows,.stats-list,.pack-files){display:grid!important;gap:8px!important}

body.ios-preview-active #mainApp #content :is(.ak-field,.cc-fact){gap:3px!important}

body.ios-preview-active #mainApp #content .ak-fields{gap:12px!important}

body.ios-preview-active #mainApp #content .doc-req-wrap>summary{min-height:44px;display:flex;align-items:center;gap:8px}

body.ios-preview-active #mainApp #content :is(.task-parts,.team-doc-details)>summary{min-height:32px;display:flex;align-items:center;font-size:12px!important}

}



@media(max-width:860px){

/* Preserve every value while removing one full-width label row per table cell. */

body.ios-preview-active #mainApp #content table:not(.dist-table):not(.ios-client-doc-table):not(.ios-pool-table) tbody tr:not(.ios-swipe-row){padding:12px!important;gap:6px 12px!important}

body.ios-preview-active #mainApp #content table:not(.dist-table):not(.ios-client-doc-table):not(.ios-pool-table) tbody td[data-label]{padding:4px 0!important;min-height:0!important}

body.ios-preview-active #mainApp #content table:not(.dist-table):not(.ios-client-doc-table):not(.ios-pool-table) tbody td[data-label]::before{font-size:10px!important;line-height:1.2!important;margin-bottom:2px!important;min-height:0!important}

body.ios-preview-active #mainApp #content .ios-reference-chapter>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:700;padding:4px 0}

body.ios-preview-active #mainApp #content .ios-reference-chapter>div{padding-top:8px}

body.ios-preview-active #mainApp #content :is(.cm-card,.cm-row,.step-gap-row,.steps-gap-row){padding:12px!important;margin-bottom:10px!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info){padding:12px!important;margin-bottom:10px!important}

body.ios-preview-active #mainApp #content details:is(.modal-section,.cc-fold,.ios-case-info)[open]>summary{margin-bottom:8px!important}

body.ios-preview-active #mainApp #content :is(.chart-card,.modal-section)>.modal-controls{margin-top:10px!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.task-meta{font-size:11px!important;line-height:1.3!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.task-state{font-size:12px!important;line-height:1.3!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content table:not(.ios-pool-table) tbody tr:is([data-client],[data-lead]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}

body.ios-preview-active #mainApp #content table:not(.ios-pool-table) tbody tr:is([data-client],[data-lead])>td:first-child{grid-column:1/-1!important}

body.ios-preview-active #mainApp #content table:not(.ios-pool-table) tbody tr:is([data-client],[data-lead])>td{min-width:0!important;overflow-wrap:anywhere!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense]{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 8px!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.work-main{grid-column:1/-1!important;min-width:0!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.work-act{width:auto!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense] .work-step{margin:4px 0!important;line-height:1.35!important}

body.ios-preview-active #mainApp #content .cm-row .cm-head{gap:6px!important;margin-bottom:4px!important}

body.ios-preview-active #mainApp #content .cm-row .cm-what{margin:4px 0!important;line-height:1.35!important}

body.ios-preview-active #mainApp #content .cm-row .cm-ai{margin-top:6px!important;padding:8px!important}

}



@media(max-width:860px){body.ios-preview-active #mainApp #content .team-doc-card.ios-doc-enhanced[data-ios-dense]{padding-right:52px!important}body.ios-preview-active #mainApp #content .team-doc-card.ios-doc-enhanced[data-ios-dense]>.team-doc-actions{display:none!important}}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .ios-secondary-section>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;list-style:none;gap:12px}

body.ios-preview-active #mainApp #content .ios-secondary-section>summary::-webkit-details-marker{display:none}

body.ios-preview-active #mainApp #content .ios-secondary-section>summary::after{content:'⌄';font-size:20px;color:var(--ios-muted)}

body.ios-preview-active #mainApp #content .ios-secondary-section[open]>summary::after{content:'⌃'}

body.ios-preview-active #mainApp #content .ios-secondary-section>summary>.cc-section-title{margin:0!important}

body.ios-preview-active #mainApp #content .ios-secondary-section[open]>summary{margin-bottom:10px}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.ios-row-actions[open]{grid-column:1/-1!important;grid-row:4!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.task-what{min-width:0!important;width:auto!important;overflow-wrap:break-word!important;word-break:normal!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]:has(>.ios-row-actions[open])>.task-what{grid-column:1/-1!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.ios-row-actions[open]{grid-column:1/-1!important;width:100%!important;min-width:0!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense] :is(.work-kind,.work-who,.work-step,.work-due){margin:3px 0!important;padding:0!important}

body.ios-preview-active #mainApp #content .ak-field{margin:0!important;min-height:0!important;padding:0!important;align-self:start!important}

body.ios-preview-active #mainApp #content .ak-field :is(input:not([type=checkbox]):not([type=radio]),select){min-height:40px!important;height:40px!important;padding:8px 10px!important}

body.ios-preview-active #mainApp #content .ak-field textarea{min-height:64px!important;padding:8px 10px!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.work-kind{display:none!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.work-main{grid-column:1/-1!important;grid-row:1!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.work-due{grid-column:1!important;grid-row:2!important;align-self:center!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.ios-row-actions{grid-column:2!important;grid-row:2!important}

body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.ios-row-actions[open]{grid-column:1/-1!important;grid-row:3!important}

body.ios-preview-active #mainApp #content [id^="anketa"] :is(input:not([type=checkbox]):not([type=radio]),textarea,select){display:block!important;width:100%!important;box-sizing:border-box!important;background:var(--bg-input,color-mix(in srgb,var(--ios-card) 80%,var(--ios-text) 5%))!important;border:1px solid color-mix(in srgb,var(--ios-muted) 35%,transparent)!important;border-radius:10px!important;padding:8px 10px!important;min-height:40px!important;margin-top:4px!important;font-size:16px!important}

body.ios-preview-active #mainApp #content [id^="anketa"] textarea{min-height:64px!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.task-what{grid-column:1/-1!important;grid-row:1!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.task-state{grid-column:1!important;grid-row:2!important;align-self:center!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.task-meta{grid-column:1/-1!important;grid-row:3!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.ios-row-actions{grid-column:2!important;grid-row:2!important;min-width:0!important}

body.ios-preview-active #mainApp #content .task-row[data-ios-dense]>.ios-row-actions[open]{grid-column:1/-1!important;grid-row:4!important}

body.ios-preview-active #mainApp #content .declined-list:has([id^="anketa_"]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:10px 0!important}

body.ios-preview-active #mainApp #content .declined-list>div:has(>[id^="anketa_"]){padding:0!important;margin:0!important;min-height:0!important;background:transparent!important;border-radius:0!important;display:block!important}

body.ios-preview-active #mainApp #content .declined-list :is(input,select,textarea)[id^="anketa_"]{display:block!important;width:100%!important;box-sizing:border-box!important;background:color-mix(in srgb,var(--ios-card) 90%,var(--ios-text) 6%)!important;color:var(--ios-text)!important;border:0!important;box-shadow:none!important;border-radius:10px!important;padding:8px 10px!important;margin-top:5px!important;min-height:40px!important;height:40px!important;font-size:16px!important}

body.ios-preview-active #mainApp #content .declined-list textarea[id^="anketa_"]{height:64px!important;min-height:64px!important;resize:vertical!important}

body.ios-preview-active #mainApp #content .declined-list>div:has(>[id^="anketa_"])>.modal-field-label{display:block!important;margin:0!important;line-height:1.3!important;font-size:11px!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content .declined-strip .declined-list>div>input[type="text"][id^="anketa_"]{height:40px!important;min-height:40px!important;border:0!important;box-shadow:none!important;background:color-mix(in srgb,var(--ios-card) 90%,var(--ios-text) 6%)!important;padding:8px 10px!important}

body.ios-preview-active #mainApp #content .declined-strip .declined-list>div>textarea[id^="anketa_"][rows]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]){height:64px!important;min-height:64px!important;border:0!important;box-shadow:none!important;background:color-mix(in srgb,var(--ios-card) 90%,var(--ios-text) 6%)!important;padding:8px 10px!important}

}



@media(max-width:860px){

/* Match the shared input reset specificity; the medical editor is a real form. */

body.ios-preview-active #mainApp #content .declined-strip .declined-list input[id^="anketa_"]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]){height:40px!important;min-height:40px!important;border:0!important;box-shadow:none!important;background:color-mix(in srgb,var(--ios-card) 90%,var(--ios-text) 6%)!important;padding:8px 10px!important}

}



@media(max-width:860px){

/* Reference sections get one gutter; inner document tables are plain full-width rows. */

body.ios-preview-active #mainApp #content .cc-detailed-wrap.cf-detailed{padding:0!important;min-width:0!important;max-width:100%!important;background:transparent!important}

body.ios-preview-active #mainApp #content .cc-detailed-wrap .ref-sec{padding:12px!important;border:0!important;border-radius:16px!important;min-width:0!important;margin:10px 0!important}

body.ios-preview-active #mainApp #content .cc-detailed-wrap .ref-sec>summary{padding:0!important;min-height:44px!important;gap:6px!important}

body.ios-preview-active #mainApp #content .cc-detailed-wrap .ref-sec .ref-body{padding:8px 0 0!important;margin:0!important;min-width:0!important}

body.ios-preview-active #mainApp #content .ref-body :is(.cc-stage-docs,.cc-acts,.table-wrap){padding:0!important;margin:0!important;min-width:0!important;max-width:100%!important;background:transparent!important;border:0!important;border-radius:0!important}

body.ios-preview-active #mainApp #content :is(.cc-stage-docs,.cc-acts) .table-wrap{overflow-x:visible!important}

body.ios-preview-active #mainApp #content :is(.cc-stage-docs,.cc-acts) table:has(>tbody>tr>td[data-label]){width:100%!important;min-width:0!important;margin:0!important}

body.ios-preview-active #mainApp #content :is(.cc-stage-docs,.cc-acts) tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:10px 0!important;margin:0!important;gap:6px!important;border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--ios-muted) 20%,transparent)!important}

body.ios-preview-active #mainApp #content :is(.cc-stage-docs,.cc-acts) tbody td[data-label]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:0!important;grid-column:1/-1!important;text-align:left!important;word-break:normal!important;overflow-wrap:break-word!important}

body.ios-preview-active #mainApp #content .cc-stage-docs tbody td[data-label]::before{display:none!important}

body.ios-preview-active #mainApp #content .cc-stage-docs tbody td[data-label="Документ"] b{display:block!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.35!important}

body.ios-preview-active #mainApp #content .cc-stage-docs .sd-stage{font-size:11px!important;color:var(--ios-muted)!important}

body.ios-preview-active #mainApp #content .cc-stage-docs .sd-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;margin:2px 0 0!important}

body.ios-preview-active #mainApp #content .cc-stage-docs .sd-actions :is(button,a){max-width:100%!important;min-width:0!important;min-height:40px!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:break-word!important}

}



@media(max-width:860px){

body.ios-preview-active #mainApp #content :is(.cc-stage-docs,.cc-acts) table:has(>tbody>tr>td[data-label]):not(.dist-table):not(.ios-client-doc-table):not(.ios-pool-table) tbody tr{padding:10px 0!important;gap:6px!important;background:transparent!important}

body.ios-preview-active #mainApp #content :is(.cc-stage-docs,.cc-acts) table:has(>tbody>tr>td[data-label]):not(.dist-table):not(.ios-client-doc-table):not(.ios-pool-table) tbody td[data-label]{padding:0!important;min-height:0!important}

}


@media(max-width:860px){
body.ios-preview-active #mainApp .ios-client-list .client-filter-bar,body.ios-preview-active #mainApp .ios-client-list .ios-client{border-radius:var(--mobile-card-radius)!important}
body.ios-preview-active #mainApp .ios-client-list .client-filter-bar :is(input,select,.ios-select-field){border-radius:var(--mobile-control-radius)!important}
body.ios-preview-active #mainApp .ios-client-list .client-filter-empty{border-radius:var(--mobile-inner-radius)!important}
}

body.ios-preview-active #mainApp #content :is(.promo-card,.au-card,.aiq-card,.ref-sec,.mat-card,.txt-card,.vz-card,.ak-verdict,.kom-card-director,.bfl-all,.econ-steps){background:var(--ios-card)!important}