.shell[data-direction='ledger'] header { box-shadow: 0 8px 24px -24px rgb(67 47 43 / 50%); }
.shell[data-direction='ledger'] .records { box-shadow: 0 10px 30px -30px rgb(67 47 43 / 35%); }
.shell[data-direction='command'] { --canvas: #f8fafc; --rail: #0f172a; --line: #e4ded7; }
.shell[data-direction='command'] .rail { color: #f8fafc; border-color: #2c3747; }
.shell[data-direction='command'] .brand small, .shell[data-direction='command'] .rail nav button, .shell[data-direction='command'] .rail-label { color: #aeb9c8; }
.shell[data-direction='command'] .rail nav button.active { background: #2a3546; color: white; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 6%); }
.shell[data-direction='command'] .rail nav b { color: #fff0ed; }
.shell[data-direction='command'] .risk { background: #232e3e; color: #fff0ed; }
.shell[data-direction='command'] header { background: rgb(248 250 252 / 96%); border-color: #e4ded7; box-shadow: 0 14px 30px -30px rgb(15 23 42 / 55%); }
.shell[data-direction='command'] .direction { background: #edf1f5; }
.shell[data-direction='command'] .direction a[aria-current='true'] { background: #0f172a; color: white; }
.shell[data-direction='command'] .records { background: white; border-radius: 8px; }
.shell[data-direction='command'] article { background: white; border-color: #e7ebf0; }
.shell[data-direction='command'] .command-summary { display: flex; max-width: 1100px; min-height: 72px; margin: auto; background: #111c2d; color: white; }
.shell[data-direction='command'] .command-summary div { display: flex; flex: 1; min-width: 190px; flex-direction: column; justify-content: center; padding: 12px 20px; border-right: 1px solid #334155; }
.shell[data-direction='command'] .command-summary small { color: #fffdfb; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.shell[data-direction='command'] .command-summary strong { margin-top: 3px; font-size: 18px; }
.shell[data-direction='command'] .command-summary button { display: flex; min-width: 112px; flex-direction: column; justify-content: center; padding: 10px 16px; border-right: 1px solid #334155; background: transparent; color: #cbd5e1; text-align: left; }
.shell[data-direction='command'] .command-summary button:first-of-type { background: #263449; color: white; }
.shell[data-direction='command'] .command-summary button span { font-size: 11px; }
.shell[data-direction='command'] .command-summary button b { color: white; font-size: 17px; }
.shell[data-direction='flow'] { --canvas: #f7f3ee; --rail: #eee7df; --line: #ded4ca; }
.shell[data-direction='flow'] { grid-template-columns: minmax(0,1fr); }
.shell[data-direction='flow'] .rail { display: none; }
.shell[data-direction='flow'] header { background: rgb(247 243 238 / 94%); border-color: transparent; }
.shell[data-direction='flow'] .topbar, .shell[data-direction='flow'] .toolbar, .shell[data-direction='flow'] .content { max-width: 900px; }
.shell[data-direction='flow'] .toolbar { padding: 6px; border-radius: 12px; background: #fffdfb; box-shadow: 0 14px 32px -30px rgb(67 47 43 / 50%); }
.shell[data-direction='flow'] .direction { background: #e9e0d7; border-color: transparent; }
.shell[data-direction='flow'] .direction a[aria-current='true'] { background: #b83d34; color: white; }
.shell[data-direction='flow'] .flow-navigation { display: block; max-width: 900px; margin: 22px auto 0; padding: 0 36px; }
.shell[data-direction='flow'] .flow-navigation > small { display: block; margin: 0 0 8px 4px; color: #475569; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.shell[data-direction='flow'] .flow-navigation nav { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); padding: 4px; border-radius: 14px; background: #e9e0d7; }
.shell[data-direction='flow'] .flow-navigation button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 10px; background: transparent; color: #6b5f56; font-size: 12px; }
.shell[data-direction='flow'] .flow-navigation button.active { background: #fffdfb; color: #9f332c; box-shadow: 0 6px 18px -14px rgb(67 47 43 / 55%); }
.shell[data-direction='flow'] .records { display: grid; gap: 8px; overflow: visible; border: 0; background: transparent; }
.shell[data-direction='flow'] article { border: 0; border-radius: 12px; background: #fffdfb; box-shadow: 0 12px 28px -28px rgb(67 47 43 / 55%); }
@media (max-width: 760px) {
  .shell { display: block; padding-bottom: 78px; }
  .rail { display: none; }
  header { padding: 10px 14px 9px; }
  .menu { display: block; }
  .title h1 { font-size: 20px; }
  .topbar { flex-wrap: wrap; }
  .title p, .header-add { display: none; }
  .direction { order: 3; width: 100%; min-height: 44px; padding: 3px; }
  .direction a { display: flex; flex: 1; align-items: center; justify-content: center; min-height: 44px; padding: 8px; }
  .toolbar { margin-top: 8px; overflow-x: auto; }
  .toolbar label { min-width: 100%; }
  .toolbar button { flex: 0 0 auto; }
  .content { padding: 15px 16px 28px; }
  .notice { margin-bottom: 16px; }
  section + section { margin-top: 22px; }
  .section-title span { display: none; }
  article { min-height: 78px; padding: 13px 10px; }
  article h2 { font-size: 13px; }
  article p span:nth-of-type(2) { display: none; }
  article > b { margin-left: -2px; }
  .mobile-add { position: fixed; right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); z-index: 3; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; background: var(--accent); color: white; box-shadow: 0 14px 32px -14px rgb(122 59 46 / 65%); font-size: 22px; }
  .mobile-add span { display: none; }
  .shell[data-direction='command'] .records { margin-inline: -16px; border-left: 0; border-right: 0; border-radius: 0; }
  .shell[data-direction='command'] article { padding-inline: 16px; }
  .shell[data-direction='command'] header { background: #0f172a; border-color: #1e293b; }
  .shell[data-direction='command'] .topbar :where(h1, .menu) { color: white; }
  .shell[data-direction='command'] .direction { background: #1e293b; border-color: #475569; }
  .shell[data-direction='command'] .direction a { color: white; }
  .shell[data-direction='command'] .toolbar { padding: 5px; border-radius: 8px; background: #f8fafc; }
  .shell[data-direction='command'] .command-summary { display: block; min-height: 0; overflow: hidden; }
  .shell[data-direction='command'] .command-summary div { flex-direction: row; align-items: baseline; gap: 10px; padding: 10px 16px; border-right: 0; border-bottom: 1px solid #334155; }
  .shell[data-direction='command'] .command-summary button { display: inline-flex; min-width: 112px; min-height: 58px; }
  .shell[data-direction='flow'] .toolbar { padding: 5px; }
  .shell[data-direction='flow'] .flow-navigation { margin-top: 14px; padding: 0 16px; }
  .shell[data-direction='flow'] .flow-navigation nav { display: flex; overflow-x: auto; }
  .shell[data-direction='flow'] .flow-navigation button { flex: 0 0 96px; }
  .shell[data-direction='flow'] .records { gap: 8px; }
  .shell[data-direction='flow'] article { border-radius: 12px; }
  .shell[data-direction='flow'] .mobile-add { width: auto; height: 54px; gap: 8px; padding: 0 18px; border-radius: 999px; font-size: 18px; }
  .shell[data-direction='flow'] .mobile-add span { display: inline; font-size: 13px; font-weight: 750; }
}