@layer admin-system {
  #app .assistant-workspace { min-width: 0; width: 100%; color: var(--ui-text); }
  #app .assistant-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 0 16px; background: transparent; }
  #app .assistant-heading h2 { margin: 0; font-size: 22px; }
  #app .assistant-heading small { color: var(--ui-muted); font-size: 12px; }
  #app [data-assistant-refresh], #app [data-assistant-new] { width: 46px; min-width: 46px; height: 46px; padding: 12px; display: grid; place-items: center; }
  #app .assistant-modes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; border-bottom: 1px solid var(--ui-line); margin-bottom: 16px; }
  #app .assistant-modes button { min-height: 48px; padding: 10px 12px; background: transparent !important; color: var(--ui-muted) !important; border: 0; border-radius: 0 !important; box-shadow: none !important; font-size: 14px; }
  #app .assistant-modes [aria-selected=true] { color: var(--ui-accent) !important; border-bottom: 3px solid var(--ui-accent); }
  #app .assistant-toolbar { display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,220px) 46px; gap: 12px; align-items: end; }
  #app .assistant-toolbar:not(:has(.assistant-month)) { grid-template-columns: minmax(0,1fr) 46px; }
  #app .assistant-toolbar label { display: grid; gap: 6px; margin: 0; min-width: 0; color: var(--ui-muted); font-size: 13px; }
  #app .assistant-toolbar :is(select,input) { width: 100%; }
  #app .assistant-context { border: 0 !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; background: transparent !important; }
  #app .assistant-context > summary { padding: 8px 0 !important; min-height: 44px; color: var(--ui-text) !important; background: transparent !important; font-size: 14px; cursor: pointer; }
  #app .assistant-context > summary::after { display: none !important; }
  #app .assistant-connection-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  #app .assistant-connection { min-height: 24px; font-size: 13px; color: var(--ui-warning); margin: 8px 0; }
  #app .assistant-connection[data-connected=true] { color: var(--ui-success); }
  #app .assistant-log { height: clamp(220px,calc(100dvh - 690px),520px); min-height: 220px; overflow-y: auto; overscroll-behavior: contain; border: 0 !important; border-block: 1px solid var(--ui-line) !important; padding: 12px 0 !important; scrollbar-gutter: stable; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
  #app .assistant-empty { margin: 70px 0; text-align: center; color: var(--ui-muted); }
  #app .assistant-turn { margin: 0 0 24px !important; padding: 0 !important; min-height: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  #app .assistant-message { padding: 14px 0; min-width: 0; box-shadow: none !important; }
  #app .assistant-message > strong { font-size: 13px; color: var(--ui-muted); }
  #app .assistant-message p { font-size: 15px; line-height: 1.65; margin: 8px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
  #app .assistant-user { background: var(--ui-tint); border-radius: 8px; padding: 12px 16px; margin-left: 12%; }
  #app .assistant-reply { padding-inline: 4px; background: transparent !important; border: 0 !important; border-radius: 0 !important; }
  #app .assistant-run-status { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-top: 12px; color: var(--ui-muted); }
  #app .assistant-proposal, #app .assistant-code-result { padding: 16px 0 !important; margin-top: 16px; border: 0 !important; border-top: 1px solid var(--ui-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  #app .assistant-proposal h3, #app .assistant-code-result h3 { font-size: 16px; margin: 0; }
  #app .assistant-proposal-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 8px; }
  #app .assistant-proposal-actions button, #app .assistant-run-status button { min-height: 44px; padding: 8px 14px; }
  #app .assistant-proposal small { font-size: 12px; color: var(--ui-muted); }
  #app .assistant-action-state { display: block; color: var(--ui-success); padding-top: 10px; }
  #app .assistant-code-result details { padding: 12px 0 !important; border: 0 !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  #app .assistant-code-result summary { cursor: pointer; padding: 8px 0 !important; overflow-wrap: anywhere; background: transparent !important; }
  #app .assistant-code-result pre { max-height: 240px; overflow: auto; padding: 12px; color: var(--ui-text); background: var(--ui-raised); border-radius: 6px; font: 12px/1.6 Consolas, monospace; }
  #app .assistant-code-result a { display: inline-flex; align-items: center; gap: 8px; padding: 12px; margin-top: 12px; }
  #app .assistant-error { color: var(--ui-danger); font-size: 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
  #app .assistant-error:empty { display: none; }
  #app .assistant-composer { display: grid !important; gap: 8px !important; margin: 0 !important; padding: 12px 0 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  #app .assistant-composer label { margin: 0; font-size: 14px; color: var(--ui-muted); }
  #app .assistant-composer textarea { resize: vertical; width: 100%; min-height: 88px; max-height: 220px; }
  #app .assistant-send-row { display: flex; gap: 14px; justify-content: space-between; align-items: center; }
  #app .assistant-send-row small { color: var(--ui-muted); font-size: 12px; }
  #app .assistant-send-row button { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 48px; min-width: 100px; padding: 10px 16px; flex-shrink: 0; }
  @media (max-width: 600px) {
    #app .assistant-heading { display: none !important; }
    #app .assistant-modes { margin-bottom: 0; }
    #app .assistant-toolbar { grid-template-columns: minmax(0,1fr) 46px; }
    #app .assistant-toolbar > label:first-child { grid-column: 1/-1; }
    #app .assistant-toolbar:not(:has(.assistant-month)) > label:first-child { grid-column: 1; }
    #app .assistant-log { height: clamp(180px,calc(100dvh - 570px),380px); min-height: 180px; }
    #app .assistant-user { margin-left: 6%; }
    #app .assistant-send-row { align-items: flex-end; }
    #app .assistant-modes button { padding-inline: 6px; }
  }
}