#management-panel{overflow:auto;padding-bottom:120px}#management-panel .page-header{margin-bottom:12px}#management-panel h1{font-size:23px}#management-panel h2{font-size:14px;margin:0 0 10px}.mg-section{padding:12px 0;border-bottom:1px solid var(--border)}.mg-inline{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.mg-check{display:inline-flex!important;align-items:center;gap:6px;margin:4px 0!important;white-space:normal}.mg-check input{width:15px!important;height:15px;flex:none}.mg-capability-row{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:8px 0;border-top:1px solid var(--border)}.mg-capability-row:first-child{border-top:0}.mg-capability-row strong{padding-top:5px}.mg-rule-row{display:flex;gap:8px;align-items:end;margin:8px 0}.mg-rule-row label{flex:1;min-width:0}.mg-rule-row button{margin-bottom:1px}.mg-section>label:not(.mg-check){display:inline-flex;flex-direction:column;width:calc(50% - 12px);margin:8px 8px 8px 0}.mg-rule-group{margin:12px 0}.mg-rule-row input,.mg-rule-row select{width:100%}.mg-identities{display:flex;gap:12px;flex-wrap:wrap}.mg-status{padding:10px 12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;font-size:12px;line-height:1.7;margin:10px 0}.mg-lookup{padding:10px 0}.mg-lookup input{max-width:170px}.mg-lookup select{max-width:320px}#management-resource-list{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}#management-json{width:100%;font:12px/1.6 monospace;min-height:280px}#management-advanced{margin:16px 0}#management-panel small{color:var(--muted);line-height:1.6}#management-settings{max-width:1050px}#management-summary{font-size:12px;color:var(--muted)}@media(max-width:760px){.mg-capability-row{grid-template-columns:1fr;gap:2px}.mg-rule-row{flex-wrap:wrap}.mg-rule-row label{min-width:110px}.mg-section>label:not(.mg-check){width:100%}.mg-lookup select{width:100%;max-width:100%}#management-panel{padding-left:16px;padding-top:55px}.mg-inline{gap:7px 12px}}
#management-settings>.mg-section>small{display:block}.mg-check+small{margin-top:4px}
/* Matrix direction: aligned rows, quiet surfaces, progressive detail. */
#management-panel{height:100%;padding-bottom:150px;font-size:14px}#management-settings{max-width:none}#management-panel h1{font-size:25px;font-weight:650}#management-panel h2{font-size:17px;font-weight:600}.mg-section{padding:14px 0}.mg-setup{padding-top:0}.mg-setup>small{margin-left:auto;max-width:420px}.mg-check{font-weight:400!important;margin:5px 14px 5px 0!important}.mg-check input{accent-color:var(--accent)}.mg-matrix-heading{display:flex;justify-content:flex-end;margin-top:-32px;margin-bottom:10px}.mg-table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:5px;margin:10px 0}.mg-matrix,.mg-creation-table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}.mg-matrix th,.mg-matrix td,.mg-creation-table th,.mg-creation-table td{padding:10px 14px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:top}.mg-matrix thead,.mg-creation-table thead{background:var(--surface-soft)}.mg-matrix th{font-weight:600;white-space:nowrap}.mg-matrix td{width:28%}.mg-matrix th:first-child{width:16%}.mg-matrix tr:last-child>*,.mg-creation-table tr:last-child>*{border-bottom:0}.mg-matrix tr>:last-child,.mg-creation-table tr>:last-child{border-right:0}.mg-matrix td .mg-check{display:inline-flex;white-space:nowrap}.mg-creation-table th{width:16%;font-weight:500}.mg-creation-table td:nth-child(2){width:32%}.mg-creation-table td:nth-child(3){width:36%}.mg-creation-table label{display:inline-flex;flex-direction:column;gap:3px;margin:0!important;min-width:140px;max-width:100%}.mg-creation-table label span{font-size:11px;color:var(--muted)}.mg-creation-table input,.mg-creation-table select{min-height:32px;padding:5px 8px;font-size:14px}.mg-creation-table td:nth-child(2)>select{width:auto;margin-right:6px}.mg-patterns{display:flex;gap:7px;flex-wrap:wrap}.mg-patterns select{width:auto;max-width:100%}.mg-patterns input{flex:1;min-width:125px}.mg-muted{color:var(--muted)}.mg-targets{border:1px solid var(--border);border-radius:5px;padding:12px 16px;margin:8px 0}.mg-targets>summary{font-weight:500}.mg-targets>label:not(.mg-check){display:inline-flex;flex-direction:column;margin:10px 14px 10px 0}.mg-limits{margin:12px 0}.mg-limits>summary{color:var(--muted);margin-bottom:8px}.mg-client-note{font-size:12px;color:var(--muted);margin-bottom:8px}.mg-client-note p{max-width:700px}.mg-version-detail{color:var(--muted);font-size:12px}.mg-version-detail p{max-width:260px;overflow-wrap:anywhere}.mg-tool-preview{position:relative;font-size:12px;color:var(--muted)}.mg-tool-preview summary{cursor:pointer}.mg-tool-preview ul{padding:10px 14px;list-style:none;max-height:42vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:6px;margin:7px 0}.mg-tool-preview li{display:grid;gap:3px;padding:7px 0;border-bottom:1px solid var(--border)}.mg-tool-preview li:last-child{border:0}.mg-tool-preview li strong{font-weight:500;color:var(--text)}#management-settings>.mg-tool-preview{padding:10px 0}#console-view[data-primary-view=management] .draft-action-bar{border-radius:0;bottom:0;right:0;left:var(--console-sidebar);border-width:1px 0 0;padding:14px 24px;box-shadow:none;align-items:center}#console-view[data-primary-view=management] .draft-action-bar>div:first-child{flex-wrap:wrap}#console-view[data-primary-view=management] #draft-action-summary{display:block;font-size:12px}#console-view[data-primary-view=management] .draft-action-bar>div:last-child{flex:none}.repository-nav-heading:has([aria-expanded=false])~.sidebar-search,.repository-nav-heading:has([aria-expanded=false])~.repository-list{display:none}.repository-nav-block:has([aria-expanded=false]){flex:none}.mg-section>button.quiet{display:block;margin:6px 0 10px}.mg-section>small{display:block}
@media(max-width:1200px){.mg-matrix td .mg-check{display:flex!important}.mg-matrix th,.mg-matrix td{padding:9px 10px}.mg-setup>small{margin-left:0;max-width:none}}
@media(max-width:980px){#console-view[data-primary-view=management] .draft-action-bar{left:0}#management-panel{padding-top:62px}.mg-matrix{min-width:680px}.mg-creation-table{min-width:610px}}
@media(max-width:600px){#management-panel{padding-left:16px;padding-right:16px;padding-bottom:190px}.mg-matrix-heading{margin:0;justify-content:flex-start}.mg-setup{gap:8px}#console-view[data-primary-view=management] .draft-action-bar{padding:10px 14px;gap:8px}.mg-version-detail{max-width:120px}.mg-rule-row{flex-wrap:wrap}.mg-rule-row label{min-width:100px}#management-panel .page-header{gap:8px}}
#management-tool-summary .mg-tool-preview[open]{position:relative}#management-tool-summary .mg-tool-preview[open]>ul{position:absolute;bottom:24px;left:0;width:min(520px,70vw);box-shadow:var(--shadow)}#management-tool-summary .mg-tool-preview[open]>small{display:block;font-size:11px;max-width:280px}#management-tool-summary{min-width:180px}#console-view[data-primary-view=management] .draft-action-bar #management-tool-summary .mg-tool-preview>small{display:none}@media(max-width:600px){#management-tool-summary .mg-tool-preview[open]>ul{width:calc(100vw - 36px)}#console-view[data-primary-view=management] .draft-action-bar>div:first-child{gap:4px 12px}}
.mg-owner{display:inline-flex;flex-direction:column;gap:5px;max-width:100%}.mg-tool-preview li code{font-size:11px;color:var(--muted);overflow-wrap:anywhere}

/* Final visual pass: keep the existing controls and authorization flow. */
#management-panel {
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:14px;
  line-height:1.5;
  color:#24344e;
}
#management-panel .page-header { align-items:flex-start; margin-bottom:10px; }
#management-panel h1 { font-size:25px; line-height:1.3; font-weight:650; letter-spacing:-.025em; color:#15233c; }
#management-panel h2 { font-size:17px; line-height:1.4; font-weight:600; margin-bottom:10px; color:#15233c; }
#management-summary { margin:3px 0 0; font-size:13px; color:#73839b; }
#management-panel small { font-size:12px; color:#7b8ba2; }
#management-panel .mg-section { padding:14px 0; border-color:#edf1f6; }
#management-panel .mg-setup { padding:6px 0 15px; gap:12px 24px; }
#management-panel .mg-setup>.mg-check { margin:3px 0!important; }
#management-panel .mg-setup>small { max-width:none; font-size:12px; }
#management-panel .mg-setup>.mg-check:first-child { font-weight:500!important; gap:10px; margin-right:10px!important; }
#management-panel .mg-setup>.mg-check:first-child input {
  appearance:none; width:36px!important; height:21px; border:0; border-radius:20px; padding:0;
  background:#c6d1df; position:relative; cursor:pointer; transition:background .15s ease;
}
#management-panel .mg-setup>.mg-check:first-child input:before {
  content:""; position:absolute; width:15px; height:15px; top:3px; left:3px;
  border-radius:50%; background:#fff; box-shadow:0 1px 3px #17375b26; transition:transform .15s ease;
}
#management-panel .mg-setup>.mg-check:first-child input:checked { background:var(--accent); }
#management-panel .mg-setup>.mg-check:first-child input:checked:before { transform:translateX(15px); }
#management-panel .mg-client-note { margin-bottom:8px; font-size:12px; }
#management-panel .mg-version-detail summary { padding:3px 8px; border:1px solid #e4eaf2; border-radius:5px; background:#f8fafc; }
#management-panel .mg-matrix-heading { margin-top:-31px; margin-bottom:9px; }
#management-panel .mg-matrix-heading .mg-check { color:#536981; font-size:12px; }
#management-panel .mg-table-scroll { border-color:#e0e7f0; border-radius:6px; margin:9px 0; }
#management-panel .mg-matrix,#management-panel .mg-creation-table { font-size:14px; line-height:1.45; }
#management-panel .mg-matrix thead,#management-panel .mg-creation-table thead { background:#f5f8fc; }
#management-panel .mg-matrix th,#management-panel .mg-matrix td,
#management-panel .mg-creation-table th,#management-panel .mg-creation-table td {
  padding:9px 14px; border-color:#e8edf4; vertical-align:middle;
}
#management-panel .mg-matrix thead th,#management-panel .mg-creation-table thead th {
  padding-top:10px; padding-bottom:10px; font-size:13px; font-weight:600; color:#41536d;
}
#management-panel .mg-matrix tbody th { background:#fcfdff; }
#management-panel .mg-matrix .mg-check { gap:7px; margin:3px 13px 3px 0!important; line-height:1.55; }
#management-panel .mg-matrix th .mg-check { margin-right:0!important; }
#management-panel .mg-resource-name { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; font-weight:500; }
#management-panel .mg-resource-name svg { width:16px; height:16px; color:#60758e; stroke-width:1.7; }
#management-panel .mg-resource-count { margin-left:3px; font-size:12px; color:#8b9ab0; font-weight:400; font-variant-numeric:tabular-nums; }
#management-panel .mg-targets { padding:11px 14px; margin:9px 0 7px; border-color:#e3e9f1; border-radius:6px; }
#management-panel .mg-targets>summary { color:#4e6078; font-size:13px; font-weight:500; }
#management-panel .mg-creation-table th:first-child { width:15%; }
#management-panel .mg-creation-table th:last-child { width:90px; }
#management-panel .mg-creation-table td:nth-child(2) { width:32%; }
#management-panel .mg-creation-table select,#management-panel .mg-creation-table input {
  min-height:32px; border-color:#dce4ee; border-radius:5px; background:#fff; color:#41536d;
  font-size:13px; line-height:1.4; padding:5px 9px; box-shadow:0 1px 1px #21334f03;
}
#management-panel .mg-creation-table select:hover { border-color:#b6c6db; }
#management-panel .mg-creation-table .mg-patterns select { min-width:116px; }
#management-panel .mg-creation-table .mg-owner select { min-width:174px; }
#management-panel .mg-creation-table label span { font-size:11px; }
#management-panel .mg-creation-table td:last-child>button { color:#8493a8; font-weight:400; min-height:28px; padding:4px 8px; font-size:12px; }
#management-panel .mg-creation-table tr:not(.mg-rule-add-row) td:last-child>button:hover { color:var(--danger); background:#fff5f4; }
#management-panel .mg-rule-add-row td,#management-panel .mg-rule-add-row th { padding:4px 14px; background:#fcfdff; }
#management-panel .mg-rule-add-row button { color:#5c7fa8!important; font-size:12px; font-weight:400; min-height:28px; padding:3px 0; }
#management-panel .mg-section>button.quiet { padding:3px 0; min-height:28px; margin:4px 0 8px; color:#6484aa; font-size:12px; font-weight:400; }
#management-panel .mg-section>button.quiet:hover { color:var(--accent); }
#management-panel .mg-section>.mg-check { font-size:13px; margin-top:7px!important; }
#management-panel .mg-limits>summary,#management-advanced>summary { font-size:12px; color:#6d84a2; }
#management-panel .mg-limits { margin:12px 0; }
#management-advanced { margin:12px 0; }
#console-view[data-primary-view=management] .primary-nav button { min-height:42px; gap:10px; font-size:14px; font-weight:500; }
#console-view[data-primary-view=management] .primary-nav button svg { width:18px; height:18px; stroke-width:1.7; }
#console-view[data-primary-view=management] .repository-nav-heading { padding:0 7px; }
#console-view[data-primary-view=management] #toggle-repository-list { flex:1; justify-content:flex-start; padding:5px 0; gap:9px; font-size:13px; font-weight:500; color:#5b6f8a; }
#toggle-repository-list .repository-list-chevron { width:12px; height:12px; margin-left:auto; transition:transform .15s ease; }
#toggle-repository-list[aria-expanded=true] .repository-list-chevron { transform:rotate(90deg); }
#console-view[data-primary-view=management] .draft-action-bar {
  padding:12px 24px; min-height:68px; border-color:#e0e7f0; background:#fffffffa;
  box-shadow:0 -4px 18px #1b365708; backdrop-filter:blur(10px);
}
#console-view[data-primary-view=management] #draft-action-title { font-size:13px; font-weight:600; color:#344760; }
#console-view[data-primary-view=management] .draft-action-bar>div { gap:14px; }
#console-view[data-primary-view=management] .draft-action-bar button { min-height:35px; padding:7px 13px; border-radius:5px; font-size:13px; font-weight:500; }
#console-view[data-primary-view=management] .draft-action-bar button.secondary { border-color:#dfe6ef; color:#60738d; }
#console-view[data-primary-view=management] .draft-action-bar button:disabled { opacity:1; color:#9aa8ba; background:#f6f8fb; border-color:#e5ebf3; }
#console-view[data-primary-view=management] .draft-action-bar #review-draft:not(:disabled) { box-shadow:0 2px 4px #1473e61a; }
@media(max-width:1200px) {
  #management-panel .mg-matrix th,#management-panel .mg-matrix td { padding:9px 10px; }
  #management-panel .mg-resource-name { gap:6px; }
  #management-panel .mg-resource-count { margin-left:0; }
  #management-panel .mg-setup>small { width:100%; }
}
@media(max-width:600px) {
  #management-panel .mg-matrix-heading { margin-top:0; justify-content:flex-start; }
  #management-panel .mg-setup { gap:10px 18px; }
  #console-view[data-primary-view=management] .draft-action-bar { padding:10px 14px; }
  #console-view[data-primary-view=management] .draft-action-bar>div { gap:7px 10px; }
}
@media(prefers-reduced-motion:reduce) {
  #toggle-repository-list .repository-list-chevron,#management-panel .mg-setup input,#management-panel .mg-setup input:before { transition:none!important; }
}

#management-panel .mg-check input { margin:0; }
@media(forced-colors:active) {
  #management-panel .mg-setup>.mg-check:first-child input {
    appearance:auto; width:16px!important; height:16px; background:revert; border:revert;
  }
  #management-panel .mg-setup>.mg-check:first-child input:before { content:none; }
}

/* Unified rules retain the Console's matrix, progressive detail and save bar. */
#management-panel .mg-self-creation{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 12px}
#management-panel .mg-self-creation .mg-patterns{display:inline-flex;align-items:center;flex:0 1 360px}
#management-panel .mg-self-creation .mg-patterns select{min-height:32px;width:auto;padding:5px 9px;font-size:13px}
#management-panel .mg-self-creation small{flex-basis:100%;margin-top:-2px}
#management-panel .mg-administrator-extension{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
#management-panel .mg-administrator-extension small{display:block;margin:0 0 4px 22px}
#management-panel .mg-legacy-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:8px 0 12px;padding:10px 12px;border:1px solid var(--border);border-radius:5px;background:var(--surface-soft);color:var(--text);font-size:12px}
#management-panel .mg-legacy-note span{flex:1;min-width:220px}
#management-panel .mg-legacy-note button{min-height:30px;font-size:12px}