/* Giuseppe V1.1 (ORIGO-061) — Profile / Memory / Actions / Projects / Audit panels and action cards.
   Uses the tokens of index.html (--border, --accent, --bg-elevated, --text-dim); purely additive. */
.v11-section { border: 1px solid var(--border); border-radius: 10px; margin: 0 0 8px; background: transparent; }
.v11-section > summary { cursor: pointer; padding: 8px 10px; font-size: 12px; font-weight: 600; list-style: none; display: flex; align-items: center; gap: 6px; }
.v11-section > summary::-webkit-details-marker { display: none; }
.v11-section > summary::after { content: "▸"; margin-left: auto; color: var(--text-dim); }
.v11-section[open] > summary::after { content: "▾"; }
.v11-count { font-size: 10px; padding: 1px 6px; border-radius: 999px; background: var(--accent-dim); color: var(--accent); font-weight: 600; }
.v11-body { padding: 4px 10px 10px; display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.v11-body label { display: flex; flex-direction: column; gap: 3px; font-size: 11px; color: var(--text-dim); }
.v11-body input, .v11-body textarea, .v11-body select { padding: 6px 8px; border: 1px solid var(--border); border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: 13px; min-width: 0; }
.v11-body textarea { resize: vertical; min-height: 44px; }
.v11-row { display: flex; gap: 6px; align-items: center; }
.v11-row > input { flex: 1; }
.v11-btn { flex: 0 0 auto; padding: 4px 10px; border: 1px solid var(--border); border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: 12px; cursor: pointer; }
.v11-btn:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
.v11-btn:disabled { opacity: 0.5; cursor: default; }
.v11-btn.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.v11-btn.danger:hover:not(:disabled) { border-color: #e5484d; color: #e5484d; }
.v11-note { font-size: 11px; color: var(--text-dim); }
.v11-note.err { color: #e5484d; }
.v11-note.ok { color: var(--accent); }
.v11-empty { font-size: 12px; color: var(--text-dim); }
.v11-item { border: 1px solid var(--border); border-radius: 8px; padding: 6px 8px; display: flex; flex-direction: column; gap: 5px; overflow-wrap: anywhere; }
.v11-item .v11-item-head { display: flex; gap: 6px; align-items: flex-start; }
.v11-item .v11-item-text { flex: 1; min-width: 0; }
.v11-item .v11-code { font-size: 10px; color: var(--text-dim); }
.v11-item .v11-actions { display: flex; gap: 6px; flex-wrap: wrap; }
/* E3: a project whose deadline passed while it is still open */
.v11-item.v11-late { border-color: var(--danger, #c0392b); }
.v11-item[hidden] { display: none; }
.v11-badge { font-size: 10px; padding: 1px 7px; border-radius: 999px; border: 1px solid var(--border); white-space: nowrap; }
.v11-badge.succeeded { color: var(--accent); border-color: var(--accent-dim); }
.v11-badge.failed, .v11-badge.rejected, .v11-badge.expired { color: #e5484d; border-color: #5a2528; }
.v11-badge.proposed, .v11-badge.approved, .v11-badge.executing { color: #e0a93b; border-color: #5a4a20; }
.v11-pre { margin: 0; padding: 6px 8px; background: var(--bg-sidebar); border: 1px solid var(--border); border-radius: 6px; font: 11px/1.45 ui-monospace, Menlo, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 240px; overflow: auto; }
.v11-sub { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-dim); margin-top: 4px; }

/* an action card in the chat: the SYSTEM speaking, from a real record — visibly different from Giuseppe's own text */
.msg.system.action-card { align-self: flex-start; text-align: left; max-width: 80%; padding: 10px 14px; border: 1px solid var(--accent-dim); border-left: 3px solid var(--accent); border-radius: 10px; background: var(--bg-sidebar); color: var(--text); font-size: 13px; font-family: ui-monospace, Menlo, Consolas, monospace; }
.msg.system.action-card::before { content: "RENDSZER · a művelet-motor rekordja"; display: block; font: 600 10px/1 system-ui, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; color: var(--accent); margin-bottom: 6px; }
@media (max-width: 720px) { .msg.system.action-card { max-width: 96%; } }

/* "remember this" on a message: shown on hover/focus (always on touch screens) */
.msg { position: relative; }
.msg-remember { position: absolute; top: 4px; right: 6px; padding: 1px 6px; font-size: 11px; line-height: 1.4; border: 1px solid var(--border); border-radius: 999px; background: var(--bg-app); color: var(--text-dim); cursor: pointer; opacity: 0; transition: opacity 0.15s; }
.msg:hover .msg-remember, .msg-remember:focus, .msg-remember.done { opacity: 1; }
.msg-remember:hover { border-color: var(--accent); color: var(--accent); }
@media (hover: none) { .msg-remember { opacity: 0.7; } }