/* System authority center: dense administrative controls with the same M-OPS language. */
.owner-page { display: grid; gap: 16px; }
.owner-hero { display: flex; justify-content: space-between; gap: 22px; min-height: 230px; padding: 24px; border: 1px solid var(--ink); border-top: 5px solid var(--signal); background: var(--ink); color: var(--surface); overflow: hidden; position: relative; }
.owner-hero::after { content: "ROOT / 00"; position: absolute; right: 18px; bottom: -26px; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.16); font: 800 90px/1 "DM Mono", monospace; letter-spacing: -.12em; pointer-events: none; }
.owner-hero > div:first-child { position: relative; z-index: 1; }
.owner-hero .eyebrow { color: var(--signal); }
.owner-hero h2 { margin: 14px 0 6px; color: var(--surface); font-size: clamp(24px, 3vw, 38px); letter-spacing: -.06em; }
.owner-hero p { max-width: 520px; margin: 0; color: #bfc0b7; font-size: 14px; line-height: 1.75; }
.owner-hero-word { color: var(--signal); font: 900 clamp(43px, 7vw, 82px)/.78 "Arial Narrow", "DM Mono", sans-serif; letter-spacing: -.09em; }
.owner-hero-word span { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.76); }
.owner-hero-stamp { position: relative; z-index: 1; align-self: flex-end; min-width: 150px; padding: 14px; border: 1px solid rgba(255,245,0,.6); color: var(--signal); text-align: right; }
.owner-hero-stamp strong { display: block; font: 800 28px/1 "DM Mono", monospace; letter-spacing: -.08em; }
.owner-hero-stamp span, .owner-hero-stamp i { display: block; margin-top: 7px; font-size: 11px; font-style: normal; }
.owner-hero-stamp i { color: var(--teal); font-family: "DM Mono", monospace; }
.owner-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.owner-stat { min-height: 108px; padding: 14px 16px; border: 1px solid var(--line); border-top: 3px solid var(--ink); background: var(--surface); }
.owner-stat:nth-child(1) { border-top-color: var(--amber); }.owner-stat:nth-child(2) { border-top-color: var(--teal); }.owner-stat:nth-child(3) { border-top-color: var(--signal); }.owner-stat:nth-child(4) { border-top-color: var(--ink); }
.owner-stat span, .owner-stat small { display: block; color: var(--muted); font-size: 12px; }.owner-stat strong { display: block; margin: 9px 0 4px; color: var(--ink); font: 800 30px/1 "DM Mono", monospace; }.owner-stat small { font: 10px "DM Mono", monospace; letter-spacing: .06em; }
.owner-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; align-items: start; }
.owner-panel { min-width: 0; }
.owner-panel-note { margin: -3px 0 14px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.owner-account-list, .owner-member-list { display: grid; gap: 9px; }
.owner-member-group { border: 1px solid rgba(16,17,16,.18); background: rgba(232,232,226,.3); }
.owner-member-group summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding: 11px 14px; cursor: pointer; list-style: none; }
.owner-member-group summary::-webkit-details-marker { display: none; }
.owner-member-group summary > span { display: grid; gap: 3px; }
.owner-member-group summary strong { color: var(--ink); font-size: 14px; }
.owner-member-group summary small { color: var(--muted); font-size: 11px; }
.owner-member-group summary b { display: inline-flex; align-items: center; gap: 8px; color: var(--teal); font-family: var(--mono); font-size: 12px; }
.owner-member-group summary i { color: var(--muted); font-family: var(--sans); font-size: 11px; font-style: normal; }
.owner-member-group summary b::after { content: "＋"; color: var(--ink); font-size: 16px; }
.owner-member-group[open] summary { border-bottom: 1px solid rgba(16,17,16,.15); background: rgba(255,245,0,.12); }
.owner-member-group[open] summary b::after { content: "－"; }
.owner-member-group-body { display: grid; gap: 10px; padding: 10px; }
.owner-application-choice { display: grid; gap: 7px; margin: 0; padding: 0; border: 0; }
.owner-application-choice legend { margin-bottom: 2px; color: var(--ink); font-size: 12px; font-weight: 700; }
.owner-application-choice label { display: flex; align-items: center; gap: 9px; min-height: 45px; padding: 8px 10px; border: 1px solid var(--line); background: var(--surface); cursor: pointer; }
.owner-application-choice label:has(input:checked) { border-color: var(--teal); background: rgba(20,208,208,.1); }
.owner-application-choice input { width: 17px; height: 17px; accent-color: var(--teal); }
.owner-application-choice label span { display: grid; gap: 3px; }
.owner-application-choice small, .owner-readonly-department span { color: var(--muted); font-size: 11px; }
.owner-readonly-department { display: grid; gap: 4px; padding: 9px 10px; border: 1px solid var(--line); background: rgba(232,232,226,.5); }
.department-group-card.is-locked { border-color: rgba(20,208,208,.45); background: rgba(20,208,208,.035); }
.department-group-card.is-locked .department-group-head { border-bottom: 1px solid var(--line); }
.department-group-card.is-locked h3 { margin: 5px 0 0; font-size: 17px; }
.department-locked-members { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 13px 2px; }
.department-locked-members span { padding: 5px 8px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font-size: 12px; }
.department-locked-members small, .department-empty-note { color: var(--muted); font-size: 12px; }
.owner-account-card { display: flex; justify-content: space-between; gap: 13px; padding: 13px; border: 1px solid var(--line); border-left: 3px solid var(--teal); background: rgba(20,208,208,.035); }
.owner-account-card.is-pending { border-left-color: var(--amber); background: rgba(217,130,43,.055); }.owner-account-card.is-suspended { border-left-color: var(--red); opacity: .78; }
.owner-account-main { min-width: 0; }.owner-account-index { color: var(--muted); font: 10px "DM Mono", monospace; letter-spacing: .05em; }.owner-account-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 5px; }.owner-account-heading strong { font-size: 16px; }.owner-account-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; color: var(--muted); font: 11px "DM Mono", "Microsoft YaHei", sans-serif; }.owner-account-meta span + span { position: relative; }.owner-account-meta span + span::before { content: "/"; position: absolute; left: -8px; color: var(--line-strong); }
.owner-action-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; align-self: center; }.owner-self-note { color: var(--muted); font: 11px "DM Mono", monospace; }.owner-member-card { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 12px; padding: 13px; border: 1px solid var(--line); background: var(--surface); }.owner-member-identity strong { display: block; font-size: 15px; }.owner-member-identity span { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.5; }.owner-member-controls { display: grid; grid-template-columns: 1fr 1fr auto; gap: 7px; align-items: end; }.owner-member-controls label { display: grid; gap: 4px; }.owner-member-controls label > span { color: var(--muted); font-size: 11px; }.owner-member-controls .select { min-width: 0; width: 100%; }.owner-member-controls .button { min-height: 40px; }.owner-permission-panel { margin-bottom: 10px; }.owner-role-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }.owner-role-grid > div { min-height: 93px; padding: 12px; border: 1px solid var(--line); background: rgba(16,17,16,.025); }.owner-role-grid strong { display: block; margin-bottom: 7px; font-size: 14px; }.owner-role-grid span { color: var(--muted); font-size: 12px; line-height: 1.6; }
.owner-group-field { display: grid; gap: 8px; margin: 0 0 14px; padding: 12px; border: 1px solid var(--line); }.owner-group-field legend { padding: 0 4px; color: var(--muted); font-size: 12px; }.owner-group-field label { display: flex; align-items: center; gap: 7px; min-height: 34px; font-size: 14px; }.owner-group-field input { width: 17px; height: 17px; accent-color: var(--teal-dark); }
@media (max-width: 900px) { .owner-layout { grid-template-columns: 1fr; } .owner-role-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .owner-hero { min-height: 250px; padding: 17px; flex-direction: column; }.owner-hero::after { right: 8px; bottom: -12px; font-size: 54px; }.owner-hero-word { font-size: clamp(43px, 16vw, 74px); }.owner-hero h2 { margin-top: 11px; font-size: 25px; }.owner-hero p { font-size: 13px; }.owner-hero-stamp { align-self: flex-start; min-width: 135px; }.owner-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.owner-stat { min-height: 96px; padding: 12px; }.owner-stat strong { font-size: 25px; }.owner-account-card { display: grid; gap: 11px; }.owner-action-row { justify-content: flex-start; }.owner-member-card { grid-template-columns: 1fr; }.owner-member-controls { grid-template-columns: 1fr 1fr; }.owner-member-controls .button { grid-column: 1 / -1; width: 100%; }.owner-role-grid { grid-template-columns: 1fr; } }

