:root { color-scheme: light; --ink:#17211b; --muted:#66736b; --paper:#f4f6f2; --card:#fff; --line:#dce3dc; --green:#176b45; --green-soft:#e7f2ec; --amber:#a55a00; --amber-soft:#fff1d9; --red:#9c2f2f; --shadow:0 12px 32px rgba(28,50,37,.08); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); line-height:1.5; }
a { color:var(--green); text-underline-offset:3px; }
.topbar { min-height:64px; padding:0 max(20px,calc((100vw - 1280px)/2)); background:#12291e; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.topbar a { color:#fff; text-decoration:none; }.brand { font-weight:900; letter-spacing:.13em; }.topbar nav { display:flex; align-items:center; gap:18px; }.user-chip { padding:7px 11px; border:1px solid rgba(255,255,255,.25); border-radius:999px; font-size:.85rem; }
.shell { width:min(1280px,calc(100% - 32px)); margin:34px auto 80px; }.hero-row { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:24px; }.hero-row h1 { margin:.1rem 0; font-size:clamp(2rem,5vw,3.4rem); line-height:1.02; letter-spacing:-.04em; }.eyebrow { color:var(--green); font-size:.78rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.muted { color:var(--muted); }.panel,.login-card,.next-card { background:var(--card); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); padding:22px; margin-bottom:22px; }.login-card { width:min(520px,100%); margin:8vh auto; padding:34px; }.login-card h1 { font-size:2rem; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }.section-heading h2,.panel h2 { margin:0; }.count,.tag,.danger-tag,.role-badge { display:inline-flex; align-items:center; padding:4px 9px; border-radius:999px; background:var(--green-soft); color:var(--green); font-size:.78rem; font-weight:750; }.danger-tag { background:#fde7e7; color:var(--red); }.role-badge { margin-left:7px; font-size:.7rem; }.button,button { appearance:none; border:0; border-radius:10px; padding:10px 14px; background:var(--green); color:#fff; font:inherit; font-weight:700; cursor:pointer; }.button { text-decoration:none; }.button.secondary { background:#fff; color:var(--green); border:1px solid var(--green); }.link-button { background:transparent; color:var(--green); padding:4px 0; }button:disabled { opacity:.55; cursor:not-allowed; }
.table-wrap { overflow:auto; }table { width:100%; border-collapse:collapse; min-width:760px; }th,td { text-align:left; padding:12px 10px; border-bottom:1px solid var(--line); vertical-align:top; }th { color:var(--muted); font-size:.75rem; letter-spacing:.05em; text-transform:uppercase; }td small { display:block; color:var(--muted); margin-top:3px; }.needs-action { background:var(--amber-soft); }.alert-panel { border-color:#e8c98d; }.band { display:inline-flex; min-width:34px; justify-content:center; border-radius:8px; padding:4px 7px; font-weight:900; background:#edf0ed; }.band-XL,.priority-wysoki { background:#12291e;color:#fff; }.band-L,.priority-sredni { background:#cce6d8;color:#124f34; }.band-M,.priority-niski { background:#e8efe9;color:#315440; }.band-S { background:#f2f0df;color:#6a5b18; }.priority-none { background:#edf0ed;color:#66736b; }.empty { color:var(--muted); font-style:italic; }.mention-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }.mention-card { border:1px solid var(--line); border-radius:12px; padding:14px; }.mention-card p { margin:.25rem 0 .6rem; }
.form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:end; }.form-grid.compact { grid-template-columns:repeat(2,minmax(0,1fr)); }.wide { grid-column:span 2; }.stack { display:grid; gap:13px; }.inline-form { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }label { display:grid; gap:5px; color:#34463b; font-size:.86rem; font-weight:700; }input,select,textarea { width:100%; border:1px solid #bfc9c1; border-radius:9px; background:#fff; color:var(--ink); padding:10px 11px; font:inherit; }textarea { min-height:88px; resize:vertical; }input:focus,select:focus,textarea:focus { outline:3px solid rgba(23,107,69,.16); border-color:var(--green); }.result { margin-top:12px; color:var(--red); }.two-col { display:grid; grid-template-columns:2fr 1fr; gap:22px; }.three-col { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.next-card { min-width:min(380px,100%); margin:0; display:grid; gap:5px; border-left:5px solid var(--green); }.next-card small,.next-card span { color:var(--muted); }.badges { display:flex; gap:8px; margin-top:12px; }.field-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }.field-card { display:grid; gap:7px; border:1px solid var(--line); border-radius:11px; padding:12px; }.field-card button { padding:7px 10px; }details { margin-top:18px; }summary { cursor:pointer; font-weight:800; color:var(--green); margin-bottom:14px; }.missing-list { columns:2; }.thread { border-top:1px solid var(--line); padding:18px 0; }.comment { border-left:3px solid #c7d9cd; padding:8px 14px; margin:10px 0; background:#fafbf9; }.comment p { white-space:pre-wrap; }.comment time { float:right; color:var(--muted); font-size:.75rem; }
.filters { margin-bottom:16px; }.filters label { min-width:190px; }.filters .check-label { display:flex; align-items:center; min-width:auto; }.filters .check-label input { width:auto; }
.row-action { margin:0; min-width:180px; }.row-action summary { margin:0; font-size:.82rem; }.compact-action { margin-top:8px; min-width:230px; }
.feedback { margin:0 0 18px; padding:12px 14px; border:1px solid #a8cab4; border-radius:10px; background:var(--green-soft); color:var(--green); font-weight:750; }
.feedback.error { border-color:#e4aaaa; background:#fdecec; color:var(--red); }
.correction-form { margin:10px 0 16px; padding:12px; border:1px dashed #bfc9c1; border-radius:10px; }
.agent-brief-body { white-space:pre-wrap; overflow-wrap:anywhere; padding:14px; border-radius:11px; background:#f7faf7; border:1px solid var(--line); font:inherit; }
.document-layout { grid-template-columns:minmax(0,3fr) minmax(280px,2fr); }
.document-drop-zone { border:2px dashed #9fb4a6; border-radius:12px; padding:24px; text-align:center; color:var(--muted); background:#fafcf9; cursor:pointer; transition:.15s ease; }
.document-drop-zone.drag-active,.document-drop-zone:focus { border-color:var(--green); background:var(--green-soft); color:var(--green); outline:none; }
.document-table { min-width:620px; margin-top:16px; }.document-table .button { display:inline-block; padding:6px 9px; margin:2px; font-size:.78rem; }
.checklist-grid { display:grid; gap:9px; }.checklist-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:end; gap:8px; border:1px solid var(--line); border-radius:11px; padding:11px; }.checklist-row small { grid-column:1/-1; color:var(--muted); }.checklist-row.status-przeterminowany { border-color:#ddb36c; background:var(--amber-soft); }.checklist-row.status-brak { border-color:#e0b2b2; }.status-przeterminowany.tag { background:var(--amber-soft); color:var(--amber); }.status-brak.tag { background:#fde7e7; color:var(--red); }
.document-missing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }.missing-document-card { border:1px solid var(--line); border-radius:12px; padding:14px; }.missing-document-card small { display:block; color:var(--muted); margin-top:4px; }.missing-document-card .badges { flex-wrap:wrap; }
.search-form { display:grid; gap:8px; }.search-form .inline-form input { flex:1 1 320px; }.search-panel { border-left:5px solid var(--green); }.search-results { display:grid; gap:10px; }.search-result { border:1px solid var(--line); border-radius:12px; padding:14px; }.search-result p { margin:.5rem 0; white-space:pre-wrap; }.search-result small { color:var(--muted); }.search-result mark { background:#ffe08a; color:inherit; border-radius:3px; padding:0 2px; }
.today-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.today-column { border:1px solid var(--line); border-radius:13px; padding:14px; }.today-column h3 { margin-top:0; }.today-item { display:grid; gap:2px; margin:8px 0; padding:9px 10px; border-radius:9px; background:#f8faf7; text-decoration:none; }.today-item small { color:var(--muted); }.today-item.needs-action,.today-item.overdue-item { background:var(--amber-soft); }.notification-list { display:grid; gap:8px; }.notification-item { display:grid; grid-template-columns:minmax(150px,auto) 1fr auto; gap:12px; align-items:center; padding:10px 12px; border:1px solid var(--line); border-radius:10px; text-decoration:none; }.notification-item span { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.8rem; overflow-wrap:anywhere; }.notification-item small { color:var(--muted); }
@media (max-width:900px) { .form-grid,.form-grid.compact,.two-col,.three-col,.today-grid { grid-template-columns:1fr; }.wide { grid-column:auto; }.hero-row { flex-direction:column; }.next-card { min-width:0;width:100%; }.topbar nav a { display:none; }.notification-item { grid-template-columns:1fr; } }