/* Corgi workspace: gold = primary action, cyan = information/navigation. */
:root { --workspace-gold: #f4c66b; --workspace-cyan: #80dce4; }
.dashboard-page::before { opacity: .065; }
.reveal-item { opacity: 1; transform: none; }
.dashboard-page .primary-button, .dashboard-page .settings-actions > button[type="submit"] { background: var(--workspace-gold); color: #171b23; border-color: var(--workspace-gold); }
.public-navigation { position: relative; margin-left: auto; color: #f1f3f7; }
.public-navigation summary { cursor: pointer; padding: 12px 18px; border: 1px solid #716043; border-radius: 10px; font-weight: 700; }
.public-navigation nav { position: absolute; right: 0; top: calc(100% + 10px); z-index: 100; width: min(280px, 85vw); padding: 12px; background: #171b23; border: 1px solid #63563f; border-radius: 14px; box-shadow: 0 12px 36px #0008; }
.public-navigation a { display: block; padding: 12px; color: #f4f4f4; text-decoration: none; border-radius: 6px; }
.public-navigation a:hover, .public-navigation a[aria-current] { background: #f4c66b20; color: var(--workspace-gold); }
.site-header .public-navigation { display: none; }
.legal-header { position: relative; z-index: 30; gap: 12px; }
.legal-header .legal-actions { margin-left: auto; }
.legal-header .public-navigation { margin-left: 0; }
.command-search-bar { display: grid; grid-template-columns: minmax(200px, 2fr) 1fr 1fr auto; gap: 16px; align-items: end; background: #171b23; border: 1px solid #4b4435; padding: 24px; border-radius: 16px; }
.command-search-bar label { display: grid; gap: 8px; font-size: 14px; color: #dfdfe4; }
.command-search-bar input, .command-search-bar select { width: 100%; min-width: 0; padding: 12px; border: 1px solid #666; background: #0f1218; color: #fff; border-radius: 8px; font: inherit; }
.command-entry { border-bottom: 1px solid #363b46; padding: 18px 4px; }
.command-entry > summary { cursor: pointer; display: grid; grid-template-columns: 170px 1fr auto; gap: 16px; align-items: center; list-style: none; }
.command-entry > summary::before { content: none; }
.command-entry > summary code { color: var(--workspace-gold); font-size: 16px; }
.command-entry > summary small { color: var(--workspace-cyan); }
.command-entry[open] { padding: 22px; background: #191e27; border: 1px solid #716043; border-radius: 12px; margin-block: 12px; }
.command-entry p, .command-parameters { line-height: 1.85; color: #c6cbd5; }
.command-example { display: flex; gap: 16px; justify-content: space-between; align-items: center; padding: 16px; margin-block: 16px; background: #0e1118; border-radius: 10px; }
.command-example code { white-space: normal; overflow-wrap: anywhere; color: #ffe0a5; }
.command-example button { flex: 0 0 auto; }
.command-variant { padding: 12px; margin-block: 8px; border: 1px solid #414956; border-radius: 8px; }
.command-variant summary { cursor: pointer; overflow-wrap: anywhere; }
.command-entry small { color: #b7c3cd; }
[data-command-count] { color: #becad4; margin-block: 20px; }
.draft-review { width: 100%; padding: 18px; border: 1px solid #94723c; background: #211e18; border-radius: 12px; font-size: 14px; }
.draft-review ul { padding-left: 20px; max-height: 220px; overflow: auto; }
.draft-review li { overflow-wrap: anywhere; margin-block: 8px; }
.draft-review button { margin-top: 8px; }
.settings-actions { flex-wrap: wrap; }
.workspace-confirm { max-width: min(640px, calc(100vw - 32px)); max-height: 85vh; overflow: auto; padding: 28px; border: 1px solid var(--workspace-gold); border-radius: 16px; color: #f5f5f7; background: #191e27; }
.workspace-confirm::backdrop { background: #000b; }
.workspace-confirm p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; }
.workspace-confirm > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
.workspace-confirm button { padding: 12px 20px; border-radius: 8px; cursor: pointer; }
.workspace-confirm [data-confirm-accept] { background: var(--workspace-gold); color: #1a1d24; font-weight: 700; }
.mobile-advanced-navigation { display: none; }
.workspace-guild-context { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 12px 0 24px; padding: 14px 18px; background: #171b23; border: 1px solid #414956; border-radius: 12px; }
.workspace-guild-context strong { min-width: 0; overflow-wrap: anywhere; }
.workspace-guild-context button { flex-shrink: 0; padding: 10px; color: var(--workspace-cyan); background: transparent; border: 1px solid #456369; border-radius: 8px; cursor: pointer; }
body:not([data-dashboard-auth="signed-in"]) .workspace-guild-context { display: none; }
body[data-has-dashboard-guild="false"] .workspace-guild-context,
body[data-has-dashboard-guild="false"] .dashboard-panel:not(.owner-dashboard-panel),
body[data-has-dashboard-guild="false"] .mobile-advanced-navigation { display: none !important; }
.health-card[data-state="unset"], .health-card[data-state="disabled"], .health-card[data-state="idle"] { border-color: #5c6573; }
.health-card a { display: inline-block; padding: 10px 0; color: var(--workspace-cyan); }
.health-card [data-health-refresh] { margin-top: 10px; }
.health-card p, .empty-state { overflow-wrap: anywhere; line-height: 1.8; }
.empty-state { padding: 24px; border: 1px dashed #606a79; border-radius: 12px; }
.empty-state a { display: inline-block; padding: 10px; color: var(--workspace-cyan); }
.task-links { display: flex; gap: 12px; flex-wrap: wrap; margin-block: 24px; }
.task-links a { color: var(--workspace-cyan); border: 1px solid #456369; border-radius: 30px; padding: 12px 20px; text-decoration: none; }
.guide-step { scroll-margin-top: 110px; }
.demo-label { display: inline-block; padding: 5px 12px; border: 1px solid #92805e; border-radius: 30px; color: #ffdd9b; font-size: 12px; letter-spacing: .04em; }
.status-note time { color: var(--workspace-cyan); }
:is(a, button, input, select, summary):focus-visible { outline: 3px solid var(--workspace-gold); outline-offset: 4px; }
@media (max-width: 1000px) {
  .mobile-advanced-navigation { display: block; margin-block: 12px; }
  .mobile-advanced-navigation > summary { padding: 12px; cursor: pointer; color: var(--workspace-cyan); }
  .site-header .public-navigation { display: block; }
  .site-header .nav-links { display: none; }
  .command-search-bar { grid-template-columns: 1fr 1fr; }
  .command-search-bar label:first-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .site-header .header-actions { display: none; }
  .legal-header .legal-actions { display: none; }
  .legal-header .public-navigation { margin-left: auto; }
  .command-search-bar { padding: 16px; gap: 12px; }
  .command-search-bar button { grid-column: 1 / -1; }
  .command-entry > summary { grid-template-columns: 1fr; gap: 8px; }
  .command-entry > summary code { font-size: 18px; }
  .command-entry > summary small::after { content: ' · 點開詳情 ↓'; }
  .command-example { align-items: stretch; flex-direction: column; }
  .command-entry[open] { padding: 16px; }
  .command-parameters { padding-left: 18px; }
  .simple-main { width: min(100% - 32px, 1120px); }
  .simple-card { min-width: 0; }
  .simple-card code { overflow-wrap: anywhere; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
.onboarding-link { max-width: 1200px; margin: 20px auto 40px; padding: 0 24px; text-align: center; color: #b4bbc5; line-height: 1.8; }
.onboarding-link a { color: #f3cf83; overflow-wrap: anywhere; }