.metadata-panel{margin:0;padding:20px 21px;border:1px solid #273a34;border-radius:15px;background:radial-gradient(circle at 85% 0,#6fffc60c,transparent 38%),linear-gradient(145deg,#11131a,#0c0f14);box-shadow:inset 0 1px #ffffff05}
.metadata-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.metadata-kicker{display:flex;align-items:center;gap:8px;color:var(--mint);font:700 9px monospace;letter-spacing:.16em}
.metadata-heading h2{margin:9px 0 0;font-size:18px;letter-spacing:-.02em}
.metadata-node-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 144px;align-items:end;gap:12px;margin-bottom:20px}
.metadata-node-bar label{display:block;margin-bottom:7px;color:#aab8bc;font-size:14px;font-weight:500}
.metadata-node-bar .metadata-refresh{min-height:42px;padding:0 12px;font-size:14px;white-space:nowrap}
.metadata-node-bar .metadata-refresh[aria-hidden=true]{visibility:hidden}
.metadata-tabs{display:flex;gap:6px;margin-bottom:17px;border-bottom:1px solid #29343c;padding-bottom:8px}
.metadata-tabs button{position:relative;min-height:38px;padding:7px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9ba8ad;font-weight:500;font-family:inherit;font-size:14px;cursor:pointer}
.metadata-tabs button[aria-selected=true]{background:#6fffc610;border-color:#6fffc624;color:var(--mint)}
.metadata-tabs button:hover{background:#ffffff06;color:#d4e3da}
.metadata-tab-content[hidden]{display:none}
.metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px}
.metadata-field{min-width:0}
.metadata-wide{grid-column:1/-1}
.metadata-field-label{display:block;margin-bottom:7px;color:#bcc9cc;font-size:14px;font-weight:500;line-height:1.5}
.metadata-panel input,.metadata-panel textarea,.metadata-panel select{display:block;width:100%;min-width:0;min-height:42px;padding:8px 11px;border:1px solid #303b43;border-radius:8px;background:#090d12;color:#edf2f5;font-family:inherit;font-size:14px;line-height:1.5}
.metadata-panel textarea{resize:vertical;min-height:92px}
.metadata-panel input::placeholder,.metadata-panel textarea::placeholder{color:#78858d}
.metadata-panel input:disabled,.metadata-panel textarea:disabled,.metadata-panel select:disabled{opacity:.55;cursor:not-allowed}
.metadata-panel select{color-scheme:dark;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23909eaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;padding-right:44px}
.metadata-value-control{--metadata-mode-color:#9caebe;--metadata-mode-border:#35414e;--metadata-mode-bg:#0d1219;--metadata-mode-ring:#9caebe14;--metadata-mode-focus:#657c90;position:relative;display:flex;align-items:stretch;min-width:0;min-height:42px;border:1px solid var(--metadata-mode-border);border-left:2px solid var(--metadata-mode-border);border-radius:8px;background:var(--metadata-mode-bg);overflow:hidden}
.metadata-value-control.is-custom{--metadata-mode-color:#a3bbae;--metadata-mode-border:#374b40;--metadata-mode-bg:#0e1712;--metadata-mode-ring:#a3bbae14;--metadata-mode-focus:#708d7c}
.metadata-value-control.is-removed{--metadata-mode-color:#baaa93;--metadata-mode-border:#4b4236;--metadata-mode-bg:#17140f;--metadata-mode-ring:#baaa9314;--metadata-mode-focus:#8c7b63;border-style:dashed;border-left-style:solid}
.metadata-value-control:hover{border-color:var(--metadata-mode-focus)}
.metadata-value-control:focus-within{border-color:var(--metadata-mode-focus);box-shadow:0 0 0 2px var(--metadata-mode-ring)}
.metadata-panel .metadata-value-control input,.metadata-panel .metadata-value-control textarea,.metadata-panel .metadata-value-control select{border:0;border-radius:0;background:transparent;box-shadow:none;outline:none}
.metadata-panel .metadata-value-control .metadata-source{appearance:none;padding-right:44px;color:var(--metadata-mode-color);cursor:pointer;text-overflow:ellipsis;white-space:nowrap}
.metadata-panel .metadata-value-control.is-custom .metadata-source{width:42px;flex:0 0 42px;padding:0;color:transparent;border-left:1px solid var(--metadata-mode-border)}
.metadata-panel .metadata-source option{color:#e7edf1;background:#11171e;font-size:14px}
.metadata-source-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--metadata-mode-color);pointer-events:none}
.metadata-panel .metadata-value-control input,.metadata-panel .metadata-value-control textarea,.metadata-panel .metadata-custom-value{flex:1;width:0}
.metadata-panel .metadata-value-control textarea{height:42px;min-height:42px;resize:vertical}
.metadata-panel .metadata-value-control textarea:focus,.metadata-panel .metadata-value-control textarea[rows="3"]{min-height:90px}
.metadata-panel .metadata-value-control .metadata-custom-value{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23909eaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;padding-right:42px}
.metadata-panel .metadata-source:focus-visible{outline:2px solid var(--metadata-mode-color);outline-offset:-3px}
.metadata-tabs button:focus-visible{outline:2px solid #6fffc688;outline-offset:2px}
.metadata-hint{display:none;margin-top:5px;color:#93a398;font-size:13px;line-height:1.5}
.metadata-field:focus-within>.metadata-hint:not(.metadata-visually-hidden){display:block}
.metadata-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.metadata-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding-top:14px;border-top:1px solid #29343c}
.metadata-footer p{margin:0;color:#98a9ac;font-size:13px;line-height:1.5}
.metadata-actions{display:flex;gap:8px;flex-shrink:0;margin-left:auto}
.metadata-actions button{font-size:14px;min-height:38px;padding:0 14px;border-radius:8px}
.metadata-actions .secondary:disabled{opacity:.45;cursor:default}
.metadata-success,.metadata-error,.metadata-loading{margin:12px 0 0;font-size:14px;line-height:1.6}
.metadata-success{color:var(--mint)}
.metadata-error{color:#ff91a5;display:flex;align-items:center;gap:10px}
.metadata-loading{color:#a0afa6}
.metadata-provider-error{padding:10px 12px;border:1px solid #805a2b55;border-radius:8px;background:#d69a2709;color:#dfb97e;font-size:14px;line-height:1.6;margin:0 0 14px}
.metadata-empty{padding:14px 0;color:#a2b2a7;font-size:14px}
@media(max-width:1000px){.metadata-footer{align-items:flex-start;flex-wrap:wrap}.metadata-actions{margin-left:auto}}
@media(max-width:700px){
 .metadata-panel{padding:16px}.metadata-heading{align-items:center;gap:10px}.metadata-heading h2{font-size:18px}
 .metadata-node-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px}.metadata-node-bar>div:first-child{grid-column:auto}
 .metadata-node-bar .metadata-refresh{grid-column:1/-1;justify-self:end;width:144px}
 .metadata-grid{grid-template-columns:1fr;gap:14px}.metadata-tabs{gap:2px}.metadata-tabs button{flex:1;padding:7px 5px}
 .metadata-panel input,.metadata-panel textarea,.metadata-panel select{font-size:16px;min-height:44px}
 .metadata-value-control{min-height:44px}.metadata-panel .metadata-value-control.is-custom .metadata-source{width:44px;flex-basis:44px}
 .metadata-actions{width:100%}.metadata-actions button{flex:1;padding:0 10px}
}

/* Profile-scoped access checks. */
.metadata-footer[hidden]{display:none}
.guard-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.guard-title-row h3{margin:0;font-size:18px;color:#e3eee7}
.guard-setting-badge{padding:5px 9px;border:1px solid #34433b;border-radius:6px;font-size:14px;color:#a7b7ae}
.guard-setting-badge.is-enabled{color:var(--mint);border-color:#6fffc640;background:#6fffc609}
.access-guard-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0}
.access-guard-switch{display:flex;align-items:center;gap:10px;color:#d3e4d9;font-size:16px;font-weight:600;cursor:pointer}
.metadata-panel .access-guard-switch input{appearance:auto;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;accent-color:var(--mint);cursor:pointer}
.access-guard-interval{display:flex;align-items:center;gap:12px;font-size:14px;color:#b8c9bd}
.metadata-panel .access-guard-interval select{width:auto;min-width:130px}
.guard-policy-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.guard-policy-controls .access-guard-interval{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}
.metadata-panel .guard-policy-controls select{width:100%;min-width:0}
.guard-policy-note{margin:0 0 12px;font-size:14px;line-height:1.5;color:#a9bdb0}
.guard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.guard-metric{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #2d3b34;border-radius:9px;background:#080d0b66}
.guard-metric>span{font-size:14px;line-height:1.4;color:#b9cabe}
.guard-metric strong{flex-shrink:0;font-size:22px;font-weight:600;line-height:1.2;color:#e7f1eb;font-variant-numeric:tabular-nums}
.guard-metric small{font-size:13px;line-height:1.4;color:#97aba0}
.guard-metric.is-good strong{color:var(--mint)}
.guard-metric.is-closed strong{color:#ffadb5}
.guard-notice{margin:12px 0 0;padding:10px 12px;border:1px solid #6fffc62b;border-radius:8px;background:#6fffc607;font-size:14px;line-height:1.55;color:#bfd6c8}
.guard-notice.warning{border-color:#eab97644;background:#dca74309;color:#e2c192}
.guard-notice.danger{border-color:#ed8b9b44;background:#d26c830a;color:#efb2bf}
.guard-device-section{margin-top:18px}
.guard-device-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.guard-device-heading h4{margin:0;font-size:15px;font-weight:600;color:#d6e7db}
.guard-device-heading>span{font-size:13px;color:#99ada1}
.guard-devices{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:14px}
.guard-devices th,.guard-devices td{height:auto;text-align:left;padding:10px 9px;border-bottom:1px solid #29372f;vertical-align:middle;font-family:inherit;font-size:14px;line-height:1.4}
.guard-devices th{font-size:14px;font-weight:500;letter-spacing:normal;text-transform:none;color:#91a79a}
.guard-devices th:first-child,.guard-devices td:first-child{padding-left:0;width:32%}
.guard-devices th:nth-child(2){width:25%}
.guard-devices th:last-child,.guard-devices td:last-child{padding-right:0}
.guard-device-name>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d6e7dc}
.guard-device-name small{display:block;font-size:13px;color:#99aea1;margin-top:3px;overflow-wrap:anywhere}
.guard-device-state{display:inline-block;padding:4px 7px;border:1px solid #37493d;border-radius:6px;font-size:14px;line-height:1.4;color:#b8c7bf}
.guard-device-state.checking{color:var(--mint);border-color:#6fffc638;background:#6fffc608}
.guard-device-state.awaiting_check,.guard-device-state.stale,.guard-device-state.awaiting_config{color:#e6c293;border-color:#bd915943;background:#cca45209}
.guard-device-state.revoked,.guard-device-state.limit,.guard-device-state.expired,.guard-device-state.profile_disabled{color:#efb1bb;border-color:#dc829943;background:#d4778c0a}
.guard-devices time{color:#b3c7ba;font-variant-numeric:tabular-nums;white-space:nowrap}
.guard-time-empty{color:#899d90}
.guard-probe-state,.guard-probe-denied{display:block;margin-bottom:4px;font-size:14px;line-height:1.4;color:#a9bdaf}
.guard-probe-denied{color:#e4b2ba}
.guard-devices td[data-label="Проверка доступа"] small{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:#94aa9b}
.guard-save-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
.access-guard-save{min-height:42px;padding:0 20px;font-size:14px}
.guard-unsaved,.guard-data-time{font-size:13px;line-height:1.4;text-align:right;color:#99afa1}
.guard-unsaved{color:#e4bf86}
.guard-help{margin-top:14px;border-top:1px solid #2b3931;padding-top:12px;font-size:14px;line-height:1.6;color:#a9bdb0}
.guard-help summary{cursor:pointer;color:#bad1c2;min-height:26px}
.guard-help summary:focus-visible{outline:2px solid #6fffc688;outline-offset:3px;border-radius:4px}
.guard-help p{margin:10px 0}
.guard-help ul{margin:10px 0 0;padding-left:20px}
.guard-help li+li{margin-top:7px}
@media(max-width:1000px){.guard-devices th:first-child{width:28%}.guard-devices th:nth-child(2){width:27%}.guard-devices th,.guard-devices td{padding-left:6px;padding-right:6px}}
@media(max-width:700px){
 .metadata-tabs{flex-wrap:wrap}.metadata-tabs button{flex:1 0 auto;padding:7px 9px}
 .access-guard-controls{align-items:flex-start;flex-direction:column;gap:14px}.access-guard-interval{width:100%;justify-content:space-between}.guard-policy-controls{width:100%;display:grid;gap:10px}
 .guard-metrics{grid-template-columns:1fr;gap:7px}.guard-metric{padding:10px 12px;gap:12px}.guard-metric strong{min-width:62px;font-size:20px}
 .guard-devices,.guard-devices tbody{display:block}.guard-devices thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .guard-devices tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:12px 0;border-bottom:1px solid #29372f}
 .guard-devices td,.guard-devices td:first-child,.guard-devices td:last-child{padding:0;border:0;width:auto;min-width:0}
 .guard-devices td:nth-child(2),.guard-devices td:nth-child(4){text-align:right}
 .guard-devices td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;color:#92a899;font-size:13px}
 .guard-device-state{max-width:140px}.guard-devices time{white-space:normal}
 .guard-save-row{align-items:flex-start;flex-direction:column;gap:8px}.access-guard-save{width:100%}.guard-unsaved,.guard-data-time{text-align:left}
}

/* Compact profile-scoped denial editor and preview share one card. */
.revoked-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.revoked-kind{display:inline-flex;align-items:center;gap:7px;color:#b2bfc2;font-size:14px;line-height:1.5}
.revoked-kind:before{content:"";width:6px;height:6px;border-radius:50%;background:#df99a8}
.revoked-preview-toggle,.revoked-add,.revoked-subtitle-toggle{border:0;background:transparent;color:#aabbb6;font:inherit;font-size:14px;cursor:pointer}
.revoked-preview-toggle{min-height:38px;padding:0 10px;border:1px solid #303d43;border-radius:7px}
.revoked-preview-toggle[aria-pressed=true]{border-color:#6fffc647;color:var(--mint);background:#6fffc608}
.revoked-editor-card{padding:12px;border:1px solid #303b43;border-radius:10px;background:#090d1280}
.revoked-profile-fields{display:grid;gap:8px}
.revoked-profile-fields label{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:start;gap:12px}
.revoked-profile-fields label>span{padding-top:10px;color:#b2bec3;font-size:14px;line-height:1.5}
.metadata-panel .revoked-profile-fields textarea{height:42px;min-height:42px;max-height:240px;resize:vertical}
.revoked-servers-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 6px}
.revoked-servers-heading h3{display:flex;align-items:center;gap:10px;margin:0;color:#d5e0e3;font-size:14px;font-weight:600}
.revoked-servers-heading h3 span{color:#8ca09b;font-weight:400;font-variant-numeric:tabular-nums}
.revoked-add{min-height:38px;padding:0 8px;color:var(--mint);white-space:nowrap}
.revoked-server-list{display:grid;gap:7px}
.revoked-server-row{display:grid;grid-template-columns:24px minmax(0,1fr) 36px;align-items:center;gap:5px;padding:3px 5px;border:1px solid #2b363e;border-radius:8px;background:#0d1218}
.revoked-server-row:focus-within{border-color:#6fffc677;box-shadow:0 0 0 2px #6fffc60c}
.revoked-row-number{color:#8a9d97;font-size:14px;text-align:center;font-variant-numeric:tabular-nums}
.revoked-server-fields{min-width:0}
.revoked-server-fields.has-subtitle{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}
.revoked-server-name,.revoked-server-subtitle{display:flex;align-items:center;min-width:0}
.metadata-panel .revoked-server-fields input{flex:1;width:0;border:0;border-radius:0;background:transparent;outline:none;box-shadow:none;padding-left:5px}
.revoked-server-subtitle{border-left:1px solid #263039;padding-left:8px}
.metadata-panel .revoked-server-subtitle input{color:#b9c8c2}
.revoked-subtitle-toggle{flex-shrink:0;min-height:38px;padding:0 7px;color:#99afa5;white-space:nowrap}
.revoked-row-delete{display:flex;align-items:center;justify-content:center;width:36px;height:38px;padding:0;border:0;border-radius:6px;background:transparent;color:#cb93a1;cursor:pointer}
.revoked-row-delete:hover{background:#d4778c12;color:#f4aaba}
.revoked-settings button:disabled{opacity:.4;cursor:default}
.revoked-settings button:focus-visible{outline:2px solid #6fffc688;outline-offset:2px}
.revoked-subtitle-toggle:hover,.revoked-preview-toggle:hover{color:#d9ebe2}
.revoked-profile-preview{padding:6px 6px 8px;overflow-wrap:anywhere}
.revoked-profile-preview>strong{display:block;color:#e3f1e8;font-size:16px;line-height:1.5}
.revoked-profile-preview>p{margin:5px 0 0;white-space:pre-wrap;color:#b4c3bd;font-size:14px;line-height:1.5}
.revoked-server-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 6px;border-top:1px solid #28353d;font-size:14px;line-height:1.5}
.revoked-server-preview>div{min-width:0;overflow-wrap:anywhere}
.revoked-server-preview small{display:block;margin-top:3px;color:#9fafa8;font-size:14px}
.revoked-preview-unavailable{flex-shrink:0;color:#d4a1ae;font-size:14px}
.revoked-save-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.revoked-save-row>span{font-size:14px;line-height:1.5}
.revoked-save-row .metadata-actions{margin-left:auto;width:auto}
@media(max-width:700px){
 .metadata-node-bar.is-revoked>div:first-child{grid-column:auto}
 .revoked-toolbar{gap:8px}.revoked-preview-toggle{min-height:44px;padding:0 8px}
 .revoked-editor-card{padding:10px}
 .revoked-profile-fields label{grid-template-columns:1fr;gap:5px}
 .revoked-profile-fields label>span{padding:0}
 .metadata-panel .revoked-profile-fields textarea{height:44px;min-height:44px}
 .revoked-server-row{grid-template-columns:18px minmax(0,1fr) 40px;gap:3px;padding:2px 3px}
 .revoked-server-fields.has-subtitle{grid-template-columns:1fr;gap:0}.revoked-server-subtitle{border-left:0;border-top:1px solid #263039;padding-left:0}
 .revoked-row-delete{width:40px;height:44px}.revoked-subtitle-toggle{min-height:44px;padding:0 4px}
 .revoked-add{min-height:44px;padding:0 4px}
 .revoked-save-row{flex-wrap:wrap;gap:9px}.revoked-save-row>span{flex:1;min-width:110px}
 .revoked-save-row .metadata-actions{max-width:100%;margin-left:auto}.revoked-save-row .metadata-actions button{flex:none;min-height:44px;padding:0 12px}
 .revoked-save-row:has(.secondary) .metadata-actions{width:100%}.revoked-save-row:has(.secondary) .metadata-actions button{flex:1}
}
