.console-body { margin:0; font-family:var(--hicms-font-sans); background:var(--hicms-color-canvas); color:var(--hicms-color-text); font-size:14px; line-height:1.6; }
.console-body * { box-sizing:border-box; }
.console-body a { text-decoration:none; }
.console-body svg { width:20px; height:20px; flex-shrink:0; }
.console-body .hicms-chip svg { width:var(--hicms-chip-icon-small); height:var(--hicms-chip-icon-small); }
.console-body :focus-visible:not(.hicms-form-control) { outline:2px solid var(--hicms-color-primary); outline-offset:4px; }
.console-shell { display:flex; min-height:100vh; }
.console-sidebar { width:248px; flex-shrink:0; position:fixed; inset:0 auto 0 0; display:flex; flex-direction:column; padding:28px 18px 20px; background:var(--hicms-color-graphite); color:var(--hicms-color-surface); z-index:10; overflow:auto; }
.console-brand { display:flex; align-items:center; gap:9px; font-size:20px; font-weight:700; color:inherit; white-space:nowrap; }
.console-brand>span:last-child { font-size:12px; font-weight:400; opacity:.65; }
.console-brand-mark { display:grid; place-items:center; width:32px; height:32px; border-radius:var(--hicms-radius-control); background:var(--hicms-color-primary); color:var(--hicms-color-primary-on); }
.console-service-picker { margin:32px 0 26px; border:1px solid color-mix(in srgb, var(--hicms-color-surface) 24%, transparent); border-radius:var(--hicms-radius-control); }
.console-service-picker summary { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px; cursor:pointer; }
.console-service-picker small,.console-service-picker strong { display:block; overflow-wrap:anywhere; }
.console-service-picker small,.console-nav-label { font-size:11px; color:var(--hicms-color-lavender); }
.console-service-picker>div { padding:6px; border-top:1px solid color-mix(in srgb, var(--hicms-color-surface) 24%, transparent); }
.console-service-picker a { display:block; padding:8px; color:inherit; border-radius:var(--hicms-radius-control); }
.console-service-picker a:hover,.console-service-picker a[aria-current=true] { background:color-mix(in srgb, var(--hicms-color-surface) 10%, transparent); }
.console-nav-label { padding-left:12px; margin:0 0 8px; }
.console-nav-item { display:flex; align-items:center; gap:12px; padding:12px; border-radius:var(--hicms-radius-control); color:color-mix(in srgb, var(--hicms-color-surface) 78%, transparent); margin:4px 0; }
.console-nav-item:hover { background:color-mix(in srgb, var(--hicms-color-surface) 8%, transparent); color:var(--hicms-color-surface); }
.console-nav-item.is-active { background:color-mix(in srgb, var(--hicms-color-lavender) 20%, transparent); color:var(--hicms-color-surface); box-shadow:inset 3px 0 var(--hicms-color-lavender); }
.console-sidebar-bottom { margin-top:auto; padding-top:36px; }
.console-user { display:flex; gap:10px; align-items:center; padding:16px 8px; border-top:1px solid color-mix(in srgb, var(--hicms-color-surface) 16%, transparent); }
.console-avatar { border-radius:50%; width:34px; height:34px; display:grid; place-items:center; background:var(--hicms-color-info); }
.console-user strong,.console-user small { display:block; max-width:148px; overflow-wrap:anywhere; }
.console-user small { font-size:11px; color:var(--hicms-color-lavender); }
.console-logout { display:flex; gap:10px; align-items:center; padding:10px; background:none; color:color-mix(in srgb, var(--hicms-color-surface) 78%, transparent); border:0; cursor:pointer; }
.console-workspace { margin-left:248px; width:calc(100% - 248px); min-width:0; display:flex; flex-direction:column; }
.console-topbar { min-height:66px; padding:16px 38px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--hicms-color-border); background:var(--hicms-color-surface); }
.console-breadcrumb { display:flex; gap:16px; align-items:center; min-width:0; overflow-wrap:anywhere; }
.console-breadcrumb>span { color:var(--hicms-color-text-muted); }
.console-environment { font-size:11px; border:1px solid var(--hicms-color-border); padding:3px 9px; border-radius:var(--hicms-radius-control); white-space:nowrap; }
.console-main { width:100%; max-width:1500px; margin:0 auto; padding:38px; flex:1; }
.console-footer { padding:20px 38px; display:flex; gap:16px; justify-content:space-between; color:var(--hicms-color-text-muted); font-size:11px; }
.console-page-heading { margin-bottom:28px; }
.console-eyebrow { color:var(--hicms-color-primary); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin:0 0 9px; }
.console-page-heading h1 { font-size:29px; line-height:1.3; font-weight:600; letter-spacing:-.04em; margin:0 0 10px; overflow-wrap:anywhere; }
.console-page-heading p:last-child,.console-muted { color:var(--hicms-color-text-muted); }
.console-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:24px; }
.console-stat { position:relative; padding:22px 24px; background:var(--hicms-color-surface); border:1px solid var(--hicms-color-border); border-radius:var(--hicms-radius-card); }
.console-stat p { margin:4px 0 12px; color:var(--hicms-color-text-muted); font-size:12px; }
.console-stat>strong { display:block; font-size:34px; font-weight:600; letter-spacing:-.04em; line-height:1.3; }
.console-stat>span:last-child:not(.console-stat-icon) { display:flex; gap:8px; align-items:center; font-size:11px; margin-top:22px; color:var(--hicms-color-primary); }
.console-stat-icon { position:absolute; right:22px; top:22px; color:var(--hicms-color-primary); }
.console-stats-compact .console-stat { padding:16px 22px; }
.console-stats-compact strong { font-size:27px; }
.console-grid-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.console-panel { border:1px solid var(--hicms-color-border); border-radius:var(--hicms-radius-card); background:var(--hicms-color-surface); margin-bottom:24px; min-width:0; }
.console-panel>header { padding:22px 24px 18px; }
.console-panel h2 { font-size:15px; font-weight:600; margin:0; }
.console-panel>header p { font-size:12px; color:var(--hicms-color-text-muted); margin:5px 0 0; }
.console-panel-body { padding:24px; }
.console-panel>header+.console-panel-body { padding-top:0; }
.console-tool { display:flex; align-items:center; gap:16px; padding:20px 24px; color:inherit; border-top:1px solid var(--hicms-color-border); }
.console-tool:hover { background:var(--hicms-color-primary-soft); }
.console-tool>span:nth-child(2) { flex:1; min-width:0; }
.console-tool strong,.console-tool small { display:block; overflow-wrap:anywhere; }
.console-tool small { font-size:12px; color:var(--hicms-color-text-muted); margin-top:3px; }
.console-tool>svg:last-child { color:var(--hicms-color-text-muted); }
.console-tool-icon,.console-folder-icon,.console-empty-icon,.console-login-icon { display:grid; place-items:center; width:42px; height:42px; background:var(--hicms-color-primary-soft); color:var(--hicms-color-primary); border-radius:var(--hicms-radius-control); flex-shrink:0; }
.console-detail-list { margin:0; padding:0 24px; }
.console-detail-list>div { display:flex; gap:16px; justify-content:space-between; padding:15px 0; border-top:1px solid var(--hicms-color-border); }
.console-detail-list dt { font-size:12px; color:var(--hicms-color-text-muted); }
.console-detail-list dd { font-weight:600; margin:0; }
.console-small { font-size:12px; color:var(--hicms-color-text-muted); margin-top:12px; }
.console-panel-note { padding:0 24px 20px; }
.console-activity-list>div { display:flex; gap:14px; padding:16px 24px; align-items:center; border-top:1px solid var(--hicms-color-border); }
.console-activity-icon { display:grid; place-items:center; border-radius:50%; background:var(--hicms-color-surface-muted); width:32px; height:32px; flex-shrink:0; }
.console-activity-list strong,.console-activity-list small { display:block; overflow-wrap:anywhere; }
.console-activity-list strong { font-weight:500; font-size:13px; }
.console-activity-list small,.console-activity-list time { font-size:11px; color:var(--hicms-color-text-muted); }
.console-activity-list time { margin-left:auto; white-space:nowrap; }
.console-button,.console-icon-button { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:40px; padding:8px 14px; border:1px solid var(--hicms-color-border-interactive); background:var(--hicms-color-surface); color:var(--hicms-color-text); border-radius:var(--hicms-radius-control); font-size:12px; font-weight:500; cursor:pointer; text-align:center; }
.console-button:hover,.console-icon-button:hover { background:var(--hicms-color-surface-muted); }
.console-button-primary { background:var(--hicms-color-primary); color:var(--hicms-color-primary-on); border-color:var(--hicms-color-primary); }
.console-button-primary:hover { background:var(--hicms-color-primary-hover); }
.console-button-danger { color:var(--hicms-color-danger); border-color:var(--hicms-color-danger); }
.console-button-danger-quiet { color:var(--hicms-color-danger); }
.console-icon-button { padding:8px; }
.console-body button:disabled,.console-body input:disabled { opacity:.5; cursor:not-allowed; }
.console-full { width:100%; }
.console-form { display:grid; gap:18px; }
.console-form input:not([type=submit]):not([type=hidden]):not([type=checkbox]):not([type=radio]),.console-form textarea { width:100%; }
.console-inline-form { display:flex; gap:16px; align-items:flex-end; flex-wrap:wrap; }
.console-inline-form>div { flex:1; min-width:180px; }
.console-inline-form input:not([type=submit]):not([type=hidden]):not([type=checkbox]):not([type=radio]) { width:100%; }
.console-body label { font-size:12px; }
.console-body input,.console-body textarea { max-width:100%; }
.console-body textarea { resize:vertical; }
.console-alert { display:flex; align-items:flex-start; gap:10px; padding:15px 18px; background:var(--hicms-color-warning-soft); border:1px solid var(--hicms-color-border); border-radius:var(--hicms-radius-control); margin-bottom:24px; font-size:13px; }
.console-alert-info { background:var(--hicms-color-primary-soft); color:var(--hicms-color-primary-foreground); }
.console-alert-success { background:var(--hicms-color-success-soft); color:var(--hicms-color-success-foreground); }
.console-disclosure>summary { padding:18px 24px; cursor:pointer; font-weight:600; font-size:13px; }
.console-disclosure[open]>summary { border-bottom:1px solid var(--hicms-color-border); }
.console-list-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 24px; border-bottom:1px solid var(--hicms-color-border); flex-wrap:wrap; }
.console-toolbar-plain { padding:0; border:0; }
.console-search { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.console-search .hicms-field { width:240px; min-width:0; }
.console-key-row { display:flex; flex-wrap:wrap; gap:18px; padding:24px; border-bottom:1px solid var(--hicms-color-border); }
.console-key-row:last-child { border:0; }
.console-key-description { flex:1; min-width:230px; }
.console-key-description { display:flex; gap:16px; flex-wrap:wrap; align-items:center; }
.console-key-description>div { flex:1; min-width:180px; }
.console-key-description h3 { margin-bottom:8px; overflow-wrap:anywhere; font-weight:600; }
.console-key-description p { color:var(--hicms-color-text-muted); font-size:11px; margin-top:8px; }
.console-key-description code { font-size:12px; overflow-wrap:anywhere; }
.console-key-actions { width:300px; max-width:100%; }
.console-key-actions>summary { cursor:pointer; padding:10px; min-height:40px; font-size:12px; }
.console-key-actions[open]>summary { margin-bottom:16px; }
.console-key-actions>form+form { margin-top:12px; }
.console-secret { padding:24px; border:1px solid var(--hicms-color-success); background:var(--hicms-color-success-soft); border-radius:var(--hicms-radius-control); margin-bottom:24px; }
.console-secret h2 { font-weight:600; margin:0 0 6px; }
.console-secret input { width:100%; font-family:monospace; background:var(--hicms-color-surface); padding:12px; border:1px solid var(--hicms-color-border); border-radius:var(--hicms-radius-control); margin:12px 0; }
.console-bucket-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.console-bucket-card { display:block; padding:24px; border:1px solid var(--hicms-color-border); border-radius:var(--hicms-radius-card); background:var(--hicms-color-surface); color:inherit; }
.console-bucket-card:hover { border-color:var(--hicms-color-primary); }
.console-bucket-card h2 { font-size:16px; font-weight:600; margin:18px 0 6px; overflow-wrap:anywhere; }
.console-bucket-card p { font-size:12px; color:var(--hicms-color-text-muted); }
.console-bucket-card>div,.console-bucket-card footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.console-bucket-card .console-small { display:flex; align-items:center; gap:4px; }
.console-bucket-card footer { font-size:11px; color:var(--hicms-color-text-muted); margin-top:12px; }
.console-bucket-card progress { width:100%; height:5px; accent-color:var(--hicms-color-primary); margin-top:18px; }
.console-back-link { display:inline-block; margin-bottom:20px; font-size:12px; color:var(--hicms-color-primary); }
.console-table-scroll { overflow-x:auto; }
.console-table-scroll table { width:100%; min-width:720px; }
.console-table-scroll td { vertical-align:middle; }
.console-table-subtext { display:block; color:var(--hicms-color-text-muted); font-size:11px; }
.console-nowrap { white-space:nowrap; }
.console-row-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.console-danger-zone { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:22px 0 0; margin-top:22px; border-top:1px solid var(--hicms-color-border); color:var(--hicms-color-danger); font-size:12px; }
.console-pagination { display:flex; align-items:center; justify-content:flex-end; gap:14px; padding:16px 24px; font-size:12px; }
.console-empty { display:flex; flex-direction:column; align-items:center; text-align:center; padding:55px 24px; }
.console-empty h3 { margin-top:16px; font-size:15px; font-weight:600; }
.console-empty p { margin:8px 0 0; color:var(--hicms-color-text-muted); font-size:12px; }
.console-endpoint { margin-left:12px; font-size:12px; overflow-wrap:anywhere; }
.console-connection-status { display:flex; align-items:center; gap:10px; padding:12px 0 24px; }
.console-connection-dot { width:8px; height:8px; border-radius:50%; background:var(--hicms-color-border-interactive); }
.console-connection-dot.is-connected { background:var(--hicms-color-success); box-shadow:0 0 0 4px var(--hicms-color-success-soft); }
.console-event-monitor { min-height:160px; max-height:400px; overflow:auto; margin:0; padding:24px; background:var(--hicms-color-graphite); color:var(--hicms-color-surface); border-radius:0 0 9px 9px; font:12px/1.8 monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.console-event-history details { padding:16px 24px; border-top:1px solid var(--hicms-color-border); }
.console-event-history summary { display:flex; justify-content:space-between; gap:16px; cursor:pointer; font-size:12px; }
.console-event-history pre { overflow:auto; max-height:260px; font-size:12px; margin-top:16px; }
.console-mobile-only { display:none; }
.console-mobile-menu { background:var(--hicms-color-graphite); color:var(--hicms-color-surface); width:min(320px,90vw); height:100dvh; max-height:100dvh; margin:0; padding:20px; border:0; }
.console-mobile-menu::backdrop { background:var(--hicms-color-overlay); }
.console-mobile-menu>.console-icon-button { float:right; margin-bottom:20px; }
.console-mobile-menu>.console-brand { clear:both; }
.console-login { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; }
.console-login-story { background:var(--hicms-color-graphite); color:var(--hicms-color-surface); padding:48px 10%; display:flex; flex-direction:column; justify-content:space-between; gap:45px; }
.console-login-story .console-eyebrow { color:var(--hicms-color-lavender); }
.console-login-story h1 { font-size:clamp(30px,3.5vw,52px); font-weight:600; letter-spacing:-.04em; line-height:1.35; margin:18px 0 26px; }
.console-login-story h1 span { color:var(--hicms-color-lavender); }
.console-login-story h1+p { color:var(--hicms-color-lavender); line-height:1.9; font-size:14px; }
.console-login-features { display:flex; gap:24px; flex-wrap:wrap; }
.console-login-features span { display:flex; gap:8px; align-items:center; font-size:12px; color:var(--hicms-color-lavender); }
.console-login-footnote { color:var(--hicms-color-lavender); font-size:11px; }
.console-login-form { display:grid; place-items:center; padding:50px 32px; background:var(--hicms-color-surface); }
.console-login-form>div { width:100%; max-width:370px; }
.console-login-icon { margin-bottom:28px; }
.console-account-link { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:20px; color:var(--hicms-color-text-muted); }
.console-account-link a { display:inline-flex; align-items:center; min-height:40px; color:var(--hicms-color-primary); font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.console-login-form h1,.console-login-form h2 { font-size:28px; font-weight:600; letter-spacing:-.04em; margin:0 0 10px; }
.console-login-form .console-form { margin-top:32px; }
.console-login-note { border-top:1px solid var(--hicms-color-border); padding-top:24px; margin-top:28px; font-size:12px; color:var(--hicms-color-text-muted); }
@media(min-width:1700px) { .console-main { padding-top:50px; } }
@media(max-width:1100px) { .console-main { padding:28px 24px; }.console-topbar { padding:16px 24px; }.console-bucket-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.console-grid-two { grid-template-columns:1fr; gap:0; }.console-stat { padding:20px 16px; }.console-stat-icon { display:none; } }
@media(max-width:760px) { .console-sidebar { display:none; }.console-workspace { margin-left:0; width:100%; }.console-mobile-only { display:inline-flex; }.console-breadcrumb { flex:1; font-size:12px; gap:8px; }.console-topbar { padding:12px 16px; }.console-main { padding:26px 16px; }.console-stats { gap:10px; }.console-stat { padding:16px 12px; }.console-stat>strong { font-size:26px; }.console-stat>span:last-child:not(.console-stat-icon) { display:none; }.console-stat p { font-size:11px; min-height:34px; margin:0 0 10px; }.console-footer { padding:16px; flex-direction:column; gap:4px; }.console-login { grid-template-columns:1fr; }.console-login-story { padding:24px; gap:0; }.console-login-story>div,.console-login-story>p { display:none; }.console-login-form { padding:44px 24px; }.console-bucket-grid { grid-template-columns:1fr; }.console-activity-list time { white-space:normal; max-width:75px; }.console-panel-body,.console-panel>header { padding:20px; }.console-key-row { padding:20px; }.console-key-description { min-width:0; width:100%; flex-basis:100%; }.console-key-actions { width:100%; }.console-key-actions details { max-width:none; }.console-inline-form { align-items:stretch; flex-direction:column; }.console-search { width:100%; }.console-search input { width:100%; flex:1; min-width:100px; }.console-danger-zone { flex-direction:column; align-items:flex-start; }.console-endpoint { display:block; margin:12px 0; } }
@media(prefers-reduced-motion:reduce) { .console-body * { scroll-behavior:auto; transition:none; } }

/* Native disclosures retain keyboard semantics while sharing the HiCMS icon layout. */
.console-disclosure>summary { display:flex; align-items:center; gap:10px; list-style:none; }
.console-disclosure>summary::-webkit-details-marker { display:none; }
.console-disclosure-chevron { margin-left:auto; }
.console-disclosure[open] .console-disclosure-chevron { transform:rotate(180deg); }
.console-key-actions>summary { display:flex; align-items:center; justify-content:space-between; gap:10px; list-style:none; }
.console-login-note { display:flex; align-items:flex-start; gap:8px; }
.console-nav-item.is-active { font-weight:600; }
.console-permissions { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:12px; padding:16px; border:1px solid var(--hicms-border,#e5e7eb); border-radius:12px; }
.console-permissions legend { padding:0 8px; font-weight:600; }
.console-permissions label { display:grid; grid-template-columns:16px minmax(0,1fr); gap:10px; align-items:start; font-size:14px; min-width:0; }
.console-permissions label>span { min-width:0; overflow-wrap:anywhere; }
.console-permissions input[type=checkbox] { width:16px; height:16px; margin:3px 0 0; accent-color:var(--hicms-color-primary); }
.console-permissions small,.console-member summary small { display:block; color:#6b7280; font-size:11px; }
.console-form-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.console-member { border-top:1px solid #e5e7eb; padding:12px 0; }
.console-db-table { overflow:auto; max-width:100%; }
.console-db-table table { border-collapse:collapse; width:100%; font-size:13px; }
.console-db-table th,.console-db-table td { padding:12px; text-align:left; border-bottom:1px solid #e5e7eb; max-width:360px; overflow-wrap:anywhere; vertical-align:top; }
.console-db-table th { color:#6b7280; font-weight:600; white-space:nowrap; }
.console-db-table td details { min-width:240px; }
.console-code { white-space:pre-wrap; overflow-wrap:anywhere; max-height:400px; overflow:auto; font-size:12px; padding:16px; background:#f5f5f3; border-radius:8px; }
@media(max-width:760px) { .console-login { grid-template-rows:auto 1fr; } .console-search .hicms-field { flex:1; width:auto; } }

.console-key-copy-cell { width:140px; flex:0 0 140px; align-self:center; display:flex; justify-content:center; align-items:center; position:relative; text-align:center; }
.console-key-copy-cell>[role=status] { position:absolute; top:100%; left:0; width:100%; margin:8px 0 0; overflow-wrap:anywhere; }
.console-key-button-row { display:flex; align-items:stretch; gap:12px; margin-top:16px; }
.console-key-button-row>button,.console-key-button-row>form { flex:1; min-width:0; margin:0; }
.console-key-button-row>form>button { width:100%; height:100%; }
@media(max-width:760px) { .console-key-copy-cell { flex-basis:100%; width:100%; padding-bottom:28px; } .console-key-copy-cell>[role=status] { top:auto; bottom:0; } }