.hero-strip { min-height: 132px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 28px; border-radius: var(--radius-lg); border: 1px solid rgba(91,140,255,.20); background: radial-gradient(circle at 85% 20%,rgba(124,92,255,.22),transparent 34%),linear-gradient(135deg,rgba(91,140,255,.13),rgba(17,22,32,.2)); overflow: hidden; }
.hero-strip h2 { margin: 6px 0; font-size: 23px; letter-spacing: -.025em; }
.hero-strip p { margin: 0; color: var(--text-2); font-size: 12px; }
.hero-actions { display: flex; gap: 8px; }
.metric-grid { display: grid; gap: 14px; margin-top: 16px; }
.metric-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.metric-card { padding: 17px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); }
.metric-head { display: flex; justify-content: space-between; align-items: center; color: var(--text-2); font-size: 11px; }
.metric-card > strong { display: block; margin: 13px 0 5px; font-size: 26px; letter-spacing: -.04em; }
.metric-card > small { color: var(--text-3); font-size: 9px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(320px,1fr); gap: 16px; margin-top: 16px; }
.dashboard-grid.lower { grid-template-columns: minmax(0,2fr) minmax(300px,.8fr); }
.span-2 { min-width: 0; }
.chart-placeholder { position: relative; height: 260px; padding: 28px 22px 28px 50px; }
.chart-placeholder svg { position: absolute; left: 50px; right: 18px; top: 26px; width: calc(100% - 68px); height: 194px; }
.chart-y { position: absolute; inset: 25px auto 34px 14px; display: flex; flex-direction: column; justify-content: space-between; color: var(--text-3); font-size: 8px; }
.chart-lines { position: absolute; left: 50px; right: 18px; top: 28px; bottom: 38px; display: flex; flex-direction: column; justify-content: space-between; }
.chart-lines i { border-top: 1px dashed var(--border); }
.chart-x { position: absolute; left: 50px; right: 18px; bottom: 15px; display: flex; justify-content: space-between; color: var(--text-3); font-size: 8px; }
.chart-legend { display: flex; gap: 24px; padding: 0 18px 16px; color: var(--text-3); font-size: 9px; }
.legend-dot { width: 7px; height: 7px; display: inline-block; margin-right: 5px; border-radius: 50%; }
.legend-dot.brand { background: var(--brand); }.legend-dot.green { background: var(--green); }.legend-dot.amber { background: var(--amber); }
.attention-list { padding: 4px 14px 10px; }
.attention-item { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 13px 4px; border-bottom: 1px solid var(--border); }
.attention-item:last-child { border: 0; }
.attention-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: var(--brand); background: rgba(91,140,255,.10); }
.attention-item.warning .attention-icon { color: var(--amber); background: rgba(246,167,35,.10); }
.attention-item.danger .attention-icon { color: var(--red); background: rgba(255,95,114,.10); }
.attention-icon svg { width: 14px; }
.attention-item strong { font-size: 10px; }
.attention-item p { margin: 4px 0 0; color: var(--text-3); font-size: 9px; line-height: 1.45; }
.priority { padding: 3px 6px; border-radius: 5px; background: var(--surface-3); color: var(--text-3); font-size: 8px; }
.donut-wrap { display: flex; align-items: center; gap: 20px; padding: 22px 20px; }
.donut { width: 136px; height: 136px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#5b8cff 0 29%,#7c5cff 29% 54%,#21c58b 54% 75%,#f6a723 75% 100%); position: relative; }
.donut::after { content: ""; position: absolute; width: 92px; height: 92px; border-radius: 50%; background: var(--surface); }
.donut > div { position: relative; z-index: 1; text-align: center; }
.donut strong { display: block; font-size: 23px; }
.donut span { color: var(--text-3); font-size: 9px; }
.donut-legend { flex: 1; display: grid; gap: 11px; }
.donut-legend span { display: grid; grid-template-columns: 8px 1fr auto; gap: 8px; align-items: center; color: var(--text-2); font-size: 9px; }
.donut-legend i { width: 7px; height: 7px; border-radius: 50%; background: var(--c); }
.donut-legend b { color: var(--text); }
.page-actions-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.filter-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.team-summary-grid, .server-kpi-grid, .usage-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 16px; }
.team-summary-grid article, .server-kpi-grid article { min-height: 92px; padding: 16px; display: flex; align-items: center; gap: 13px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.team-summary-grid article > div, .server-kpi-grid article > span:first-child { display: flex; flex-direction: column; }
.team-summary-grid small, .server-kpi-grid small { color: var(--text-3); font-size: 9px; }
.team-summary-grid strong, .server-kpi-grid strong { margin-top: 5px; font-size: 18px; }
.team-summary-grid p, .server-kpi-grid p { margin: 5px 0 0; color: var(--text-3); font-size: 9px; }
.split-layout { display: grid; grid-template-columns: minmax(410px,.82fr) minmax(620px,1.38fr); gap: 16px; align-items: start; }
.list-panel, .detail-panel { overflow: hidden; }
.team-list { padding: 8px; }
.team-row { width: 100%; display: grid; grid-template-columns: 38px minmax(160px,1fr) 48px 54px 52px 14px; align-items: center; gap: 10px; padding: 12px 10px; border: 1px solid transparent; background: transparent; border-radius: 10px; cursor: pointer; text-align: left; }
.team-row:hover { background: var(--surface-2); }
.team-row.selected { background: rgba(91,140,255,.09); border-color: rgba(91,140,255,.18); }
.team-main { min-width: 0; display: flex; flex-direction: column; }
.team-main strong { font-size: 11px; }
.team-main small { margin-top: 4px; color: var(--text-3); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.team-stats { text-align: center; }
.team-stats b { display: block; font-size: 11px; }.team-stats small { color: var(--text-3); font-size: 8px; }
.team-detail-hero { padding: 20px; display: flex; justify-content: space-between; gap: 16px; }
.team-identity { display: flex; gap: 14px; }
.team-identity h2 { margin: 5px 0 5px; font-size: 20px; }
.team-identity p { margin: 0; color: var(--text-2); font-size: 10px; }
.tag-row { display: flex; gap: 6px; margin-top: 10px; }
.tag-row span { padding: 4px 7px; border-radius: 6px; background: var(--surface-2); color: var(--text-3); font-size: 8px; }
.detail-tabs { display: flex; padding: 0 16px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); overflow-x: auto; }
.detail-tabs button { min-height: 43px; padding: 0 13px; border: 0; background: transparent; color: var(--text-3); font-size: 10px; cursor: pointer; border-bottom: 2px solid transparent; white-space: nowrap; }
.detail-tabs button.active { color: var(--brand); border-bottom-color: var(--brand); }
.drawer-tabs { padding: 0 16px; }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
.sub-toolbar { min-height: 62px; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; }
.sub-toolbar > div:first-child { display: flex; flex-direction: column; }
.sub-toolbar strong { font-size: 11px; }.sub-toolbar small { margin-top: 4px; color: var(--text-3); font-size: 9px; }
.sub-toolbar > div:last-child { display: flex; gap: 7px; }
.compact-table td, .compact-table th { padding-left: 11px; padding-right: 11px; }
.member-cell { display: flex; align-items: center; gap: 9px; min-width: 150px; }
.member-cell > span:last-child { display: flex; flex-direction: column; }
.member-cell small { margin-top: 3px; color: var(--text-3); font-size: 8px; }
.security-state { display: inline-flex; align-items: center; gap: 6px; font-size: 9px; white-space: nowrap; }
.security-state i { width: 6px; height: 6px; border-radius: 50%; }
.security-state.good { color: var(--green); }.security-state.good i { background: var(--green); }
.security-state.warn { color: var(--amber); }.security-state.warn i { background: var(--amber); }
.role-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 0 16px 16px; }
.role-grid article { padding: 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.role-grid article > div { display: flex; gap: 10px; align-items: center; }
.role-grid article > div span:last-child { display: flex; flex-direction: column; }
.role-grid strong { font-size: 10px; }.role-grid small { margin-top: 3px; color: var(--text-3); font-size: 8px; }
.role-grid p { min-height: 32px; color: var(--text-2); font-size: 9px; line-height: 1.55; }
.role-grid footer { display: flex; justify-content: space-between; align-items: center; padding-top: 9px; border-top: 1px solid var(--border); color: var(--text-3); font-size: 8px; }
.server-scope-list { padding: 0 16px 16px; }
.server-scope-list > div { display: grid; grid-template-columns: minmax(220px,1fr) 70px 55px 52px 36px; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--border); border-radius: 10px; }
.server-scope-list > div + div { margin-top: 8px; }
.server-scope-list > div > span:not(.resource-name):not(.status-pill) { text-align: center; }
.server-scope-list > div > span b { display: block; font-size: 11px; }.server-scope-list > div > span small { color: var(--text-3); font-size: 8px; }
.request-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 16px; }
.request-grid article { padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.request-head { display: flex; gap: 9px; align-items: center; }
.request-head > div { display: flex; flex-direction: column; }.request-head strong { font-size: 10px; }.request-head small { margin-top: 3px; color: var(--text-3); font-size: 8px; }
.request-grid p { color: var(--text-2); font-size: 9px; line-height: 1.55; }
.request-actions { display: flex; justify-content: flex-end; gap: 7px; }
.server-kpi-grid article { justify-content: space-between; }
.radial { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--green) 0 88%,var(--surface-3) 88%); position: relative; }
.radial::after { content:""; position:absolute; width:42px; height:42px; border-radius:50%; background:var(--surface); }
.radial b { position:relative; z-index:1; font-size:9px; }
.server-inventory { overflow: hidden; }
.clickable-row { cursor: pointer; }
.server-card-view { display: none; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 14px; }
.server-card-view.active { display: grid; }
.server-card-view article { padding: 15px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-2); cursor: pointer; }
.server-card-top, .server-card-view footer { display: flex; justify-content: space-between; align-items: center; }
.server-card-view h3 { margin: 13px 0 4px; font-size: 13px; }.server-card-view > article > p { margin: 0; color: var(--text-3); font-size: 9px; }
.server-card-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 16px 0; }
.server-card-stats span { display:flex; flex-direction:column; }.server-card-stats small { color:var(--text-3);font-size:8px; }.server-card-stats strong { margin-top:5px;font-size:11px; }
.server-card-view footer { padding-top: 12px; border-top: 1px solid var(--border); }
.table-footer { display:flex; justify-content:space-between; align-items:center; padding:12px 15px; border-top:1px solid var(--border); color:var(--text-3); font-size:9px; }
.pagination { display:flex; gap:4px; }.pagination button { min-width:27px;height:27px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text-3);font-size:9px;cursor:pointer;}.pagination button.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.notice-banner { display:flex;align-items:center;gap:13px;padding:15px 17px;margin-bottom:16px;border-radius:var(--radius);border:1px solid rgba(91,140,255,.22);background:rgba(91,140,255,.08); }
.notice-banner > span { width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(91,140,255,.12);color:var(--brand); }.notice-banner > span svg{width:17px}.notice-banner > div{flex:1}.notice-banner strong{font-size:11px}.notice-banner p{margin:4px 0 0;color:var(--text-2);font-size:9px}
.access-grid { display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start; }
.role-library { overflow:hidden; }.role-list{padding:8px}.role-list button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 26px;gap:10px;align-items:center;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.role-list button:hover{background:var(--surface-2)}.role-list button.selected{background:rgba(91,140,255,.09);border-color:rgba(91,140,255,.18)}.role-list button>span:nth-child(2){display:flex;flex-direction:column}.role-list strong{font-size:10px}.role-list small{margin-top:3px;color:var(--text-3);font-size:8px}.role-list b{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:var(--surface-3);font-size:8px}
.permission-editor { overflow:hidden; }.role-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px}.role-editor-head>div{display:flex;gap:13px;align-items:center}.role-editor-head h2{margin:4px 0;font-size:18px}.role-editor-head p{margin:0;color:var(--text-3);font-size:9px}.scope-summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.scope-summary span{display:flex;flex-direction:column;padding:14px 16px;border-right:1px solid var(--border)}.scope-summary span:last-child{border-right:0}.scope-summary small{color:var(--text-3);font-size:8px}.scope-summary strong{margin-top:5px;font-size:10px}.permission-matrix{padding:16px}.matrix-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.matrix-head strong{font-size:11px}.matrix-head>div{display:flex;gap:8px}.permission-matrix section{border:1px solid var(--border);border-radius:9px;overflow:hidden}.permission-matrix section+section{margin-top:8px}.permission-matrix header{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;background:var(--surface-2)}.permission-matrix header>svg{width:15px;color:var(--brand)}.permission-matrix header>div{display:flex;flex-direction:column}.permission-matrix header strong{font-size:10px}.permission-matrix header small{margin-top:3px;color:var(--text-3);font-size:8px}.permission-count{color:var(--text-3);font-size:8px}.permission-row{display:grid;grid-template-columns:repeat(3,1fr auto);gap:8px;align-items:center;padding:11px 13px;color:var(--text-2);font-size:8px}.permission-row b{color:var(--green);font-size:8px}
.audit-panel{padding:4px 18px}.audit-timeline{position:relative}.audit-timeline::before{content:"";position:absolute;left:16px;top:28px;bottom:28px;border-left:1px solid var(--border)}.audit-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:start;padding:17px 0;border-bottom:1px solid var(--border)}.audit-item:last-child{border:0}.audit-marker{width:34px;height:34px;z-index:1;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--brand);border:1px solid var(--border)}.audit-marker svg{width:15px}.audit-item.high .audit-marker{color:var(--red);background:rgba(255,95,114,.09)}.audit-item.medium .audit-marker{color:var(--amber);background:rgba(246,167,35,.09)}.audit-main>div{display:flex;align-items:center;gap:8px}.audit-main strong{font-size:10px}.audit-main p{margin:5px 0;color:var(--text-2);font-size:9px}.audit-main small{color:var(--text-3);font-size:8px}.risk{display:inline-flex;padding:3px 6px;border-radius:5px;font-size:7px;font-weight:800}.risk.high{color:var(--red);background:rgba(255,95,114,.1)}.risk.medium{color:var(--amber);background:rgba(246,167,35,.1)}.risk.low{color:var(--green);background:rgba(33,197,139,.1)}.risk.info{color:var(--blue);background:rgba(91,140,255,.1)}
.billing-hero{min-height:180px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;margin-bottom:16px;border:1px solid rgba(91,140,255,.22);border-radius:var(--radius-lg);background:radial-gradient(circle at 80% 20%,rgba(124,92,255,.24),transparent 35%),linear-gradient(135deg,rgba(91,140,255,.15),transparent)}.billing-hero h2{margin:7px 0 4px;font-size:25px}.billing-hero p{margin:0;color:var(--text-2);font-size:10px}.billing-price{display:flex;align-items:baseline;gap:5px;margin-top:16px}.billing-price strong{font-size:32px}.billing-price span{color:var(--text-3);font-size:10px}.billing-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.usage-grid{grid-template-columns:repeat(3,1fr)}.usage-grid article{padding:16px}.usage-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.usage-head>div{display:flex;flex-direction:column}.usage-head small{color:var(--text-3);font-size:8px}.usage-head strong{margin-top:4px;font-size:15px}.usage-grid p{margin:8px 0 0;color:var(--text-3);font-size:8px}.billing-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.invoice-preview{padding:8px 18px 17px}.invoice-preview>div,.invoice-preview footer{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);color:var(--text-2);font-size:10px}.invoice-preview footer{border:0;padding-top:16px;color:var(--text);font-weight:800}.payment-card{margin:18px;padding:20px;border-radius:14px;background:linear-gradient(145deg,#1a3262,#5b67aa);color:#fff;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 36px rgba(29,55,106,.26)}.card-brand{font-style:italic;font-weight:900;font-size:16px}.payment-card>strong{font-size:16px;letter-spacing:.08em}.payment-card>span{font-size:9px;opacity:.75}
.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.settings-nav{padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.settings-nav button{width:100%;height:38px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:var(--text-2);text-align:left;font-size:10px;cursor:pointer}.settings-nav button:hover{background:var(--surface-2)}.settings-nav button.active{background:rgba(91,140,255,.1);color:var(--brand);font-weight:700}.settings-content{padding:20px}.settings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.settings-head h2,.settings-head h3{margin:0;font-size:16px}.settings-head p{margin:5px 0 0;color:var(--text-3);font-size:9px}.settings-head.minor h3{font-size:12px}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.settings-form label{display:flex;flex-direction:column;gap:7px}.settings-form label.wide{grid-column:1/-1}.settings-form label>span{color:var(--text-2);font-size:9px;font-weight:700}.settings-form input,.settings-form select,.settings-form textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);outline:none;padding:10px 11px;font-size:10px}.settings-form textarea{min-height:90px;resize:vertical}.settings-form small{color:var(--text-3);font-size:8px}.settings-content hr{height:1px;border:0;background:var(--border);margin:24px 0}.owner-card{display:flex;align-items:center;gap:10px;margin-top:15px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.owner-card>div{display:flex;flex-direction:column;flex:1}.owner-card strong{font-size:10px}.owner-card small{margin-top:3px;color:var(--text-3);font-size:8px}.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px solid rgba(255,95,114,.18);border-radius:10px;background:rgba(255,95,114,.05)}.danger-zone h3{margin:0;color:var(--red);font-size:11px}.danger-zone p{margin:4px 0 0;color:var(--text-3);font-size:8px}
.detail-block{padding:15px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.detail-block+ .detail-block{margin-top:10px}.detail-block h3{margin:0;font-size:10px}.detail-block dl{margin:12px 0 0}.detail-block dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.detail-block dl div:last-child{border:0}.detail-block dt{color:var(--text-3);font-size:9px}.detail-block dd{margin:0;color:var(--text-2);font-size:9px}.drawer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.drawer-metrics span{padding:10px;border-radius:8px;background:var(--surface);display:flex;flex-direction:column}.drawer-metrics small{color:var(--text-3);font-size:8px}.drawer-metrics strong{margin-top:5px;font-size:12px}.detail-block.sensitive>div{display:flex;justify-content:space-between;align-items:center}.detail-block.sensitive p{color:var(--text-3);font-size:9px;line-height:1.55}.masked-secret{padding:10px;border-radius:8px;background:var(--surface);font-family:ui-monospace,monospace;letter-spacing:.12em;color:var(--text-2)}
@media(max-width:1350px){.metric-grid.four,.team-summary-grid,.server-kpi-grid{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.list-panel{max-height:none}.team-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.team-row{grid-template-columns:38px minmax(130px,1fr) 46px 14px}.team-row .team-stats:nth-of-type(2),.team-row .status-pill{display:none}.access-grid{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:980px){.dashboard-grid,.dashboard-grid.lower,.billing-grid{grid-template-columns:1fr}.team-list{grid-template-columns:1fr}.server-card-view.active{grid-template-columns:repeat(2,1fr)}.scope-summary{grid-template-columns:repeat(2,1fr)}.permission-row{grid-template-columns:1fr auto}.permission-row span:nth-of-type(n+3),.permission-row b:nth-of-type(n+3){display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{min-width:max-content}.usage-grid{grid-template-columns:1fr}.request-grid{grid-template-columns:1fr}}
@media(max-width:680px){.hero-strip,.billing-hero,.page-actions-row{align-items:flex-start;flex-direction:column}.hero-actions,.billing-actions{width:100%;justify-content:flex-start}.metric-grid.four,.team-summary-grid,.server-kpi-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.search-input{min-width:100%;width:100%}.filter-group{width:100%}.filter-button{flex:1}.team-detail-hero{flex-direction:column}.team-identity{align-items:flex-start}.role-grid,.server-card-view.active{grid-template-columns:1fr}.server-scope-list>div{grid-template-columns:minmax(170px,1fr) 52px 36px}.server-scope-list>div>span:nth-child(3),.server-scope-list>div>.status-pill{display:none}.scope-summary{grid-template-columns:1fr 1fr}.settings-form{grid-template-columns:1fr}.settings-form label.wide{grid-column:auto}.audit-item{grid-template-columns:34px minmax(0,1fr)}.audit-item>.text-button{display:none}.donut-wrap{flex-direction:column}.chart-legend{flex-wrap:wrap}.topbar-actions .primary-button{display:none}}