/* Rejestr decyzji GIF (#45) — panel filtrów + oś czasu + karty. Port prototypu 0045, tokeny opieka.farm. */
:root{ --crit: oklch(0.55 0.2 25); }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --crit: oklch(0.68 0.19 25); } }
:root[data-theme="dark"]{ --crit: oklch(0.68 0.19 25); }

.gif-wrap .calc-head h1{ max-width:none; }
.gif-search{ position:relative; margin:18px 0 14px; }
.gif-search input{ width:100%; font-family:var(--font-body,'Source Sans 3',sans-serif); font-size:15px; color:var(--ink); background:var(--card); border:1px solid var(--line-2); border-radius:12px; padding:12px 14px 12px 42px; }
.gif-search input:focus-visible{ outline:2px solid var(--primary-2); outline-offset:1px; border-color:var(--primary-2); }
.gif-search .ic{ position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--ink-4); display:grid; }
.gif-search .ic svg{ width:18px; height:18px; }

.gif-pills{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.gif-pill{ font-family:var(--font-ui,'Onest',sans-serif); font-size:12.5px; font-weight:600; color:var(--ink-3); background:var(--card); border:1px solid var(--line-2); border-radius:99px; padding:6px 13px; cursor:pointer; display:inline-flex; align-items:center; gap:7px; transition:.12s; }
.gif-pill:hover{ color:var(--ink-2); }
.gif-pill[aria-selected="true"]{ background:var(--primary); color:#fff; border-color:var(--primary); }
.gif-pill .n{ font-family:var(--font-mono,monospace); font-size:11px; opacity:.8; }
.gif-pill .dot{ width:8px; height:8px; border-radius:50%; }

.gif-datebar{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:12px 14px; background:var(--bg-2); border-radius:12px; margin-bottom:8px; }
.gif-datebar .lab{ font-family:var(--font-ui,'Onest',sans-serif); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-4); margin-right:2px; }
.gif-datebar .qr{ font-family:var(--font-ui,'Onest',sans-serif); font-size:12.5px; font-weight:600; color:var(--ink-3); background:var(--card); border:1px solid var(--line-2); border-radius:8px; padding:6px 11px; cursor:pointer; }
.gif-datebar .qr[aria-selected="true"]{ background:var(--primary-2); color:#fff; border-color:var(--primary-2); }
.gif-datebar .sep{ width:1px; height:22px; background:var(--line-2); margin:0 4px; }
.gif-datebar .range{ display:inline-flex; align-items:center; gap:6px; font-family:var(--font-body,sans-serif); font-size:12.5px; color:var(--ink-3); }
.gif-datebar input[type=date]{ font-family:var(--font-mono,monospace); font-size:12px; color:var(--ink); background:var(--card); border:1px solid var(--line-2); border-radius:8px; padding:5px 8px; }
.gif-datebar .clr{ font-family:var(--font-ui,'Onest',sans-serif); font-size:12px; font-weight:600; color:var(--ink-4); background:none; border:0; cursor:pointer; }
.gif-datebar .clr:hover{ color:var(--warn); }
.gif-count{ font-family:var(--font-body,sans-serif); font-size:13px; color:var(--ink-3); margin:14px 2px 6px; }

.gif-mgroup{ margin-top:18px; }
.gif-mhead{ display:flex; align-items:center; gap:12px; margin:0 0 10px; }
.gif-mhead .m{ font-family:var(--font-ui,'Onest',sans-serif); font-size:13px; font-weight:700; letter-spacing:.02em; color:var(--primary); white-space:nowrap; }
.gif-mhead .ln{ flex:1; height:1px; background:var(--line); }
.gif-mhead .mc{ font-family:var(--font-mono,monospace); font-size:11px; color:var(--ink-4); }

.gif-card{ display:grid; grid-template-columns:1fr auto; gap:6px 16px; padding:15px 16px; border-radius:12px; background:var(--card); border:1px solid var(--line); margin-bottom:8px; border-left:3px solid var(--tc,var(--line-2)); text-decoration:none; color:inherit; transition:border-color .12s, box-shadow .12s; }
.gif-card:hover{ border-color:var(--line-2); box-shadow:var(--shadow-sm); }
.gif-card:hover .name{ color:var(--primary-2); }
.gif-card .badge{ grid-column:1; grid-row:1; justify-self:start; margin-bottom:4px; font-family:var(--font-ui,'Onest',sans-serif); font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#fff; background:var(--tc); border-radius:7px; padding:3px 9px; align-self:start; white-space:nowrap; }
.gif-card .top{ grid-column:1; grid-row:2; display:flex; flex-direction:column; gap:2px; min-width:0; }
.gif-card .name{ font-family:var(--font-ui,'Onest',sans-serif); font-size:15.5px; font-weight:700; color:var(--ink); letter-spacing:-.01em; }
.gif-card .form{ font-family:var(--font-body,sans-serif); font-size:13px; color:var(--ink-3); }
.gif-card .cmeta{ grid-column:1; grid-row:3; display:flex; gap:6px 14px; flex-wrap:wrap; margin-top:6px; font-family:var(--font-body,sans-serif); font-size:12px; color:var(--ink-3); }
.gif-card .cmeta .s{ font-family:var(--font-mono,monospace); font-size:11.5px; }
.gif-card .cmeta .go{ color:var(--primary-2); font-weight:600; display:inline-flex; align-items:center; gap:4px; }
.gif-card .cmeta .go svg{ width:12px; height:12px; }
.gif-card:hover .cmeta .go{ text-decoration:underline; }
.gif-card .date{ grid-column:2; grid-row:1/4; text-align:right; align-self:start; }
.gif-card .date .d{ font-family:var(--font-mono,monospace); font-size:14px; font-weight:500; color:var(--ink); font-variant-numeric:tabular-nums; }
.gif-card .date .dl{ font-family:var(--font-body,sans-serif); font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-4); }
.gif-card .date .num{ font-family:var(--font-mono,monospace); font-size:10.5px; color:var(--ink-4); margin-top:4px; }
.gif-empty{ padding:40px; text-align:center; color:var(--ink-3); font-family:var(--font-body,sans-serif); border:1px dashed var(--line-2); border-radius:14px; }
/* #0128: mobile = jedna kolumna, naturalny stack plakietka→tytuł→opis→meta→data */
@media (max-width:560px){ .gif-card{ grid-template-columns:1fr; } .gif-card .date{ grid-column:1; grid-row:4; text-align:left; display:flex; gap:12px; align-items:baseline; margin-top:6px; } }
[hidden]{ display:none!important; }