:root {
  color-scheme: light;
  --ink: #172925;
  --muted: #637671;
  --teal: #0a8f7d;
  --teal-dark: #09695e;
  --danger: #b44839;
  --paper: rgba(255, 253, 248, .76);
  --line: rgba(255, 255, 255, .62);
  font-family: "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", sans-serif;
  color: var(--ink);
  background: #e9eee9;
}
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; overflow-x: hidden; }
button { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible { outline: 3px solid rgba(10,143,125,.3); outline-offset: 3px; }
[hidden] { display: none !important; }
.admin-backdrop { position: fixed; inset: 0; z-index: -1; background: radial-gradient(circle at 9% 11%, rgba(244,180,97,.23), transparent 31%), radial-gradient(circle at 88% 8%, rgba(48,177,153,.3), transparent 34%), radial-gradient(circle at 78% 90%, rgba(119,101,240,.13), transparent 39%), linear-gradient(145deg,#f8f3ea,#e3eee9 56%,#d7e5e1); }
.admin-backdrop::after { content: "Aa"; position: absolute; right: -2vw; bottom: -14vh; color: rgba(255,255,255,.26); font: italic 700 min(38vw,540px)/1 Georgia,serif; }
.admin-header { width: min(1240px,calc(100% - 40px)); min-height: 104px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin-brand { display: inline-flex; align-items: center; gap: 13px; color: var(--ink); text-decoration: none; }
.admin-brand > span { width: 54px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 17px; color: #fff; background: linear-gradient(145deg,#22b49f,#08796c); box-shadow: inset 0 1px rgba(255,255,255,.6),0 13px 34px rgba(8,121,108,.23); font: 34px Georgia,serif; }
.admin-brand strong { font-size: 24px; }
.admin-header nav { display: flex; align-items: center; gap: 10px; }
.admin-header nav a,.admin-header nav span { padding: 11px 15px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.42); box-shadow: inset 0 1px rgba(255,255,255,.82); backdrop-filter: blur(24px) saturate(180%); font-size: 13px; font-weight: 700; text-decoration: none; }
.admin-header nav span { display: inline-flex; align-items: center; gap: 9px; }
.admin-header nav i { width: 8px; height: 8px; border-radius: 50%; background: #d6a545; box-shadow: 0 0 0 5px rgba(214,165,69,.13); }
.admin-shell { width: min(1240px,calc(100% - 40px)); margin: 18px auto 64px; display: grid; grid-template-columns: minmax(300px,.7fr) minmax(580px,1.3fr); gap: 34px; align-items: start; }
.admin-hero { position: sticky; top: 28px; padding: 42px 8px; }
.kicker { margin: 0 0 10px; color: var(--teal); font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.admin-hero h1 { margin: 0; font-size: clamp(48px,5.6vw,76px); line-height: 1.04; letter-spacing: -.055em; }
.admin-hero h1 em { white-space: nowrap; color: var(--teal); font: italic 400 .84em Georgia,"Times New Roman",serif; }
.admin-hero > p:not(.kicker) { margin: 25px 0; color: var(--muted); font-size: 17px; line-height: 1.8; }
.safety-note { padding: 18px; display: grid; gap: 7px; border-left: 3px solid #d6a545; border-radius: 0 16px 16px 0; background: rgba(255,255,255,.35); backdrop-filter: blur(18px); }
.safety-note span { color: var(--muted); font-size: 13px; line-height: 1.65; }
.admin-workspace { min-height: 650px; padding: clamp(24px,3vw,38px); border: 1px solid var(--line); border-radius: 34px; background: var(--paper); box-shadow: inset 0 1px rgba(255,255,255,.95),inset 0 -1px rgba(32,75,65,.06),0 32px 90px rgba(39,62,55,.16); backdrop-filter: blur(30px) saturate(190%); }
.state-panel { min-height: 570px; display: grid; place-content: center; justify-items: center; gap: 17px; color: var(--muted); text-align: center; }
.spinner { width: 34px; height: 34px; border: 3px solid rgba(10,143,125,.15); border-top-color: var(--teal); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(1turn); } }
.state-error > span { width: 58px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 19px; color: #fff; background: var(--danger); font-size: 27px; font-weight: 900; }
.state-error h2,.state-error p { margin: 0; }
.admin-login { max-width: 34rem; margin: 3rem auto; padding: clamp(22px,4vw,38px); border: 1px solid rgba(255,255,255,.7); border-radius: 28px; background: rgba(255,255,255,.58); box-shadow: inset 0 1px rgba(255,255,255,.9),0 20px 48px rgba(22,55,48,.1); }
.admin-login h2 { margin: 6px 0 10px; font-size: 32px; }
.admin-login > p:not(.kicker) { color: var(--muted); line-height: 1.65; }
.admin-login form { display: grid; gap: 16px; margin-top: 20px; }
.admin-login label { display: grid; gap: 7px; font-weight: 800; }
.admin-login input { width: 100%; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.82); color: var(--ink); font: inherit; }
.admin-login input:focus-visible { outline: 3px solid rgba(18,157,137,.25); border-color: var(--teal); }
.administrator-turnstile { min-height: 65px; }
.workspace-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.workspace-heading,.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.workspace-heading h2 { margin: 0; font-size: 34px; }
.admin-section-directory { position: sticky; top: 10px; z-index: 30; margin: 16px 0 20px; padding: 10px 11px; display: grid; gap: 8px; border: 1px solid rgba(255,255,255,.68); border-radius: 16px; background: rgba(246,251,248,.82); backdrop-filter: blur(24px) saturate(190%); box-shadow: inset 0 1px rgba(255,255,255,.9),0 12px 30px rgba(33,69,64,.1); }
.admin-section-directory > div:first-child { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.admin-section-directory > div:first-child strong { font-size: 11px; }
.admin-section-directory > div:first-child span { color: var(--muted); font-size: 9px; }
.admin-section-directory-links { display: flex; gap: 7px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
.admin-section-directory-links a { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(30,45,42,.1); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.58); font-size: 10px; font-weight: 850; text-decoration: none; }
.admin-section-directory-links a[aria-current="location"] { color: #fff; border-color: rgba(10,143,125,.62); background: linear-gradient(135deg,#19a58e,#087b6c); box-shadow: 0 7px 16px rgba(8,123,108,.17); }
.admin-directory-target { scroll-margin-top: 112px; }
.admin-directory-target:focus-visible { outline: 3px solid rgba(90,61,173,.25); outline-offset: 5px; }
.summary-grid { margin: 24px 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.summary-grid div { padding: 17px; border: 1px solid rgba(30,45,42,.08); border-radius: 18px; background: rgba(255,255,255,.5); }
.summary-grid dt { color: var(--muted); font-size: 11px; }
.summary-grid dd { margin: 5px 0 0; font: 700 29px Georgia,serif; }
.security-card { margin: 0 0 22px; padding: 21px; border: 1px solid rgba(10,143,125,.18); border-radius: 21px; background: rgba(222,242,235,.4); }
.security-card h3 { margin: 0; font-size: 21px; }
.security-card > p { margin: 13px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.security-assessment { padding: 7px 11px; border-radius: 999px; color: #52645f; background: rgba(255,255,255,.62); font-size: 11px; white-space: nowrap; }
.security-assessment[data-level="quiet"] { color: #087363; background: rgba(178,231,216,.68); }
.security-assessment[data-level="elevated"] { color: #84580a; background: rgba(250,226,161,.72); }
.security-assessment[data-level="high"] { color: #963f32; background: rgba(247,210,201,.8); }
.security-card > .security-assessment-text { color: var(--ink); font-weight: 800; }
.account-control-card { margin: 0 0 22px; padding: 21px; border: 1px solid rgba(90,61,173,.18); border-radius: 21px; background: linear-gradient(145deg,rgba(245,240,255,.62),rgba(222,242,235,.42)); }
.account-control-card h3 { margin: 0; font-size: 21px; }
.account-control-card > p { color: var(--muted); font-size: 12px; line-height: 1.65; }
.account-control-status { padding: 7px 11px; border-radius: 999px; color: #5a3dad; background: rgba(235,227,255,.76); font-size: 11px; white-space: nowrap; }
.account-control-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.account-control-grid > div { min-width: 0; padding: 14px; border: 1px solid rgba(30,45,42,.08); border-radius: 16px; background: rgba(255,255,255,.5); }
.account-control-grid ul { margin: 11px 0 0; padding: 0; display: grid; gap: 9px; list-style: none; }
.account-control-grid li { min-width: 0; display: grid; gap: 3px; }
.account-control-grid li strong { overflow-wrap: break-word; font-size: 12px; }
.account-control-grid li span { color: var(--muted); font-size: 10px; line-height: 1.55; }
.account-control-card > .account-control-safety { margin-bottom: 0; color: #623b8d; font-weight: 700; }
.account-message-storage-state { margin-top: 15px; padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid rgba(10,143,125,.16); border-radius: 15px; background: rgba(222,242,235,.48); }
.account-message-storage-state > div { min-width: 0; display: grid; gap: 5px; }
.account-message-storage-state span { color: var(--muted); font-size: 11px; line-height: 1.55; }
.account-message-storage-state > .account-message-storage-actions { display: flex; align-items: stretch; gap: 9px; }
.account-control-rehearsal { margin-top: 15px; padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid rgba(90,61,173,.16); border-radius: 15px; background: rgba(255,255,255,.52); }
.account-control-rehearsal > div { min-width: 0; display: grid; gap: 5px; }
.account-control-rehearsal span { color: var(--muted); font-size: 11px; line-height: 1.55; }
.security-grid { margin: 16px 0 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; }
.security-grid div { padding: 13px; border: 1px solid rgba(30,45,42,.08); border-radius: 15px; background: rgba(255,255,255,.52); }
.security-grid dt { color: var(--muted); font-size: 10px; }
.security-grid dd { margin: 4px 0 0; font: 700 24px Georgia,serif; }
.primary-button,.secondary-button,.state-error button,.status-button { min-height: 43px; padding: 9px 15px; border-radius: 13px; cursor: pointer; font-weight: 900; transition: transform .18s ease,box-shadow .18s ease; }
.primary-button { border: 1px solid rgba(255,255,255,.38); color: #fff; background: linear-gradient(145deg,#14a38f,#08776a); box-shadow: inset 0 1px rgba(255,255,255,.35),0 12px 28px rgba(8,119,106,.18); }
.secondary-button,.state-error button,.status-button { border: 1px solid rgba(30,45,42,.13); color: var(--teal-dark); background: rgba(255,255,255,.68); }
button:disabled { cursor: wait; opacity: .6; }
.invitation-card { padding: 21px; display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; border: 1px solid rgba(214,165,69,.28); border-radius: 21px; background: rgba(255,243,211,.48); }
.invitation-card h3,.accounts-section h3,.administration-events-section h3 { margin: 0; font-size: 21px; }
.invitation-card p:not(.kicker) { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.invitation-result { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; align-items: center; }
.invitation-result code { min-width: 0; padding: 11px 13px; overflow-wrap: anywhere; border-radius: 12px; color: var(--teal-dark); background: rgba(255,255,255,.58); font-weight: 700; }
.invitation-result span { color: var(--muted); font-size: 11px; }
#formalStorageAcceptanceCard .invitation-result { grid-template-columns: minmax(0,1fr) auto; align-items: start; }
#formalStorageAcceptanceCard .invitation-result > strong,#formalStorageAcceptanceCard .invitation-result > span { grid-column: 1; min-width: 0; overflow-wrap: break-word; }
#formalStorageAcceptanceCard .invitation-result > button { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.accounts-section { margin-top: 28px; }
.section-heading > span { color: var(--muted); font-size: 11px; }
.section-heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; align-items: center; }
.section-heading-actions > span:not(.administration-persistence) { color: var(--muted); font-size: 10px; }
.section-heading-actions > button { min-height: 36px; padding: 7px 11px; font-size: 10px; }
.account-list { margin-top: 14px; display: grid; gap: 10px; }
.account-directory-view-switch { margin-top: 14px; display: inline-flex; gap: 6px; padding: 5px; border: 1px solid rgba(30,45,42,.1); border-radius: 999px; background: rgba(255,255,255,.48); }
.account-directory-view-switch button { min-height: 38px; padding: 8px 14px; border: 0; border-radius: 999px; color: var(--muted); background: transparent; font-size: 11px; font-weight: 850; }
.account-directory-view-switch button[aria-selected="true"] { color: #fff; background: linear-gradient(135deg,#19a58e,#087b6c); box-shadow: 0 7px 16px rgba(8,123,108,.18); }
.account-user-directory > #accountUserResultCount { display: block; margin-top: 13px; color: var(--muted); font-size: 11px; }
.account-card { padding: 16px; display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; align-items: center; border: 1px solid rgba(30,45,42,.1); border-radius: 17px; background: rgba(255,255,255,.48); }
.account-identity { min-width: 0; display: grid; gap: 5px; }
.account-identity-heading { min-width: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: center; }
.account-identity strong { min-width: 0; font-size: 17px; overflow-wrap: break-word; word-break: normal; }
.account-identity code { max-width: 100%; color: var(--muted); font-size: 10px; overflow-wrap: break-word; word-break: break-word; }
.account-pin-button { min-height: 31px; padding: 5px 9px; border: 1px solid rgba(214,165,69,.28); border-radius: 999px; color: #81600e; background: rgba(255,248,222,.72); cursor: pointer; font-size: 10px; font-weight: 900; white-space: nowrap; }
.account-pin-button[data-pinned="true"] { color: #fff; border-color: rgba(190,136,31,.58); background: linear-gradient(145deg,#d9a83a,#a46c0f); box-shadow: 0 7px 16px rgba(164,108,15,.16),inset 0 1px rgba(255,255,255,.35); }
.account-pin-button:focus-visible { outline: 3px solid rgba(214,165,69,.2); outline-offset: 2px; }
.account-meta { display: flex; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 11px; }
.account-actions { min-width: 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(135px,1fr)); gap: 8px; }
.account-actions .status-button { width: 100%; min-width: 0; }
.account-feature-directory { margin-top: 14px; padding: 16px; border: 1px solid rgba(90,61,173,.17); border-radius: 19px; background: linear-gradient(135deg,rgba(248,245,255,.67),rgba(235,248,243,.58)); }
.account-feature-directory-heading,.account-feature-panel-heading { display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.account-feature-directory-heading h4,.account-feature-panel-heading h5 { margin: 0; }
.account-feature-directory-actions { display: flex; justify-content: flex-end; gap: 9px; align-items: center; }
.account-feature-directory-actions > span { color: var(--muted); font-size: 11px; text-align: right; }
.account-feature-directory-actions > button { flex: 0 0 auto; min-height: 38px; padding: 8px 12px; font-size: 10px; }
.account-feature-tabs { margin-top: 13px; display: flex; flex-wrap: wrap; gap: 8px; }
.account-feature-tab { min-height: 38px; padding: 8px 12px; border: 1px solid rgba(30,45,42,.11); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.58); font-size: 11px; font-weight: 850; }
.account-feature-tab[data-selected="true"] { color: #fff; border-color: rgba(10,143,125,.6); background: linear-gradient(135deg,#19a58e,#087b6c); box-shadow: 0 8px 18px rgba(8,123,108,.18),inset 0 1px 0 rgba(255,255,255,.3); }
.account-feature-tab:focus-visible { outline: 3px solid rgba(90,61,173,.24); outline-offset: 2px; }
.account-feature-keyboard-hint { margin: 9px 2px 0; padding: 8px 10px; border-left: 3px solid rgba(90,61,173,.52); border-radius: 0 10px 10px 0; color: var(--muted); background: rgba(255,255,255,.42); font-size: 10px; line-height: 1.55; }
.account-feature-panel { margin-top: 13px; padding: 14px; border: 1px solid rgba(30,45,42,.09); border-radius: 15px; background: rgba(255,255,255,.55); }
.account-feature-panel-heading > div { min-width: 0; display: grid; gap: 4px; }
.account-feature-panel-heading p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.account-feature-panel-heading > strong { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: var(--teal-dark); background: rgba(178,231,216,.45); font-size: 10px; }
.account-feature-search { margin-top: 13px; display: grid; gap: 7px; }
.account-feature-search > label { color: var(--ink); font-size: 11px; font-weight: 900; }
.account-feature-search-row { display: grid; grid-template-columns: minmax(180px,1fr) auto auto; gap: 8px; }
.account-feature-search-row input { min-width: 0; padding: 10px 12px; border: 1px solid rgba(30,45,42,.14); border-radius: 12px; color: var(--ink); background: rgba(255,255,255,.82); }
.account-feature-search-row input:focus { border-color: rgba(10,143,125,.55); outline: 3px solid rgba(10,143,125,.09); }
.account-feature-search-row button { min-height: 40px; padding: 8px 12px; }
.account-feature-search > p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.account-result-search { margin-top: 13px; display: grid; gap: 7px; }
.account-result-search > label { color: var(--ink); font-size: 11px; font-weight: 900; }
.account-result-search > span { color: var(--muted); font-size: 10px; }
.account-result-search .account-feature-search-row { grid-template-columns: minmax(180px,1fr) auto; }
.admin-live-refresh-status { margin-top: 5px; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; }
.admin-live-refresh-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 4px rgba(10,143,125,.12); }
.account-feature-selection-toolbar { margin-top: 11px; padding: 9px 10px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; border: 1px solid rgba(30,45,42,.08); border-radius: 12px; background: rgba(235,248,243,.58); }
.account-feature-selection-toolbar label { display: flex; gap: 7px; align-items: center; color: var(--ink); font-size: 11px; font-weight: 850; }
.account-feature-selection-toolbar input,.account-feature-user-row > input { width: 18px; height: 18px; accent-color: var(--teal); }
.account-feature-selection-toolbar > span { margin-right: auto; color: var(--muted); font-size: 10px; }
.account-feature-selection-toolbar > button { min-height: 34px; padding: 6px 10px; font-size: 10px; }
.account-feature-user-list { margin-top: 11px; display: grid; gap: 8px; }
.account-feature-user-row { min-width: 0; padding: 11px 12px; display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 12px; align-items: center; border: 1px solid rgba(30,45,42,.08); border-radius: 13px; background: rgba(255,255,255,.69); cursor: pointer; }
.account-feature-user-row[data-selected="true"] { border-color: rgba(10,143,125,.38); background: rgba(225,246,239,.74); box-shadow: inset 0 0 0 1px rgba(10,143,125,.07); }
.account-feature-user-row:focus-within { border-color: rgba(90,61,173,.46); outline: 3px solid rgba(90,61,173,.1); outline-offset: 1px; }
.account-feature-user-row > div { min-width: 0; display: grid; gap: 3px; }
.account-feature-user-row > div strong { font-size: 13px; overflow-wrap: anywhere; }
.account-feature-user-row > div code { max-width: 100%; color: var(--muted); font-size: 9px; overflow-wrap: anywhere; word-break: break-word; }
.account-feature-user-row > div span { color: var(--muted); font-size: 10px; }
.account-feature-action { white-space: nowrap; }
.account-feature-open-selection { margin-top: 11px; display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.account-feature-open-selection > span { color: var(--muted); font-size: 10px; line-height: 1.5; }
.account-feature-open-selection > button { flex: 0 0 auto; }
.account-feature-workflow { margin-top: 14px; padding: 17px; border: 1px solid rgba(10,143,125,.22); border-radius: 18px; background: linear-gradient(135deg,rgba(239,251,247,.76),rgba(248,245,255,.65)); }
.account-feature-workflow > .deletion-preview-heading { position: sticky; top: 10px; z-index: 3; padding: 10px; border: 1px solid rgba(10,143,125,.12); border-radius: 14px; background: rgba(245,252,249,.9); backdrop-filter: blur(18px) saturate(170%); box-shadow: 0 10px 24px rgba(33,69,64,.08); }
.account-feature-workflow h4 { margin: 0; font-size: 18px; }
.account-feature-workflow > p { color: var(--muted); font-size: 11px; line-height: 1.6; }
.account-feature-workflow-list { display: grid; gap: 9px; }
.account-feature-workflow-row { min-width: 0; padding: 12px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; align-items: center; border: 1px solid rgba(30,45,42,.09); border-radius: 14px; background: rgba(255,255,255,.7); }
.account-feature-workflow-row[data-active="true"] { border-color: rgba(10,143,125,.42); background: rgba(225,246,239,.76); box-shadow: inset 3px 0 0 var(--teal); }
.account-feature-workflow-row:focus-within { border-color: rgba(90,61,173,.46); outline: 3px solid rgba(90,61,173,.1); outline-offset: 1px; }
.account-feature-workflow-row > div { min-width: 0; display: grid; gap: 4px; }
.account-feature-workflow-row strong { overflow-wrap: break-word; font-size: 14px; }
.account-feature-workflow-row code { max-width: 100%; color: var(--muted); overflow-wrap: anywhere; word-break: break-word; font-size: 9px; }
.account-feature-workflow-row > div span { color: var(--muted); font-size: 10px; }
.account-feature-workflow-action { min-width: 132px; }
.change-ticket-button { color: #076f62; background: rgba(215,238,231,.76); }
.account-read-only-button { color: #315f70; background: rgba(220,239,245,.78); }
.account-read-only-panel { border-color: rgba(49,95,112,.22); background: rgba(235,247,250,.5); }
.account-read-only-panel > .deletion-preview-heading { position: sticky; top: 10px; z-index: 3; padding: 10px; border: 1px solid rgba(49,95,112,.12); border-radius: 14px; background: rgba(244,251,251,.88); backdrop-filter: blur(18px) saturate(170%); box-shadow: 0 10px 24px rgba(33,69,64,.08); }
.account-read-only-results { margin-top: 14px; display: grid; gap: 12px; }
.account-read-only-result { min-width: 0; padding: 14px; border: 1px solid rgba(49,95,112,.18); border-radius: 16px; background: rgba(255,255,255,.6); }
.account-read-only-result[data-status="error"] { border-color: rgba(184,72,55,.28); background: rgba(255,239,235,.68); }
.account-read-only-result-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.account-read-only-result-heading > div { min-width: 0; display: grid; gap: 4px; }
.account-read-only-result-heading strong { font-size: 15px; overflow-wrap: anywhere; }
.account-read-only-result-heading code { color: var(--muted); font-size: 9px; overflow-wrap: anywhere; }
.account-read-only-result-heading > span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: var(--teal-dark); background: rgba(178,231,216,.45); font-size: 10px; font-weight: 850; }
.account-read-only-result[data-status="error"] .account-read-only-result-heading > span { color: #9a3d30; background: rgba(248,205,197,.58); }
.account-presence-results { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.account-presence-summary { margin-top: 14px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.account-presence-summary-item { min-width: 0; padding: 13px 15px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.56); }
.account-presence-summary-item span,.account-presence-summary-item small { display: block; color: var(--muted); }
.account-presence-summary-item strong { display: block; margin-top: 4px; font: 700 24px/1 Georgia,serif; }
.account-presence-summary-item[data-wide="true"] { grid-column: 1/-1; }
.account-presence-summary-item[data-wide="true"] strong { font: 700 14px/1.55 system-ui,sans-serif; overflow-wrap: anywhere; }
.account-presence-result[data-status="online"] { border-color: rgba(12,151,126,.38); background: rgba(224,248,240,.72); }
.account-presence-result[data-status="offline"] .account-read-only-result-heading > span { color: var(--muted); background: rgba(110,126,124,.12); }
.account-presence-result > p { margin: 12px 0 0; color: var(--muted); line-height: 1.55; }
.account-read-only-result-error { margin: 12px 0 0; color: #9a3d30; font-size: 11px; line-height: 1.55; }
.account-read-only-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.account-read-only-item { min-width: 0; padding: 13px; display: grid; gap: 6px; border: 1px solid rgba(30,45,42,.1); border-radius: 14px; background: rgba(255,255,255,.64); }
.account-read-only-item strong { font-size: 14px; }
.account-read-only-item span,.account-read-only-item p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.account-read-only-item[data-status="device-local-not-inspected"] { background: rgba(245,242,234,.68); }
.account-read-only-item[data-status="container-metadata-only"] { border-style: dashed; }
.change-ticket-panel { border-color: rgba(10,143,125,.24); background: rgba(235,248,243,.5); }
.change-ticket-form { margin: 14px 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; align-items: end; }
.change-ticket-form label { display: grid; gap: 6px; color: var(--ink); font-size: 11px; font-weight: 900; }
.change-ticket-form select,.change-ticket-form textarea { width: 100%; padding: 10px 12px; border: 1px solid rgba(30,45,42,.14); border-radius: 12px; color: var(--ink); background: rgba(255,255,255,.8); resize: vertical; }
.change-ticket-form select:focus,.change-ticket-form textarea:focus { border-color: rgba(10,143,125,.55); outline: 3px solid rgba(10,143,125,.09); }
.learning-settings-form { margin: 14px 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; align-items: end; }
.learning-settings-form label { min-height: 46px; display: flex; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid rgba(30,45,42,.12); border-radius: 12px; background: rgba(255,255,255,.62); color: var(--ink); font-size: 12px; font-weight: 850; }
.learning-settings-form .learning-settings-permission-control { grid-column: 1/-1; border-color: rgba(90,61,173,.18); background: rgba(245,241,255,.72); }
.learning-settings-form input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--teal); }
.learning-settings-form input[type="date"],.learning-settings-form select,.learning-settings-form textarea { width: 100%; padding: 9px 11px; border: 1px solid rgba(30,45,42,.14); border-radius: 10px; color: var(--ink); background: rgba(255,255,255,.82); }
.learning-settings-form label:has(input[type="date"]),.learning-settings-form label:has(select),.learning-settings-reason { display: grid; align-items: initial; }
.learning-settings-reason { grid-column: 1/-1; }
.learning-settings-history { display: grid; gap: 10px; margin-top: 16px; }
.api-configuration-button { color: #315f70; background: rgba(220,239,245,.78); }
.api-configuration-panel { border-color: rgba(49,95,112,.26); background: rgba(235,247,250,.58); }
.api-configuration-summary { margin: 14px 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.api-configuration-summary div { min-width: 0; padding: 12px; border: 1px solid rgba(30,45,42,.09); border-radius: 13px; background: rgba(255,255,255,.66); }
.api-configuration-summary dt { color: var(--muted); font-size: 10px; }
.api-configuration-summary dd { margin: 5px 0 0; color: var(--ink); font-weight: 850; overflow-wrap: anywhere; }
.api-configuration-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; align-items: end; }
.api-configuration-form label { display: grid; gap: 6px; color: var(--ink); font-size: 11px; font-weight: 900; }
.api-configuration-form select,.api-configuration-form input[type="password"],.api-configuration-form textarea { width: 100%; padding: 10px 12px; border: 1px solid rgba(30,45,42,.14); border-radius: 12px; color: var(--ink); background: rgba(255,255,255,.82); resize: vertical; }
.api-configuration-form input[type="password"]:disabled,.api-configuration-form select:disabled { color: var(--muted); background: rgba(230,234,233,.62); }
.api-configuration-enabled { min-height: 42px; grid-template-columns: auto 1fr; align-items: center; align-self: end; padding: 10px 12px; border: 1px solid rgba(30,45,42,.12); border-radius: 12px; background: rgba(255,255,255,.62); }
.api-configuration-enabled input { width: 18px; height: 18px; accent-color: var(--teal); }
.api-configuration-reason { grid-column: 1/-1; }
.learning-settings-form .account-permission-control,.api-configuration-form .account-permission-control { min-height: 92px; grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 16px 18px; border: 1px solid rgba(10,143,125,.3); border-radius: 18px; background: linear-gradient(135deg,rgba(225,247,240,.94),rgba(240,249,255,.82)); box-shadow: 0 16px 34px rgba(17,95,83,.1),inset 0 1px rgba(255,255,255,.86); cursor: pointer; transition: border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.learning-settings-form .account-permission-control:has(input:not(:checked)),.api-configuration-form .account-permission-control:has(input:not(:checked)) { border-color: rgba(194,120,37,.34); background: linear-gradient(135deg,rgba(255,246,225,.96),rgba(255,239,232,.82)); box-shadow: 0 16px 34px rgba(149,89,28,.09),inset 0 1px rgba(255,255,255,.86); }
.account-permission-control:has(input:focus-visible) { outline: 4px solid rgba(10,143,125,.16); outline-offset: 3px; }
.account-permission-copy { min-width: 0; display: grid; gap: 4px; }
.account-permission-copy strong { color: var(--ink); font-size: 16px; line-height: 1.3; }
.account-permission-copy small { color: var(--muted); font-size: 11px; font-weight: 600; line-height: 1.55; }
.account-permission-eyebrow { color: var(--teal-dark); font-size: 9px; font-weight: 950; letter-spacing: .15em; }
.account-permission-action { min-width: 150px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.account-permission-action input { position: absolute; width: 1px!important; height: 1px!important; opacity: 0; pointer-events: none; }
.account-permission-switch { position: relative; width: 54px; height: 30px; flex: 0 0 auto; border: 1px solid rgba(92,77,61,.18); border-radius: 999px; background: rgba(145,133,120,.36); box-shadow: inset 0 2px 6px rgba(31,35,34,.14); transition: background .2s ease,border-color .2s ease; }
.account-permission-switch::after { content:""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 3px 9px rgba(24,45,40,.24); transition: transform .22s cubic-bezier(.34,1.56,.64,1); }
.account-permission-action input:checked + .account-permission-switch { border-color: rgba(10,143,125,.44); background: linear-gradient(135deg,#18ad98,#078675); }
.account-permission-action input:checked + .account-permission-switch::after { transform: translateX(24px); }
.account-permission-state { min-width: 76px; padding: 6px 9px; border-radius: 999px; color: #9a4b2e; background: rgba(255,222,211,.82); text-align: center; font-size: 10px; font-weight: 950; white-space: nowrap; }
.account-permission-state::before { content:"管理员控制"; }
.account-permission-action input:checked ~ .account-permission-state { color: #067365; background: rgba(190,238,225,.88); }
.account-permission-action input:checked ~ .account-permission-state::before { content:"用户可修改"; }
.permission-save-button { grid-column: 1/-1; min-height: 48px; background: linear-gradient(135deg,#12a38f,#087e70); box-shadow: 0 12px 24px rgba(8,126,112,.16),inset 0 1px rgba(255,255,255,.34); }
.learning-data-button { color: #6f5100; background: rgba(255,243,211,.78); }
.learning-data-panel { border-color: rgba(214,165,69,.34); background: rgba(255,248,226,.58); }
.learning-data-summary { margin: 14px 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.learning-data-summary div { padding: 12px; border: 1px solid rgba(30,45,42,.09); border-radius: 13px; background: rgba(255,255,255,.64); }
.learning-data-summary dt { color: var(--muted); font-size: 10px; }
.learning-data-summary dd { margin: 5px 0 0; font: 800 20px Georgia,serif; overflow-wrap: anywhere; }
.learning-data-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; align-items: end; }
.learning-data-form label { display: grid; gap: 6px; color: var(--ink); font-size: 11px; font-weight: 900; }
.learning-data-form select,.learning-data-form textarea { width: 100%; padding: 10px 12px; border: 1px solid rgba(30,45,42,.14); border-radius: 12px; color: var(--ink); background: rgba(255,255,255,.82); resize: vertical; }
.learning-data-targets,.learning-data-reason { grid-column: 1/-1; }
.learning-data-targets { min-width: 0; margin: 0; padding: 12px; border: 1px solid rgba(30,45,42,.12); border-radius: 14px; background: rgba(255,255,255,.5); }
.learning-data-targets legend { padding: 0 6px; color: var(--ink); font-size: 11px; font-weight: 900; }
.learning-data-target-toolbar { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.learning-data-target-toolbar span { color: var(--muted); font-size: 10px; font-weight: 500; }
.learning-data-target-toolbar strong { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; color: var(--teal-dark); background: rgba(178,231,216,.45); font-size: 10px; }
.learning-data-target-list { max-height: 310px; margin-top: 10px; display: grid; gap: 7px; overflow-y: auto; overscroll-behavior: contain; }
.learning-data-target-list > .empty-state { margin: 0; }
.learning-data-target-row { min-width: 0; padding: 9px 10px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 9px; align-items: start; border: 1px solid rgba(30,45,42,.09); border-radius: 11px; background: rgba(255,255,255,.68); cursor: pointer; }
.learning-data-target-row[data-selected="true"] { border-color: rgba(10,143,125,.4); background: rgba(225,246,239,.76); }
.learning-data-target-row > input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--teal); }
.learning-data-target-row > span { min-width: 0; display: grid; gap: 3px; }
.learning-data-target-row strong { overflow-wrap: anywhere; font: 700 11px ui-monospace,SFMono-Regular,Consolas,monospace; }
.learning-data-target-row small { color: var(--muted); font-size: 9px; line-height: 1.45; }
.change-ticket-reason { grid-column: 1 / -2; }
.change-ticket-result { margin-top: 14px; padding: 14px; display: grid; gap: 11px; border: 1px solid rgba(10,143,125,.18); border-radius: 14px; background: rgba(255,255,255,.62); }
.change-ticket-result > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.change-ticket-result span { color: var(--muted); font-size: 11px; }
.change-ticket-result code { overflow-wrap: anywhere; }
.change-ticket-steps { margin: 0; padding-left: 22px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.reset-button { color: #5a3dad; background: rgba(235,227,255,.72); }
.revoke-button { color: #84580a; background: rgba(255,243,211,.72); }
.quarantine-button { color: #913d30; background: rgba(247,210,201,.72); }
.readiness-button { color: #315f8c; background: rgba(220,235,249,.78); }
.dry-run-button { color: #623b8d; background: rgba(236,226,250,.78); }
.restore-button { color: #fff; background: #147864; }
.password-reset-result { margin-top: 14px; padding: 14px; display: grid; grid-template-columns: minmax(150px,.7fr) minmax(220px,1fr) auto; gap: 10px; align-items: center; border: 1px solid rgba(90,61,173,.2); border-radius: 15px; background: rgba(235,227,255,.42); }
.password-reset-result > div { display: grid; gap: 4px; }
.password-reset-result span { color: var(--muted); font-size: 11px; }
.password-reset-result code { min-width: 0; padding: 10px 12px; overflow-wrap: anywhere; border-radius: 11px; background: rgba(255,255,255,.65); }
.deletion-preview { margin-top: 14px; padding: 17px; border: 1px solid rgba(163,68,49,.22); border-radius: 17px; background: rgba(255,248,245,.72); }
.deletion-preview-heading { display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.deletion-preview h4 { margin: 0; font-size: 18px; }
.deletion-preview > p { color: var(--muted); line-height: 1.65; }
.deletion-preview-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 15px 0; }
.deletion-preview-grid div { padding: 12px; border-radius: 14px; background: rgba(255,255,255,.58); }
.deletion-preview-grid dt { color: var(--muted); font-size: 10px; }
.deletion-preview-grid dd { margin: 5px 0 0; font-weight: 800; }
.deletion-preview-warning { margin-bottom: 0; color: #913d30!important; }
.deletion-readiness { border-color: rgba(49,95,140,.22); background: rgba(245,250,255,.74); }
.deletion-readiness-grid { display: grid; gap: 10px; margin: 15px 0; }
.deletion-readiness-grid div { padding: 12px; border-radius: 14px; background: rgba(255,255,255,.58); }
.deletion-readiness-grid dt { color: var(--muted); font-size: 10px; }
.deletion-readiness-grid dd { margin: 5px 0 0; line-height: 1.6; font-weight: 700; }
.deletion-readiness-subtitle { display: block; margin-top: 16px; }
.deletion-readiness-blockers { margin: 9px 0 0; padding-left: 20px; color: #74542a; line-height: 1.7; }
.permanent-deletion-dry-run { border-color: rgba(98,59,141,.22); background: rgba(250,247,255,.76); }
.permanent-deletion-summary-grid { grid-template-columns: repeat(5,1fr); }
.final-snapshot-evidence { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 12px 0 18px; padding: 14px; border: 1px solid rgba(98,59,141,.16); border-radius: 15px; background: rgba(255,255,255,.52); }
.final-snapshot-evidence div { min-width: 0; }
.final-snapshot-evidence strong { display: block; margin-bottom: 6px; font-size: 11px; color: var(--muted); }
.final-snapshot-evidence code { display: block; max-width: 680px; overflow-wrap: anywhere; font-size: 11px; }
.permanent-deletion-protocol { margin: 9px 0 16px; padding-left: 22px; color: var(--muted); line-height: 1.75; }
.status-pill { padding: 5px 9px; border-radius: 999px; color: #087363; background: rgba(178,231,216,.58); font-size: 11px; font-weight: 900; }
.status-pill[data-status="disabled"] { color: #963f32; background: rgba(247,210,201,.68); }
.status-pill[data-status="quarantined"] { color: #7a2d25; background: rgba(247,190,176,.82); }
.status-pill[data-status="recovery-window"] { color: #7a2d25; background: rgba(247,190,176,.82); }
.status-pill[data-status="awaiting-manual-review"] { color: #744d00; background: rgba(255,224,154,.82); }
.status-button[data-action="enable"] { color: #fff; background: var(--teal); }
.empty-state { padding: 32px 20px; border: 1px dashed rgba(30,45,42,.18); border-radius: 17px; color: var(--muted); text-align: center; line-height: 1.7; }
.administration-events-section { margin-top: 28px; }
.administration-persistence { padding: 7px 10px; border-radius: 999px; background: rgba(30,45,42,.07); }
.administration-persistence[data-status="ready"] { color: #147864; background: rgba(23,163,137,.12); }
.administration-persistence[data-status="degraded"] { color: #913d30; background: rgba(247,218,210,.78); }
.administration-event-list { margin-top: 14px; display: grid; gap: 8px; }
.administration-event { padding: 12px 14px; display: grid; grid-template-columns: minmax(105px,.8fr) minmax(120px,1fr) minmax(105px,.8fr) auto; gap: 10px; align-items: center; border: 1px solid rgba(30,45,42,.08); border-radius: 14px; background: rgba(255,255,255,.46); font-size: 11px; }
.administration-event span,.administration-event time { color: var(--muted); overflow-wrap: anywhere; }
.admin-message { margin: 17px 0 0; padding: 12px 14px; border-radius: 12px; color: var(--teal-dark); background: rgba(215,238,231,.76); font-size: 13px; }
.admin-message[data-kind="error"] { color: #913d30; background: rgba(247,218,210,.78); }
.message-administration-section { margin-top: 28px; padding: 19px; border: 1px solid rgba(10,143,125,.18); border-radius: 20px; background: rgba(235,248,243,.45); }
.message-administration-section h3,.message-administration-section h4,.message-administration-section h5 { margin: 0; }
.message-administration-grid { margin-top: 14px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(230px,.75fr); gap: 12px; }
.message-composer,.message-safety-note { padding: 15px; border: 1px solid rgba(30,45,42,.1); border-radius: 16px; background: rgba(255,255,255,.58); }
.message-composer { display: grid; gap: 11px; }
.message-composer > div,.message-safety-note { display: grid; gap: 5px; }
.message-composer span,.message-safety-note p,.account-message-panel span { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.message-composer label,.support-reply-form label { display: grid; gap: 6px; color: var(--ink); font-size: 11px; font-weight: 900; }
.message-composer input,.message-composer textarea,.message-composer select,.support-reply-form textarea { width: 100%; padding: 10px 12px; border: 1px solid rgba(30,45,42,.14); border-radius: 12px; color: var(--ink); background: rgba(255,255,255,.78); resize: vertical; }
.message-composer input:focus,.message-composer textarea:focus,.message-composer select:focus,.support-reply-form textarea:focus { border-color: rgba(10,143,125,.55); outline: 3px solid rgba(10,143,125,.09); }
.announcement-publication-description { margin: -3px 0 0; padding: 10px 12px; border-left: 3px solid var(--teal); border-radius: 0 10px 10px 0; color: var(--muted); background: rgba(215,238,231,.48); font-size: 11px; line-height: 1.6; }
.announcement-timed-fields { padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border: 1px solid rgba(90,61,173,.16); border-radius: 13px; background: rgba(248,245,255,.6); }
.announcement-timed-fields[hidden] { display: none; }
.announcement-timed-fields > span { grid-column: 1/-1; color: var(--muted); font-size: 10px; line-height: 1.55; }
.announcement-trace-option { grid-column: 1/-1; display: flex!important; grid-template-columns: none!important; align-items: center; gap: 8px!important; }
.announcement-trace-option input { width: 18px; height: 18px; margin: 0; }
.announcement-trace-option span { color: var(--ink); font-size: 11px; }
.announcement-read-dashboard { margin-top: 15px; padding: 16px; border: 1px solid rgba(90,61,173,.17); border-radius: 17px; background: linear-gradient(135deg,rgba(248,245,255,.72),rgba(235,248,243,.58)); }
.announcement-read-dashboard > p { margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.announcement-read-heading,.announcement-audience-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.announcement-read-heading > div { display: grid; gap: 4px; }
.announcement-read-heading span,.announcement-audience-heading span { color: var(--muted); font-size: 10px; }
.announcement-statistics-list { margin-top: 13px; display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 10px; }
.announcement-statistic-card { min-width: 0; padding: 13px; display: grid; gap: 10px; border: 1px solid rgba(30,45,42,.1); border-radius: 15px; background: rgba(255,255,255,.67); }
.announcement-statistic-card[data-selected="true"] { border-color: rgba(10,143,125,.42); box-shadow: inset 0 0 0 1px rgba(10,143,125,.09),0 10px 24px rgba(36,92,81,.08); }
.announcement-statistic-card > div:first-child { min-width: 0; display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.announcement-statistic-card > div:first-child strong { overflow-wrap: anywhere; }
.announcement-statistic-card > div:first-child span { flex: 0 0 auto; color: var(--muted); font-size: 10px; }
.announcement-publication-meta { margin: -3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.announcement-statistic-metrics { margin: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.announcement-statistic-metrics > div { min-width: 0; padding: 8px; border-radius: 10px; background: rgba(235,248,243,.72); }
.announcement-statistic-metrics dt { color: var(--muted); font-size: 9px; }
.announcement-statistic-metrics dd { margin: 3px 0 0; color: var(--ink); font-size: 16px; font-weight: 900; }
.announcement-read-progress { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(30,45,42,.09); }
.announcement-read-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--teal),#52cbb0); transition: width .28s ease; }
.announcement-statistic-card > button { justify-self: start; }
.announcement-audience-panel { margin-top: 13px; padding: 13px; border: 1px solid rgba(10,143,125,.14); border-radius: 14px; background: rgba(255,255,255,.5); }
.announcement-audience-list { margin-top: 10px; display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 8px; }
.announcement-audience-row { min-width: 0; padding: 10px 11px; display: flex; justify-content: space-between; gap: 12px; align-items: center; border: 1px solid rgba(30,45,42,.08); border-radius: 11px; background: rgba(255,255,255,.72); }
.announcement-audience-row[data-read="false"] { border-left: 3px solid #d49b33; }
.announcement-audience-row[data-read="true"] { border-left: 3px solid var(--teal); }
.announcement-audience-row > div { min-width: 0; display: grid; gap: 3px; }
.announcement-audience-row strong,.announcement-audience-row code { overflow-wrap: anywhere; }
.announcement-audience-row code { color: var(--muted); font-size: 9px; }
.announcement-audience-row > span { flex: 0 0 auto; color: var(--muted); font-size: 10px; }
.account-message-panel { margin-top: 15px; padding: 16px; border: 1px solid rgba(10,143,125,.16); border-radius: 17px; background: rgba(255,255,255,.52); }
.message-panel-actions { display: flex; gap: 8px; }
.account-inbox-composer { margin-top: 14px; grid-template-columns: minmax(150px,.7fr) minmax(220px,1.4fr) minmax(145px,.55fr) auto; align-items: end; }
.account-message-columns { margin-top: 14px; display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 10px; }
.account-message-columns > div { min-width: 0; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.54); }
.account-message-columns h5 { margin-bottom: 9px; }
.message-item-list,.support-message-list { display: grid; gap: 7px; }
.message-item { padding: 10px; display: grid; gap: 4px; border: 1px solid rgba(30,45,42,.08); border-radius: 11px; background: rgba(255,255,255,.68); overflow-wrap: anywhere; }
.message-item strong { font-size: 12px; }
.message-item p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; white-space: pre-wrap; }
.message-item button { justify-self: start; min-height: 34px; padding: 6px 10px; }
.support-conversation-panel { margin-top: 14px; padding: 14px; border: 1px solid rgba(90,61,173,.17); border-radius: 15px; background: rgba(245,241,255,.58); }
.support-conversation-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.support-conversation-heading > div { display: grid; gap: 4px; }
.support-message-list { margin: 12px 0; }
.support-message { width: min(82%,600px); }
.support-message[data-author="administrator"] { justify-self: end; border-left: 1px solid rgba(10,143,125,.12); border-right: 3px solid var(--teal); background: rgba(224,247,241,.82); }
.support-message[data-author="learner"] { justify-self: start; border-left: 3px solid #8661c7; background: rgba(239,233,255,.82); }
.support-reply-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: end; }
@media (hover:hover) { .admin-brand:hover,.admin-header nav a:hover,button:hover { transform: translateY(-1px) scale(1.015); } }
@media (max-width:1100px) { .admin-shell { grid-template-columns: 1fr; gap: 12px; margin-top: 0; } .admin-hero { position: static; padding: 22px 8px; } .admin-workspace { min-height: 0; } .admin-section-directory { position: static; } .admin-directory-target { scroll-margin-top: 24px; } .account-feature-workflow > .deletion-preview-heading,.account-read-only-panel > .deletion-preview-heading { position: static; } }
@media (max-width:900px) { .account-control-grid { grid-template-columns: 1fr; } }
@media (max-width:600px) { .account-control-rehearsal,.account-message-storage-state { align-items: stretch; flex-direction: column; } .account-message-storage-state > .account-message-storage-actions { flex-direction: column; } }
@media (max-width:600px) { .admin-header,.admin-shell { width: min(100% - 24px,1240px); } .admin-header { min-height: 0; padding-block: 14px; align-items: stretch; flex-direction: column; gap: 10px; } .admin-brand { align-self: flex-start; } .admin-brand > span { width: 46px; font-size: 29px; } .admin-header nav { width: 100%; padding: 2px 2px 6px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; } .admin-header nav a,.admin-header nav span { flex: 0 0 auto; white-space: nowrap; } .admin-header nav a { display: inline-flex; } .admin-header nav span { font-size: 10px; padding: 9px 11px; } .summary-grid,.security-grid,.deletion-preview-grid { grid-template-columns: 1fr 1fr; } .final-snapshot-evidence { align-items: stretch; flex-direction: column; } .invitation-card,.invitation-result,.password-reset-result { grid-template-columns: 1fr; } .invitation-result { grid-column: auto; } .account-card,.administration-event { grid-template-columns: 1fr; } .account-actions { display: grid; grid-template-columns: 1fr; } .status-button { width: 100%; } }
@media (max-width:600px) { .admin-section-directory { margin-inline: -5px; } .admin-section-directory > div:first-child { align-items: flex-start; flex-direction: column; gap: 3px; } .admin-directory-target { scroll-margin-top: 24px; } }
@media (max-width:600px) { .administration-events-section .section-heading { align-items: stretch; flex-direction: column; } .section-heading-actions { justify-content: flex-start; } .section-heading-actions > button { width: 100%; } }
@media (max-width:600px) { .account-feature-directory { padding: 13px; } .account-feature-directory-heading,.account-feature-panel-heading { align-items: flex-start; flex-direction: column; } .account-feature-directory-actions { width: 100%; align-items: stretch; flex-direction: column; } .account-feature-directory-actions > span { text-align: left; } .account-feature-directory-actions > button { width: 100%; } .account-feature-tabs { display: grid; grid-template-columns: 1fr 1fr; } .account-feature-tab { width: 100%; } .account-feature-search-row { grid-template-columns: 1fr 1fr; } .account-feature-search-row input { grid-column: 1/-1; } .account-feature-selection-toolbar { align-items: stretch; flex-direction: column; } .account-feature-selection-toolbar > span { margin-right: 0; } .account-feature-user-row { grid-template-columns: auto minmax(0,1fr); align-items: start; } .account-feature-user-row > .account-pin-button,.account-feature-user-row > .status-pill { grid-column: 2; justify-self: start; } .account-feature-open-selection { align-items: stretch; flex-direction: column; } .account-feature-open-selection > button { width: 100%; } }
@media (max-width:600px) { .account-presence-summary { grid-template-columns: 1fr; } .account-presence-summary-item[data-wide="true"] { grid-column: auto; } }
@media (max-width:600px) { .account-directory-view-switch { width: 100%; display: grid; grid-template-columns: 1fr; border-radius: 16px; } .account-directory-view-switch button { width: 100%; } }
@media (max-width:600px) { .account-feature-workflow { padding: 13px; } .account-feature-workflow > .deletion-preview-heading { top: 6px; } .account-feature-workflow-row { grid-template-columns: minmax(0,1fr) auto; align-items: start; } .account-feature-workflow-row > .status-pill { justify-self: end; } .account-feature-workflow-action { grid-column: 1/-1; width: 100%; } }
@media (max-width:900px) { .message-administration-grid,.account-message-columns,.account-inbox-composer { grid-template-columns: 1fr; } }
@media (max-width:900px) { .change-ticket-form { grid-template-columns: 1fr; } .change-ticket-reason { grid-column: auto; } }
@media (max-width:900px) { .learning-settings-form { grid-template-columns: 1fr; } .learning-settings-reason { grid-column: auto; } }
@media (max-width:900px) { .api-configuration-form { grid-template-columns: 1fr; } .api-configuration-reason { grid-column: auto; } }
@media (max-width:600px) { .learning-settings-form .account-permission-control,.api-configuration-form .account-permission-control { grid-template-columns: 1fr; align-items: stretch; } .account-permission-action { min-width: 0; justify-content: space-between; } }
@media (max-width:900px) { .learning-data-form { grid-template-columns: 1fr; } .learning-data-targets,.learning-data-reason { grid-column: auto; } }
@media (max-width:600px) { .learning-data-target-toolbar { align-items: flex-start; flex-direction: column; } .learning-data-target-list { max-height: 360px; } }
@media (max-width:600px) { .learning-data-summary { grid-template-columns: 1fr 1fr; } }
@media (max-width:600px) { .api-configuration-summary { grid-template-columns: 1fr 1fr; } }
@media (max-width:600px) { .account-read-only-grid { grid-template-columns: 1fr; } }
@media (max-width:600px) { .account-read-only-panel > .deletion-preview-heading { top: 6px; } .account-read-only-result-heading { align-items: flex-start; flex-direction: column; } }
@media (max-width:600px) { .message-administration-section { padding: 14px; } .deletion-preview-heading,.support-conversation-heading { align-items: stretch; flex-direction: column; } .message-panel-actions,.support-reply-form { grid-template-columns: 1fr; display: grid; } }
@media (max-width:600px) { .announcement-read-heading,.announcement-audience-heading { align-items: stretch; flex-direction: column; } .announcement-read-heading > button { width: 100%; } .announcement-statistics-list,.announcement-audience-list { grid-template-columns: 1fr; } .announcement-statistic-metrics { grid-template-columns: 1fr 1fr; } .announcement-audience-row { align-items: flex-start; flex-direction: column; } }
@media (max-width:600px) { .announcement-timed-fields { grid-template-columns: 1fr; } .announcement-timed-fields > span,.announcement-trace-option { grid-column: auto; } }
@media (max-width:600px) { #formalStorageAcceptanceCard .invitation-result { grid-template-columns: 1fr; } #formalStorageAcceptanceCard .invitation-result > button { grid-column: 1; grid-row: auto; justify-self: stretch; } }
@media (max-width:340px) { .admin-hero,.admin-workspace,.admin-login { min-width: 0; } .admin-hero h1 em { white-space: normal; } .admin-workspace { padding-inline: 10px; } .admin-login { width: 100%; padding-inline: 10px; } .administrator-turnstile { max-width: 100%; overflow: hidden; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }