/* Asystent: right drawer (desktop), full-screen sheet (mobile). Figures render from tool data only. */
.agent-launch { display:inline-flex; align-items:center; gap:6px; width:auto; padding:8px 10px; font:600 13px/1 Inter,ui-sans-serif,system-ui,sans-serif; }
.agent-launch .agent-dot { position:absolute; top:6px; right:6px; width:8px; height:8px; border-radius:50%; background:#F59E0B; box-shadow:0 0 0 2px #0A0F1E; }
.agent-drawer { position:fixed; top:60px; right:0; bottom:0; width:440px; max-width:100vw; z-index:30; display:flex; flex-direction:column; background:#F4F8FC; border-left:1px solid #E2E8F0; box-shadow:-12px 0 32px rgba(10,15,30,.12); color:#0A0F1E; font-size:14px; }
.agent-drawer[hidden] { display:none; }
.agent-head { display:flex; align-items:center; gap:8px; padding:10px 12px; background:#fff; border-bottom:1px solid #E2E8F0; }
.agent-head h2 { margin:0; font-size:15px; display:flex; align-items:center; gap:6px; }
.agent-context { font-size:11px; color:#647B9C; background:#EEF4FB; border-radius:999px; padding:3px 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; flex:1; }
.agent-head .agent-icon-btn { border:0; background:transparent; width:36px; height:36px; border-radius:6px; cursor:pointer; color:#334155; flex-shrink:0; }
.agent-head .agent-icon-btn:hover { background:#EEF4FB; }
.agent-menu { position:absolute; right:52px; top:50px; background:#fff; border:1px solid #E2E8F0; border-radius:8px; box-shadow:0 10px 24px rgba(10,15,30,.12); z-index:2; min-width:190px; padding:4px; }
.agent-menu button { display:block; width:100%; text-align:left; border:0; background:none; padding:9px 10px; border-radius:6px; cursor:pointer; font-size:13px; }
.agent-menu button:hover { background:#F4F8FC; }
.agent-banner { font-size:11px; padding:6px 12px; background:#EEF2FF; color:#3730A3; border-bottom:1px solid #E2E8F0; }
.agent-banner strong { letter-spacing:.04em; }
.agent-banner.demo { background:#FFF7E6; color:#8a5b00; }
.agent-log > * { flex-shrink:0; }
.agent-log { flex:1; overflow-y:auto; padding:14px 12px 20px; display:flex; flex-direction:column; gap:14px; overscroll-behavior:contain; }
.agent-empty h3 { margin:6px 0 4px; font-size:18px; }
.agent-empty p { margin:0 0 12px; color:#647B9C; font-size:13px; }
.agent-empty .agent-group { font-size:11px; color:#647B9C; margin:10px 0 4px; text-transform:uppercase; letter-spacing:.04em; }
.agent-chips { display:flex; flex-wrap:wrap; gap:6px; }
.agent-chip { border:1px solid #D7E2F0; background:#fff; border-radius:999px; padding:7px 11px; font-size:12px; cursor:pointer; color:#1B2A41; min-height:32px; }
.agent-chip:hover { border-color:#3B82F6; color:#1D4ED8; }
.agent-user { align-self:flex-end; max-width:85%; background:#1B2A41; color:#fff; border-radius:12px 12px 2px 12px; padding:9px 12px; white-space:pre-wrap; overflow-wrap:anywhere; }
.agent-turn { display:flex; flex-direction:column; gap:10px; }
.agent-prose { line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.agent-unverified { background:none; color:inherit; text-decoration:underline dotted #b45309 2px; text-underline-offset:3px; }
.agent-unverified::after { content:"*"; color:#b45309; }
.agent-unverified-note { margin:4px 0 0; font-size:12px; color:#92400e; }
.agent-model-text { border-left:3px solid #94a3b8; padding:2px 0 2px 10px; margin:4px 0 10px; }
.agent-prose-source { margin:0 0 4px; font-size:12px; font-weight:600; color:#334155; }
.agent-steps { font-size:12px; color:#647B9C; }
.agent-steps summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:6px; }
.agent-steps summary::-webkit-details-marker { display:none; }
.agent-steps ol { margin:6px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:4px; }
.agent-steps li { display:flex; gap:6px; align-items:flex-start; }
.agent-steps .st { width:14px; flex-shrink:0; text-align:center; }
.agent-steps .done .st { color:#009F77; }
.agent-steps .failed { color:#a26b00; }
.agent-spin { display:inline-block; width:10px; height:10px; border:2px solid #CBD5E1; border-top-color:#3B82F6; border-radius:50%; animation:agentspin .8s linear infinite; }
@keyframes agentspin { to { transform:rotate(360deg); } }
.agent-card { background:#fff; border:1px solid #E2E8F0; border-radius:8px; overflow:hidden; }
.agent-card-body { padding:10px 12px; }
.agent-card h4 { margin:0 0 8px; font-size:13px; }
.agent-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:6px; }
.agent-kpi { border:1px solid #EEF2F7; border-radius:6px; padding:7px 8px; min-width:0; }
.agent-kpi span { display:block; font-size:11px; color:#647B9C; overflow-wrap:anywhere; }
.agent-kpi strong { display:block; font-size:15px; margin-top:2px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.agent-neg { color:#E11D48; }
.agent-pos { color:#009F77; }
.agent-records { list-style:none; margin:10px 0 0; padding:0; border-top:1px solid #EEF2F7; }
.agent-records li { border-bottom:1px solid #EEF2F7; }
.agent-records a { display:flex; gap:8px; justify-content:space-between; align-items:flex-start; padding:8px 2px; color:inherit; text-decoration:none; min-height:44px; }
.agent-records a:hover { background:#F8FAFD; }
.agent-records .who { font-weight:600; font-size:13px; overflow-wrap:anywhere; }
.agent-records .meta { font-size:11px; color:#647B9C; margin-top:2px; }
.agent-records .amt { font-weight:650; white-space:nowrap; font-variant-numeric:tabular-nums; }
.agent-more { border:0; background:none; color:#1D4ED8; font-size:12px; padding:8px 2px; cursor:pointer; }
.agent-sources { font-size:12px; color:#475569; border-top:1px solid #EEF2F7; padding:8px 12px; background:#FAFCFE; }
.agent-sources summary { cursor:pointer; }
.agent-sources dl { display:grid; grid-template-columns:86px 1fr; gap:4px 8px; margin:8px 0 0; }
.agent-sources dt { color:#647B9C; }
.agent-sources dd { margin:0; overflow-wrap:anywhere; }
.agent-sources .chip { display:inline-block; background:#EEF4FB; color:#1D4ED8; border-radius:999px; padding:2px 8px; margin:0 4px 4px 0; text-decoration:none; }
.agent-notice { font-size:12px; padding:8px 10px; border-radius:6px; background:#F1F5F9; color:#334155; display:flex; gap:6px; align-items:flex-start; }
.agent-notice.warn { background:#FFF7E6; color:#8a5b00; }
.agent-notice.error { background:#FDECEF; color:#9F1239; }
.agent-link { align-self:flex-start; }
.agent-proposal .strip > span:last-child { white-space:nowrap; }
.agent-proposal .strip { font-size:11px; font-weight:700; letter-spacing:.04em; padding:6px 12px; display:flex; justify-content:space-between; gap:8px; background:#FFF7E6; color:#a26b00; text-transform:uppercase; }
.agent-proposal .strip.saved { background:#E6F6F1; color:#078659; }
.agent-proposal .strip.grey { background:#F1F5F9; color:#64748B; }
.agent-proposal .strip.red { background:#FDECEF; color:#BE123C; }
.agent-proposal .strip.lock { background:#EEF2F7; color:#334155; }
.agent-change { padding:8px 0; border-bottom:1px solid #EEF2F7; }
.agent-change:last-of-type { border-bottom:0; }
.agent-change .row1 { display:flex; justify-content:space-between; gap:8px; font-weight:600; font-size:13px; }
.agent-change .row1 a { color:inherit; text-decoration:none; overflow-wrap:anywhere; }
.agent-change .row2 { font-size:12px; color:#475569; margin-top:2px; }
.agent-change .row2 s { color:#94A3B8; }
.agent-change .warn { font-size:11px; color:#a26b00; margin-top:3px; }
.agent-minimum { margin-top:8px; padding:8px; background:#F8FAFD; border-radius:6px; font-size:12px; }
.agent-minimum strong { font-variant-numeric:tabular-nums; }
.agent-effect { font-size:11px; color:#647B9C; margin-top:6px; }
.agent-consent { margin-top:10px; padding-top:8px; border-top:1px solid #EEF2F7; display:flex; flex-direction:column; gap:8px; font-size:12px; }
.agent-consent label { display:flex; gap:8px; align-items:flex-start; min-height:24px; }
.agent-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; align-items:center; }
.agent-actions .btn { min-height:36px; }
.agent-actions .details { margin-left:auto; border:0; background:none; color:#1D4ED8; font-size:12px; cursor:pointer; }
.agent-audit { font-size:11px; color:#475569; margin-top:8px; }
.agent-audit code { background:#EEF4FB; border-radius:4px; padding:1px 5px; }
.agent-compose { border-top:1px solid #E2E8F0; background:#fff; padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px)); }
.agent-compose form { display:flex; gap:8px; align-items:flex-end; }
.agent-compose textarea { flex:1; resize:none; min-height:42px; max-height:140px; border:1px solid #D7E2F0; border-radius:8px; padding:10px; font:inherit; font-size:14px; }
.agent-compose textarea:disabled { background:#F1F5F9; }
.agent-send { width:42px; height:42px; border-radius:8px; border:0; background:#0A0F1E; color:#fff; cursor:pointer; flex-shrink:0; font-size:16px; }
.agent-send.stop { background:#fff; color:#E11D48; border:1px solid #FCA5B4; }
.agent-send:disabled { opacity:.45; cursor:not-allowed; }
.agent-perm { font-size:11px; color:#647B9C; margin-top:6px; }
.agent-sheet table { width:100%; border-collapse:collapse; font-size:12px; }
.agent-sheet td { padding:6px 4px; border-bottom:1px solid #EEF2F7; vertical-align:top; }
.agent-sheet .st-available { color:#009F77; }
.agent-sheet .st-read { color:#1D4ED8; }
.agent-sheet .st-unavailable { color:#94A3B8; }
.agent-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
@media (max-width:760px) {
  .agent-launch span { display:none; }
  .agent-drawer { top:0; width:100vw; border-left:0; z-index:60; padding-top:env(safe-area-inset-top,0px); }
  .agent-records a, .agent-chip { min-height:44px; }
}
.agent-drawer a.btn { text-decoration:none; display:inline-flex; align-items:center; color:inherit; }
.agent-audit code { white-space:nowrap; }
.agent-head .mobile-back { display:none; }
.agent-return { position:fixed; left:50%; transform:translateX(-50%); bottom:calc(76px + env(safe-area-inset-bottom,0px)); z-index:45; border:0; border-radius:999px; background:#1B2A41; color:#fff; padding:12px 18px; font:600 14px/1 Inter,ui-sans-serif,system-ui,sans-serif; box-shadow:0 8px 20px rgba(10,15,30,.25); min-height:44px; }
.agent-return[hidden] { display:none; }
@media (max-width:760px) { .agent-head .mobile-back { display:inline-block; } }
.agent-sheet th { text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:#647B9C; padding:10px 4px 4px; }
.agent-change .small { font-size:11px; color:#647B9C; font-weight:500; white-space:nowrap; }
.agent-files{border-bottom:1px solid #dce5f0;padding:10px 14px;flex-shrink:0;background:#f8faff;max-height:58vh;overflow:auto;font-size:12px}
.agent-files>summary{font-weight:650;cursor:pointer;padding:3px 0}
.agent-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.agent-files label{display:flex;flex-direction:column;gap:4px;min-width:0;margin:7px 0}
.agent-files .input,.agent-files .select,.agent-files input[type=file]{width:100%;min-width:0;font-size:12px;box-sizing:border-box}
.agent-files pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-width:100%;margin:5px 0}
.agent-files details{margin:9px 0}.agent-file-warning{color:#9a3a12;overflow-wrap:anywhere}.agent-file-native{border:1px solid #d4dfed;border-radius:8px;padding:9px;margin:10px 0}
.agent-file-table{max-height:35vh;overflow:auto}.agent-file-table table{width:100%;font-size:11px;border-collapse:collapse}.agent-file-table td,.agent-file-table th{vertical-align:top;text-align:left;border-bottom:1px solid #dce5f0;padding:7px;overflow-wrap:anywhere}
.agent-file-table td:first-child{width:43%}.agent-file-table label{flex-direction:row}.agent-files .agent-actions{flex-wrap:wrap;gap:6px}
@media(max-width:500px){.agent-file-grid{grid-template-columns:1fr}.agent-files{max-height:60dvh;padding:8px 12px}.agent-files .btn{white-space:normal}}
/* Ustawienia › Asystent AI and the composer's provider line (slice 10). */
.agent-provider { font-size:12px; color:#1B2A41; margin-top:6px; line-height:1.4; max-height:2.9em; overflow:hidden; }
.agent-provider img { vertical-align:-2px; }
.agent-provider a { color:#1E5BB8; }
.agent-provider .narrow { display:none; }
@media (max-width:760px) { .agent-provider .wide { display:none; } .agent-provider .narrow { display:inline; } }
.agent-provider-card .agent-provider-head { display:flex; align-items:center; gap:6px; font-weight:600; margin:0 0 6px; }
.agent-connections .pill { display:inline-block; border-radius:99px; padding:3px 9px; font-size:12px; background:#EFF3F8; color:#475569; }
.agent-connections .pill.green { background:#DFF8ED; color:#00865C; } .agent-connections .pill.yellow { background:#FFF0DA; color:#96530A; }
.agent-connections .pill.red { background:#FFE7EC; color:#C51A3E; }
.agent-connections-intro { margin:0 0 12px; }
.agent-methods { display:grid; gap:8px; }
.agent-method { display:flex; gap:10px; align-items:flex-start; border:1px solid #E2E8F0; border-radius:10px; padding:10px 12px; cursor:pointer; }
.agent-method.selected { border-color:#1E5BB8; background:#F5F8FC; }
.agent-method.disabled { cursor:not-allowed; color:#64748B; background:#FAFBFC; }
.agent-method span { display:grid; gap:3px; } .agent-method small { color:#64748B; font-size:12px; line-height:1.45; }
.agent-accounts { list-style:none; margin:0 0 10px; padding:0; display:grid; gap:8px; }
.agent-account { display:flex; flex-wrap:wrap; gap:8px; align-items:center; border:1px solid #E2E8F0; border-radius:10px; padding:8px 12px; }
.agent-account label { display:flex; gap:8px; align-items:center; flex:1 1 220px; min-width:0; }
.agent-account label span { display:grid; min-width:0; } .agent-account strong { overflow-wrap:anywhere; }
.agent-account small { color:#64748B; } .agent-account p, .agent-account .agent-notice { flex-basis:100%; margin:4px 0 0; }
.agent-account-actions { display:flex; flex-wrap:wrap; gap:6px; }
.chatgpt-continue { display:inline-flex; align-items:center; gap:8px; background:#000; color:#fff; border:0; border-radius:999px; padding:10px 18px; font:600 14px system-ui,sans-serif; cursor:pointer; }
.chatgpt-continue[disabled] { opacity:.5; cursor:not-allowed; }
.agent-consent { display:block; margin:0 0 8px; line-height:1.5; }
.btn.link { border:0; background:none; padding:0; color:#1E5BB8; text-decoration:underline; min-height:0; }
/* External assistants (slice 11): approval view in the drawer and the settings tab. */
.agent-approval { display:grid; gap:10px; }
.agent-attribution { border:1px solid #E2E8F0; border-radius:10px; padding:10px 12px; background:#F5F8FC; }
.agent-attribution p { margin:2px 0; }
.agent-trust { font-size:13px; color:#475569; margin:0; }
.external-pairing { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.pairing-code { font-family:ui-monospace,Menlo,monospace; font-size:18px; letter-spacing:.06em; }
.external-name { display:grid; gap:2px; flex:1 1 260px; min-width:0; }
.external-name small, .external-name code { overflow-wrap:anywhere; }
.external-snippet { flex-basis:100%; } .external-snippet pre { white-space:pre-wrap; overflow-wrap:anywhere; background:#0B1220; color:#E2E8F0; padding:10px; border-radius:8px; font-size:12px; }
.external-hosts { display:grid; gap:8px; margin:8px 0; }
.external-hosts .agent-method { justify-content:space-between; align-items:center; cursor:default; }
.external-step { display:grid; gap:8px; margin-top:8px; } .external-step fieldset { display:grid; gap:6px; border:0; padding:0; }
.external-ops { width:100%; border-collapse:collapse; font-size:12px; } .external-ops td, .external-ops th { border-bottom:1px solid #E2E8F0; padding:4px 6px; text-align:left; vertical-align:top; }
.external-pending-list { margin:0; padding-left:18px; }
#externalConsent fieldset { display:grid; gap:6px; border:0; padding:0; margin:10px 0; }