/* Раздел «Безопасность» (app/security.js) — дизайн C «Диспетчерская»: токены styles.css, три радиуса, цвет только со смыслом. */
.tabbar{grid-template-columns:repeat(3,1fr)}
.sec-wrap{overflow:hidden}
.sec-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 110px;scrollbar-width:thin}
.sec-block{margin:4px 16px 18px;border-top:1px solid var(--line-soft);padding-top:10px}
.sec-tasks{display:flex;flex-direction:column;gap:6px;max-width:720px}
.sec-tasks .hint{margin:0 0 6px}
.sec-keys{display:flex;flex-direction:column}
.sk-sum{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.sk-head,.sk{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.2fr) minmax(0,1.7fr) 168px minmax(0,1.1fr) 132px;gap:12px;align-items:start}
.sk-head{padding:0 10px 6px;border-bottom:1px solid var(--line);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-4)}
.sk{padding:10px;border-bottom:1px solid var(--line-soft);font-size:var(--fs-sm);color:var(--text-2);line-height:1.4}
.sk:hover{background:var(--bg-2)}
.sk.st-rotate{box-shadow:inset 3px 0 0 var(--late)}
.sk.st-off{box-shadow:inset 3px 0 0 var(--warn)}
.sk-what{display:flex;gap:8px;min-width:0}
.sk-what > svg{width:16px;height:16px;margin-top:2px;color:var(--text-3)}
.sk-what > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.sk-what b{font-size:var(--fs-md);font-weight:500;color:var(--text)}
.sk-what code{font:500 var(--fs-xs) var(--mono);color:var(--text-3);overflow-wrap:anywhere}
.sk small{display:block;font-size:var(--fs-xs);color:var(--text-4);line-height:1.4;overflow-wrap:anywhere}
.sk-chips{display:flex;flex-wrap:wrap;gap:4px}
.sk-chip{display:inline-flex;align-items:center;gap:4px;min-height:20px;max-width:100%;padding:2px 6px;border-radius:var(--r-sm);background:var(--bg-2);color:var(--text-2);font-size:var(--fs-xs);line-height:1.3}
.sk-chip svg{width:12px;height:12px;color:var(--text-3)}
.sk-where small{margin-top:4px}
.sk-dates{display:flex;flex-direction:column;gap:2px;font:500 var(--fs-xs) var(--mono);color:var(--text-2)}
.sk-dates > span{white-space:nowrap}
.sk-dates .crit{color:var(--late)}
.sk-st{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.sk-act{display:flex;justify-content:flex-end}
.sk-act .obtn:disabled{opacity:.55;cursor:default}
.sk-l{display:none}
.sk-dates .sk-l{display:inline;margin-right:6px;font-family:var(--font);font-weight:400;color:var(--text-4)}
@media (max-width:899px){
  .sec-block{margin:4px 12px 16px}
  .sk{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px 4px}
  .sk-what{grid-column:1 / -1}
  .sk-sys,.sk-where{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
  .sk-l{display:inline;font-size:var(--fs-xs);color:var(--text-4);min-width:92px}
  .sk-dates{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:4px 14px}
  .sk-dates .sk-l{min-width:0}
  .sk-st{grid-column:1;align-self:center;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px}
  .sk-act{grid-column:2;align-self:center}
  .sk-act .obtn{height:32px}
}