/* Department management: ministers arrange the approved people into flexible group units. */
.department-page { display: grid; gap: 16px; }
.department-hero { display: flex; justify-content: space-between; gap: 22px; min-height: 228px; padding: 24px; border: 1px solid var(--ink); border-top: 5px solid var(--teal); background: var(--ink); color: var(--surface); overflow: hidden; position: relative; }
.department-hero::after { content: "GROUP / 01"; position: absolute; right: 18px; bottom: -25px; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.15); font: 800 86px/1 "DM Mono", monospace; letter-spacing: -.12em; pointer-events: none; }
.department-hero > div:first-child { position: relative; z-index: 1; }.department-hero .eyebrow { color: var(--teal); }.department-hero h2 { margin: 14px 0 6px; color: var(--surface); font-size: clamp(24px, 3vw, 38px); letter-spacing: -.06em; }.department-hero p { max-width: 540px; margin: 0; color: #bfc0b7; font-size: 14px; line-height: 1.75; }.department-hero-word { color: var(--teal); font: 900 clamp(43px, 7vw, 82px)/.78 "Arial Narrow", "DM Mono", sans-serif; letter-spacing: -.09em; }.department-hero-word span { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.76); }.department-hero-stamp { position: relative; z-index: 1; align-self: flex-end; min-width: 145px; padding: 14px; border: 1px solid rgba(20,208,208,.7); color: var(--teal); text-align: right; }.department-hero-stamp strong { display: block; font: 800 30px/1 "DM Mono", monospace; }.department-hero-stamp span, .department-hero-stamp i { display: block; margin-top: 7px; font-size: 11px; font-style: normal; }.department-hero-stamp i { color: var(--signal); font-family: "DM Mono", monospace; }
.department-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }.department-summary > div { min-height: 94px; padding: 13px 16px; border: 1px solid var(--line); border-top: 3px solid var(--ink); background: var(--surface); }.department-summary > div:nth-child(1) { border-top-color: var(--teal); }.department-summary > div:nth-child(2) { border-top-color: var(--signal); }.department-summary > div:nth-child(3) { border-top-color: var(--amber); }.department-summary > div:nth-child(4) { border-top-color: var(--ink); }.department-summary span { display: block; color: var(--muted); font-size: 12px; }.department-summary strong { display: block; margin-top: 10px; color: var(--ink); font: 800 22px/1.15 "DM Mono", "Microsoft YaHei", sans-serif; }
.department-create-form { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr) auto; gap: 12px; align-items: end; }.department-manager-inline { display: flex; flex-wrap: wrap; gap: 7px; min-height: 42px; align-items: center; }.department-check { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 8px; border: 1px solid var(--line); background: rgba(255,255,255,.34); cursor: pointer; }.department-check:hover { border-color: var(--teal-dark); }.department-check input { width: 17px; height: 17px; flex: 0 0 auto; accent-color: var(--teal-dark); }.department-check span { display: grid; min-width: 0; gap: 2px; }.department-check strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.department-check small { color: var(--muted); font-size: 10px; }.department-check.compact { min-height: 39px; }.department-check.compact span { display: block; }.department-group-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.department-group-card { min-width: 0; border: 1px solid var(--line); background: var(--surface); }.department-group-head { display: flex; justify-content: space-between; gap: 12px; padding: 15px; border-bottom: 1px solid var(--line); background: rgba(20,208,208,.04); }.department-group-head p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }.department-group-name { display: block; width: min(100%, 260px); margin-top: 5px; padding: 0; border: 0; border-bottom: 1px solid transparent; background: transparent; color: var(--ink); font-size: 20px; font-weight: 900; letter-spacing: -.05em; outline: none; }.department-group-name:focus { border-bottom-color: var(--teal-dark); }.department-group-stat { flex: 0 0 auto; text-align: right; }.department-group-stat strong { display: block; color: var(--teal-dark); font: 800 27px/1 "DM Mono", monospace; }.department-group-stat span { color: var(--muted); font: 10px "DM Mono", monospace; }.department-group-body { display: grid; gap: 12px; padding: 14px; }.department-fieldset { min-width: 0; margin: 0; padding: 10px; border: 1px solid var(--line); }.department-fieldset legend { padding: 0 4px; color: var(--muted); font-size: 11px; }.department-manager-grid, .department-member-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }.department-member-grid { max-height: 230px; overflow-y: auto; }.department-check.member { align-items: flex-start; }.department-preserved { display: block; margin-top: 8px; color: var(--teal-dark); font-size: 11px; line-height: 1.5; }.department-group-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-top: 1px solid var(--line); }.department-save-note { color: var(--muted); font-size: 11px; }
@media (max-width: 1000px) { .department-group-list { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .department-hero { min-height: 250px; padding: 17px; flex-direction: column; }.department-hero::after { right: 8px; bottom: -10px; font-size: 52px; }.department-hero-word { width: 100%; max-width: 100%; overflow-wrap: anywhere; font-size: clamp(32px, 12vw, 62px); line-height: .82; letter-spacing: -.13em; }.department-hero h2 { margin-top: 11px; font-size: 25px; }.department-hero p { font-size: 13px; }.department-hero-stamp { align-self: flex-start; min-width: 135px; }.department-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.department-summary > div { min-height: 88px; padding: 12px; }.department-summary strong { font-size: 18px; }.department-create-form { grid-template-columns: 1fr; gap: 10px; }.department-create-form > .button { width: 100%; min-height: 44px; }.department-group-head { padding: 13px; }.department-group-name { font-size: 18px; }.department-manager-grid, .department-member-grid { grid-template-columns: 1fr; }.department-group-footer { align-items: stretch; flex-direction: column; }.department-group-footer .button { width: 100%; min-height: 44px; } }