.metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}@media(max-width:620px){.metrics article:last-child{grid-column:auto}}
.access-mode-card{display:grid;gap:9px;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}.access-mode-card span{display:grid;gap:4px}.access-mode-card small{color:var(--muted)}.access-mode-card select{min-height:44px;padding:8px 36px 8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit}.switch-card.pending{opacity:.7}.jobs-filter{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);font-size:.85rem;font-weight:700}.jobs-filter input{width:19px;height:19px;accent-color:#d65f18}
@media(max-width:720px){html,body{max-width:100%;overflow-x:hidden}.topbar{box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;width:100%;padding:18px 16px}.topbar>div{min-width:0}.topbar .button{margin-left:auto;white-space:nowrap}main{box-sizing:border-box;width:100%;padding-inline:9px}.metrics{grid-template-columns:1fr!important}.panel{box-sizing:border-box;max-width:100%}.switch-grid{grid-template-columns:1fr!important}.access-mode-card{padding:13px;min-width:0}.access-mode-card select{width:100%;min-width:0}.data-head .actions{display:grid;grid-template-columns:1fr;width:100%}.jobs-filter{width:100%;box-sizing:border-box}.table-wrap{max-width:100%;overflow-x:auto}}
@media(max-width:420px){.topbar{flex-wrap:nowrap}.topbar .button{flex:0 0 44px;width:44px;min-width:44px;min-height:42px;padding:0;overflow:hidden;font-size:0}.topbar .button::before{content:'↻';font-size:20px}.topbar h1{font-size:1.75rem}.metrics{gap:9px}.metrics article{min-width:0}.panel-title{align-items:flex-start;gap:6px}.panel-title>small{display:none}}