/* Последний слой Security: мобильные формы и карточки без изменения основного BI. */
@media(max-width:1024px){
  .security-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]),
  .security-workspace select,.security-workspace textarea{
    font-size:16px;min-width:0;max-width:100%;box-sizing:border-box
  }
  .security-workspace input[type=date],.security-workspace input[type=datetime-local]{
    display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0
  }
  .security-workspace input::-webkit-date-and-time-value{min-width:0;text-align:left}
  .security-workspace button,.security-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]),.security-workspace select{min-height:44px}
  .security-workspace button{touch-action:manipulation;white-space:normal;overflow-wrap:anywhere}
  .security-workspace summary{min-height:44px;padding-top:10px;padding-bottom:10px;box-sizing:border-box}
  .security-workspace #event-period-filters>summary,.security-workspace #report-dialog summary{min-height:44px}
  .security-workspace .workspace-search input,.security-workspace .workspace-search select,.security-workspace .workspace-search button{height:44px}
  .security-workspace .workspace-search input{font-size:16px}
  .security-workspace .workspace-search select{font-size:16px;max-width:148px}
  .security-workspace .user-chip button{min-height:44px}
  .security-workspace .user-meta{max-width:min(180px,calc(100vw - 130px));overflow-wrap:anywhere}
  .security-workspace .workspace-sidebar .section-tabs button{min-height:48px}
  .security-workspace .workspace-content .page-head .refresh button{min-height:44px}
  .security-workspace .security-period-form input,.security-workspace #ov-period-form input,.security-workspace #ov-period-form select{min-width:0;max-width:100%}
  .security-workspace .attendance-filters>label,.security-workspace .pass-filter-period>label{min-width:0}
  .security-workspace .attendance-filters>button{grid-column:1/-1}
  .security-workspace #av-time,.security-workspace #an-time{min-height:44px}
  .security-workspace #av-peak{min-height:44px}
  .security-workspace .av .av-person-link{min-height:44px}
  .security-workspace dialog select{min-height:44px}
  .security-workspace .pager{gap:8px;margin-top:16px}
  .security-workspace .pager button{flex:0 1 96px;min-width:0}
  .security-workspace .pager span{text-align:center;min-width:0}
  .security-workspace .table-wrap:has(>.events-table),.security-workspace .table-wrap:has(>.incidents-table){overflow:visible;border:0;border-radius:0}
  .security-workspace :is(.events-table,.incidents-table){display:block;min-width:0;width:100%;border:0}
  .security-workspace :is(.events-table,.incidents-table) thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .security-workspace :is(#event-rows,#incident-rows){display:grid;gap:12px}
  .security-workspace :is(#event-rows,#incident-rows)>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel)}
  .security-workspace :is(#event-rows,#incident-rows)>tr>td{display:block;width:auto;min-width:0;padding:8px 0;border:0;text-align:left;font-size:14px;overflow-wrap:anywhere}
  .security-workspace :is(#event-rows,#incident-rows)>tr>td::before{content:attr(data-label);display:block;font-size:11px;font-weight:500;color:var(--muted);margin:0 0 4px}
  .security-workspace :is(#event-rows,#incident-rows)>tr>td:nth-child(2){grid-column:1/-1;grid-row:1;padding-top:0;font-size:16px}
  .security-workspace :is(#event-rows,#incident-rows)>tr>td:nth-child(2)::before{content:none}
  .security-workspace :is(#event-rows,#incident-rows)>tr>td:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding:12px 0 0;margin-top:6px;text-align:left}
  .security-workspace :is(#event-rows,#incident-rows)>tr>td:last-child::before{content:none}
  .security-workspace :is(#event-rows,#incident-rows)>tr>td:last-child button{width:100%;font-size:14px;min-height:44px}
  .security-workspace #event-rows>tr>td:nth-child(4){grid-column:1/-1;grid-row:2;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .security-workspace #event-rows .security-company-link{font-size:13px}
  .security-workspace :is(#event-rows,#incident-rows)>tr>td[colspan]{grid-column:1/-1!important;border:0;margin:0;padding:12px 0;text-align:center}
  .security-workspace :is(#event-rows,#incident-rows)>tr>td[colspan]::before{content:none}
  .security-workspace :is(#event-rows,#incident-rows)>tr[hidden]{display:none!important}
  .security-workspace #ov-period-form :is(input,select,button),.security-workspace #event-filters :is(input,select,button){min-height:44px;height:auto;font-size:16px}
  .security-workspace #report-dialog input:not([type=checkbox]),.security-workspace #report-dialog select{min-height:44px;font-size:16px}
  .security-workspace .pass-grid :is(input,select,textarea){font-size:16px}
  .security-workspace #counterparties :is(input:not([type=checkbox]):not([type=range]),select){min-height:44px;font-size:16px}
  .security-workspace #counterparties #cp-quick-search .cp-search-row input{font-size:16px}
  .security-workspace #counterparties .cp-breadcrumb{min-height:44px}
  .security-workspace #counterparties .cp-profile .cp-actions button{min-height:44px}
  .security-workspace #slc-plant-design .plant-legend-panel>summary{min-height:44px}
  .security-workspace #slc-plant-design :is(.plant-action,.plant-smallclose,.plant-tabs button,.plant-sources button){min-height:44px}
  .security-workspace .slc-viewer-actions button{width:44px;height:44px;min-width:44px}
  .security-workspace .attendance-history-table .table-wrap{overflow:visible;border:0}
  .security-workspace .attendance-history-table table{display:block;width:100%;min-width:0}
  .security-workspace .attendance-history-table :is(thead,colgroup){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
  .security-workspace .attendance-history-table tbody{display:grid;gap:12px}
  .security-workspace .attendance-history-table tr{display:grid;grid-template-columns:1fr;padding:12px;border:1px solid var(--line);border-radius:10px}
  .security-workspace .attendance-history-table td{display:block;min-width:0;width:auto;border:0;padding:6px 0;text-align:left;font-size:14px;overflow-wrap:anywhere}
  .security-workspace .attendance-history-table td::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
  .security-workspace .attendance-history-table td[colspan]::before{content:none}
  .security-workspace #counterparties .cp-registry-table{display:block;width:100%;min-width:0}
  .security-workspace #counterparties .cp-registry-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
  .security-workspace #counterparties .cp-registry-table tbody{display:grid;gap:12px}
  .security-workspace #counterparties .cp-registry-table tr{display:block;position:relative;border:1px solid var(--line);border-radius:12px;padding:10px 16px}
  .security-workspace #counterparties .cp-registry-table td{display:block;width:auto;padding:8px 0;border:0}
  .security-workspace #counterparties .cp-registry-table td:first-child{position:absolute;right:14px;top:12px;width:auto;padding:0}
  .security-workspace #counterparties .cp-registry-table td:nth-child(2){padding-right:28px}
  .security-workspace #counterparties .cp-registry-table td:nth-child(n+3)::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:6px}
}
@media(max-width:700px){
  .security-workspace #attendance .attendance-fact-link{max-width:100%;flex-wrap:wrap}
  .security-workspace #attendance .attendance-fact-link strong{white-space:normal;flex-shrink:1;min-width:0;overflow-wrap:anywhere}
  .security-workspace .workspace-sidebar .section-tabs button{flex-direction:column;justify-content:center;text-align:center;gap:5px;min-height:64px;font-size:12px;overflow-wrap:normal;word-break:normal}
  .security-workspace .workspace-sidebar #tab-sources{flex-direction:row;justify-content:flex-start;text-align:left;min-height:44px}
  .security-workspace .pass-dialog{max-height:calc(100dvh - 20px);width:calc(100vw - 20px);padding:14px}
  .security-workspace .pass-heading{top:-14px;gap:10px;flex-wrap:nowrap}
  .security-workspace .pass-heading h2{min-width:0;font-size:19px;overflow-wrap:anywhere}
  .security-workspace .pass-heading button{flex:none}
  .security-workspace .pass-actions{bottom:-14px;padding:12px 0;gap:8px}
  .security-workspace .pass-actions button{flex:1 1 120px;min-width:0}
  .security-workspace .pass-grid{padding:12px;margin:14px 0}
  .security-workspace #pass-form{display:block;padding:0;border:0;background:transparent}
  .security-workspace .pass-grid legend{max-width:100%;font-size:15px;overflow-wrap:anywhere}
  .security-workspace .pass-grid input,.security-workspace .pass-grid textarea,.security-workspace .pass-grid select{font-size:16px}
  .security-workspace .pass-dialog .pass-grid :is(label,div){min-width:0}
  .security-workspace .pass-toolbar-actions button{min-height:44px}
  .security-workspace .pass-import-controls>*{max-width:100%;overflow-wrap:anywhere}
  .security-workspace dialog:not(.security-image-viewer){max-height:calc(100dvh - 20px);overscroll-behavior:contain}
  .security-workspace .dialog-head h2{min-width:0;overflow-wrap:anywhere}
  .security-workspace #report-dialog{width:calc(100vw - 20px);padding:16px}
  .security-workspace #report-dialog h2{font-size:20px}
  .security-workspace #report-dialog .dialog-head{gap:10px}
  .security-workspace #report-dialog .dialog-head button{padding:8px 10px;min-height:44px}
  .security-workspace #report-dialog .report-grid{grid-template-columns:1fr}
  .security-workspace #report-dialog .report-actions>button{min-height:44px}
  .security-workspace #report-dialog input:not([type=checkbox]),.security-workspace #report-dialog select{min-height:44px;font-size:16px}
  .security-workspace .an-period-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .security-workspace .an-period-form label{min-width:0}
  .security-workspace .an-period-form label:first-child,.security-workspace .an-period-form button,.security-workspace .an-period-form>.error{grid-column:1/-1}
  .security-workspace .an-tabs button{min-height:44px}
  .security-workspace .cp-nav a,.security-workspace .cp-card-nav button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .security-workspace .cp-search-hero input,.security-workspace .cp-search-hero button{min-height:44px}
  .security-workspace #counterparties .cp-search-row input{font-size:16px}
  .security-workspace #counterparties :is(input:not([type=checkbox]):not([type=range]),select){min-height:44px;font-size:16px}
  .security-workspace #counterparties #cp-quick-search .cp-search-row input{font-size:16px}
  .security-workspace .cp-dialog .dialog-head{gap:10px}
  .security-workspace .slc-chart-form>label{min-width:0}
  .security-workspace .slc-viewer:not(.slc-viewer-expanded):not(:fullscreen) .slc-viewer-viewport{height:clamp(280px,42dvh,360px)}
}
@media(max-width:380px){
  .security-workspace .an-period-form{grid-template-columns:1fr}
  .security-workspace .workspace-search{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden}
  .security-workspace .workspace-search input{grid-column:1/-1;width:100%;border-bottom:1px solid var(--line2)}
  .security-workspace .workspace-search select{max-width:none;width:100%;border-left:0}
  .security-workspace .workspace-search button{font-size:12px;padding:8px}
}

/* Единая геометрия полей и отдельная прокрутка длинных форм. */
@media screen and (max-width:1024px){
  .security-workspace{--mobile-field-height:48px;--mobile-gutter:20px}
  .security-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),
  .security-workspace select{
    height:var(--mobile-field-height);min-height:var(--mobile-field-height);
    padding:11px 12px;line-height:24px;border-radius:10px;flex:none;margin:0
  }
  .security-workspace textarea{min-height:112px;padding:12px;line-height:1.5;border-radius:10px;align-self:start}
  .security-workspace input::-webkit-date-and-time-value{line-height:24px;min-height:24px}
  .security-workspace :is(.pass-grid,.pass-filter-main,.pass-filter-period,.pass-filter-grid,.report-grid,.report-template,.cp-filters,.cp-changes-filters,.slc-filters,.slc-history-dates,.attendance-filters,.security-period-form) label{
    align-content:start;align-items:stretch;min-width:0;gap:8px;font-size:13px;line-height:20px;font-weight:500
  }
  .security-workspace :is(.pass-grid,.pass-filter-main,.pass-filter-period,.pass-filter-grid,.report-grid,.report-template,.cp-filters,.cp-changes-filters,.slc-filters,.slc-history-dates,.attendance-filters,.security-period-form) :is(input:not([type=checkbox]):not([type=range]),select,textarea){width:100%;box-sizing:border-box}
  .security-workspace :is(#ov-period-form,#event-filters,#report-dialog,#counterparties) :is(input:not([type=checkbox]):not([type=range]),select){height:48px;min-height:48px;font-size:16px}
  .security-workspace :is(.pass-grid,.report-grid,.report-template,.cp-filters,.cp-changes-filters){gap:16px;align-items:start}
  .security-workspace #pass-form{display:block;padding:0;border:0;background:transparent}
  .security-workspace #pass-form .pass-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin:24px 0;border:0;border-radius:0;background:transparent
  }
  .security-workspace #pass-form .pass-grid legend{padding:0;margin-bottom:16px;font-size:16px;line-height:24px;color:var(--ink);font-weight:700}
  .security-workspace #pass-form .pass-grid>label{display:grid;grid-template-rows:40px auto;align-content:start}
  .security-workspace #pass-form .pass-grid label:has(textarea){grid-column:1/-1;grid-template-rows:auto auto}
  .security-workspace #pass-form .pass-grid :is(input,select){height:48px;min-height:48px}
  .security-workspace #pass-form .pass-grid textarea{min-height:112px}
  .security-workspace #pass-form>.pass-grid:first-child{margin-top:0}
  .security-workspace .pass-import-additional{padding:0;margin:24px 0;border:0;border-top:1px solid var(--line);border-radius:0}
  .security-workspace .pass-import-additional>.pass-grid{margin:16px 0}
  .security-workspace .pass-import-controls{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px}
  .security-workspace .pass-import-controls :is(a,button){display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:10px;font-size:13px;text-align:center;border:1px solid var(--line2);border-radius:10px;background:var(--panel)}
  .security-workspace .pass-import-info:not([aria-busy=true]){padding:16px;margin:0 0 24px}
  .security-workspace .pass-grid .pass-item{grid-template-columns:2fr 1fr 1fr;gap:12px}
  .security-workspace .pass-item>button{grid-column:1/-1;justify-self:end}

  .security-workspace :is(#pass-dialog,#report-dialog).security-form-dialog[open]{
    display:grid;grid-template-rows:auto minmax(0,1fr) auto;
    width:min(880px,calc(100vw - 40px));height:min(900px,calc(100dvh - 40px));
    max-width:none;max-height:none;padding:0;overflow:hidden;border-radius:16px;box-sizing:border-box
  }
  .security-workspace .security-dialog-scroll{
    min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px;
    scroll-padding-block:20px;-webkit-overflow-scrolling:touch
  }
  .security-workspace :is(#pass-dialog>.pass-heading,#report-dialog>.dialog-head){
    position:static;margin:0;padding:16px 20px;min-width:0;align-items:center;
    flex-wrap:nowrap;border-bottom:1px solid var(--line);gap:16px;background:var(--panel)
  }
  .security-workspace :is(#pass-dialog>.pass-heading,#report-dialog>.dialog-head) h2{font-size:21px;line-height:1.35;margin:0;min-width:0}
  .security-workspace :is(#pass-dialog>.pass-heading,#report-dialog>.dialog-head)>button{flex:none;min-height:44px;font-size:13px}
  .security-workspace #pass-dialog #pass-state{margin:0 0 20px;font-size:13px;line-height:1.6}
  .security-workspace :is(#pass-dialog>.pass-actions,#report-dialog>.report-actions){
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;
    grid-auto-rows:minmax(52px,auto);position:static;gap:10px;margin:0;
    padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);
    background:var(--panel);box-shadow:0 -4px 16px #16241d08
  }
  .security-workspace :is(#pass-dialog>.pass-actions,#report-dialog>.report-actions)>button{
    height:100%;min-height:52px;min-width:0;margin:0;padding:10px 12px;font-size:14px;line-height:20px;border-radius:10px
  }
  .security-workspace #report-dialog>.report-actions:has(>button[hidden]){grid-template-columns:1fr}
  .security-workspace #report-dialog .report-grid,.security-workspace #report-dialog .report-template{grid-template-columns:repeat(2,minmax(0,1fr))}
  .security-workspace #report-dialog .report-grid>label,.security-workspace #report-dialog .report-template>label{display:grid;grid-template-rows:40px 48px;grid-auto-rows:auto;gap:8px;align-content:start;font-size:13px;line-height:20px}
  .security-workspace #report-dialog .report-template button{min-height:48px;font-size:14px;align-self:stretch}
  .security-workspace #report-dialog .report-label{font-size:13px;line-height:20px}
  .security-workspace #report-dialog .report-sections label,.security-workspace #report-dialog .report-choices label{min-height:44px;align-items:center;gap:10px;margin:0;padding:6px 0;font-size:14px}
  .security-workspace #report-dialog input[type=checkbox]{width:20px;height:20px;min-width:20px;flex:0 0 20px;margin:0}
  .security-workspace #report-dialog .report-choices{padding:8px 12px}
  .security-workspace #report-dialog .report-disclosure{padding:8px 0}
  .security-workspace #report-dialog .report-disclosure>summary{font-size:14px;line-height:22px}

  .security-workspace #slc-chart-dialog[open],.security-workspace #cp-report[open]{
    display:grid;grid-template-rows:auto minmax(0,1fr);width:min(880px,calc(100vw - 40px));
    height:min(900px,calc(100dvh - 40px));max-height:none;max-width:none;overflow:hidden;box-sizing:border-box
  }
  .security-workspace :is(#slc-chart-dialog,#cp-report)>.dialog-head{position:static;padding:16px 20px}
  .security-workspace :is(#slc-chart-body,#cp-report>.cp-dialog-body){min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px;scroll-padding:20px}
  .security-workspace #slc-chart-dialog .slc-history-dates{padding:0;border:0;background:transparent;margin:16px 0;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .security-workspace #slc-chart-dialog .slc-history-dates button{grid-column:1/-1;min-height:48px;width:100%;font-size:14px}
  .security-workspace #slc-chart-dialog .slc-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .security-workspace #slc-chart-dialog .slc-tabs button{min-height:44px;padding:8px 4px;font-size:13px}
  .security-workspace #cp-report .cp-report-controls{position:sticky;top:-20px;z-index:1;margin:-20px -20px 20px;padding:16px 20px;background:var(--panel);border-bottom:1px solid var(--line);gap:12px}
  .security-workspace #cp-report .cp-report-controls button{min-height:48px;font-size:14px}
  .security-workspace #cp-report .cp-report-controls label{min-height:44px;align-items:center;gap:10px;font-size:14px}
  .security-workspace #cp-report-appendix{flex:0 0 20px;min-width:20px;width:20px;height:20px;margin:0}
  .security-workspace #counterparties .cp-filters,.security-workspace .cp-changes-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .security-workspace #counterparties .cp-filters>label:first-child{grid-column:1/-1}
  .security-workspace #counterparties .cp-filters>button{grid-column:1/-1;min-height:48px}
  .security-workspace #counterparties .cp-period-context .security-period-form{padding:0;border:0;background:transparent;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .security-workspace #counterparties .cp-period-context .security-period-form>label:first-child,.security-workspace #counterparties .cp-period-context .security-period-form>button{grid-column:1/-1}
  .security-workspace :is(.event-filter-main,.event-period-fields,.attendance-filters,.pass-filter-main,.pass-filter-grid){gap:16px}
  .security-workspace #event-filters{padding:16px;background:transparent}
  .security-workspace #event-filters .filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;align-items:stretch}
  .security-workspace #event-filters .filter-actions button{height:48px;min-height:48px;font-size:14px}
}
@media screen and (max-width:700px){
  .security-workspace{--mobile-gutter:16px}
  .security-workspace .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:16px 0}
  .security-workspace .topbar>.brand{grid-column:1;grid-row:1;min-width:0}
  .security-workspace .topbar>.user-chip{display:contents}
  .security-workspace .topbar #logout{grid-column:2;grid-row:1;font-size:13px;padding:10px 12px}
  .security-workspace .topbar .user-meta{grid-column:1/-1;grid-row:2;display:flex;align-items:baseline;gap:8px 12px;flex-wrap:wrap;max-width:none;width:100%;text-align:left}
  .security-workspace .topbar .user-meta b{font-size:12px;line-height:18px;overflow-wrap:anywhere}
  .security-workspace .topbar .user-meta small{font-size:11px;line-height:18px;margin:0}
  .security-workspace .topbar>.module-links{display:none}
  .security-workspace .topbar>.workspace-search{grid-column:1/-1;grid-row:3;min-width:0;width:100%;margin-top:2px}
  .security-workspace .workspace-sidebar{padding:8px 0}
  .security-workspace .workspace-sidebar .section-tabs button{min-height:56px;padding:8px 4px;font-size:12px;gap:4px}
  .security-workspace .workspace-sidebar #tab-sources{min-height:44px;padding:8px 4px}
  .security-workspace:not(.fire-safety-page):not(.counterparty-preview-page) .workspace-content>.page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:20px 0}
  .security-workspace:not(.fire-safety-page):not(.counterparty-preview-page) .page-head>.refresh{display:contents}
  .security-workspace:not(.fire-safety-page):not(.counterparty-preview-page) .page-head .eyebrow{display:none}
  .security-workspace:not(.fire-safety-page):not(.counterparty-preview-page) .page-head>.refresh>#freshness{grid-column:1/-1;grid-row:2;font-size:11px}
  .security-workspace:not(.fire-safety-page):not(.counterparty-preview-page) .page-head>.refresh>div{grid-column:2;grid-row:1;align-self:center;width:auto}
  .security-workspace:not(.fire-safety-page):not(.counterparty-preview-page) .page-head>.refresh>div>button{min-height:44px;padding:10px 12px;font-size:13px;white-space:nowrap}
  .security-workspace:not(.fire-safety-page):not(.counterparty-preview-page) .page-head>.refresh>small{grid-column:1/-1;grid-row:3;font-size:10px;line-height:16px}
  .security-workspace :is(#pass-dialog,#report-dialog).security-form-dialog[open],.security-workspace #slc-chart-dialog[open],.security-workspace #cp-report[open]{width:100vw;height:100dvh;max-height:100dvh;margin:0;inset:0;border:0;border-radius:0}
  .security-workspace .security-dialog-scroll,.security-workspace :is(#slc-chart-body,#cp-report>.cp-dialog-body){padding:20px 16px;scroll-padding-block:20px}
  .security-workspace :is(#pass-dialog>.pass-heading,#report-dialog>.dialog-head,#slc-chart-dialog>.dialog-head,#cp-report>.dialog-head){padding:16px;gap:12px}
  .security-workspace :is(#pass-dialog>.pass-heading,#report-dialog>.dialog-head) h2{font-size:20px}
  .security-workspace :is(#pass-dialog>.pass-actions,#report-dialog>.report-actions){padding-inline:16px;gap:8px}
  .security-workspace #pass-form .pass-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin:24px 0}
  .security-workspace #pass-form .pass-grid>label{grid-template-rows:auto auto}
  .security-workspace #pass-form .pass-grid legend{margin-bottom:16px}
  .security-workspace #pass-form .pass-grid .pass-item{grid-template-columns:minmax(0,1fr)}
  .security-workspace #report-dialog .report-grid,.security-workspace #report-dialog .report-grid.report-two{grid-template-columns:minmax(0,1fr);gap:18px}
  .security-workspace #report-dialog .report-grid>label,.security-workspace #report-dialog .report-template>label{grid-template-rows:auto 48px}
  .security-workspace #report-dialog .report-template>label{grid-column:1/-1}
  .security-workspace #report-dialog .report-lead{margin:0 0 20px}
  .security-workspace #cp-report .cp-report-controls{top:-20px;margin-inline:-16px;padding-inline:16px;display:grid;grid-template-columns:1fr}
  .security-workspace #cp-report .cp-memo-facts>div{grid-template-columns:1fr;gap:4px;padding-block:10px}
  .security-workspace #cp-report .cp-memo-facts dt{font-size:12px;color:var(--muted)}
  .security-workspace #cp-report .cp-memo-facts dd{font-size:14px;line-height:1.5}
  .security-workspace #counterparties .cp-period-context .security-period-form{grid-template-columns:1fr}
  .security-workspace #slc-chart-dialog .slc-history-dates{grid-template-columns:1fr}
  .security-workspace .pass-filter-period{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .security-workspace .pass-filter-period>label{grid-column:1/-1}
  .security-workspace .pass-filter-period>button{min-height:48px}
  .security-workspace .event-filter-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .security-workspace .event-filter-main>label:nth-child(-n+2){grid-column:1/-1}
  .security-workspace .event-period-fields{grid-template-columns:1fr;gap:14px}
  .security-workspace .event-period-filters{margin-top:14px;padding-top:6px}
  .security-workspace .event-period-fields{margin-top:8px}
  .security-workspace .event-filter-footer{margin-top:12px;padding-top:12px}
  .security-workspace #event-filters .event-filter-empty{font-size:12px}
}
@media screen and (max-width:520px){
  .security-workspace .workspace-search{display:grid;grid-template-columns:minmax(0,1fr) 96px;overflow:hidden}
  .security-workspace .workspace-search input{grid-column:1/-1;width:100%;border-bottom:1px solid var(--line2);height:48px;min-height:48px;padding:11px 12px;font-size:16px}
  .security-workspace .workspace-search select{max-width:none;width:100%;border-left:0;padding:10px 12px;font-size:16px;border-radius:0}
  .security-workspace .workspace-search button{font-size:14px;padding:10px 12px;border-radius:0}
  .security-workspace #counterparties .cp-filters,.security-workspace .cp-changes-filters{grid-template-columns:1fr}
}
@media screen and (max-width:360px){
  .security-workspace .event-filter-main{grid-template-columns:1fr}
}
/* Поворот телефона и уменьшение видимой области не должны закрывать поле
   нижними действиями. Сохраняем сенсорные размеры кнопок, сокращая отступы. */
@media screen and (max-width:1024px) and (max-height:480px){
  .security-workspace :is(#pass-dialog>.pass-heading,#report-dialog>.dialog-head,#slc-chart-dialog>.dialog-head,#cp-report>.dialog-head,#detail>.dialog-head){padding:8px 12px;gap:12px}
  .security-workspace :is(#pass-dialog>.pass-heading,#report-dialog>.dialog-head,#slc-chart-dialog>.dialog-head,#cp-report>.dialog-head,#detail>.dialog-head) h2{font-size:18px;line-height:1.3}
  .security-workspace .security-dialog-scroll,.security-workspace :is(#slc-chart-body,#cp-report>.cp-dialog-body){padding:12px;scroll-padding-block:12px}
  .security-workspace :is(#pass-dialog>.pass-actions,#report-dialog>.report-actions){padding:8px 12px max(8px,env(safe-area-inset-bottom));grid-auto-rows:minmax(48px,auto)}
  .security-workspace :is(#pass-dialog>.pass-actions,#report-dialog>.report-actions)>button{min-height:48px;padding:8px 10px}
  .security-workspace #pass-form .pass-grid textarea{min-height:96px}
  .security-workspace #cp-report .cp-report-controls{top:-12px;margin:-12px -12px 12px;padding:8px 12px}
}