/* css/ussl-procedures-ux26.css — link IZA ussl-ux-2026.css */
:root{
  --pc-ink:#15171c; --pc-muted:#5a6170; --pc-dim:#9aa1ad;
  --pc-line:#ececef; --pc-line-2:#e4e7eb;
  --pc-accent:#2563eb; --pc-accent-hover:#1d4ed8;
  --pc-teal:#0d9488; --pc-teal-bg:#e9f8f5;
  --pc-green:#15a34a;
  --pc-amber:#d97706; --pc-amber-text:#b45309; --pc-amber-bg:#fef3e2;
  --pc-red:#e11d48; --pc-red-text:#be123c; --pc-red-bg:#fde8ee;
  --pc-radius:12px; --pc-radius-btn:8px;
}
.usslpc-list{display:flex;flex-direction:column;gap:10px;font-family:Inter,system-ui,sans-serif;}
.usslpc-card{font-family:Inter,system-ui,sans-serif;background:#fff!important;border:1px solid var(--pc-line)!important;border-left-width:3px!important;border-radius:var(--pc-radius)!important;padding:14px 16px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;}
.usslpc-status-upcoming{border-left-color:var(--pc-green)!important;}
.usslpc-status-due{border-left-color:var(--pc-amber)!important;}
.usslpc-status-late,.usslpc-status-overdue{border-left-color:var(--pc-red)!important;}
.usslpc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.usslpc-pname{font-size:15px!important;font-weight:600!important;color:var(--pc-ink)!important;letter-spacing:-.01em;}
.usslpc-pmeta{color:var(--pc-dim)!important;font-weight:400!important;font-size:13px!important;}
.usslpc-statline{margin-top:5px;}
.usslpc-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px!important;border-radius:999px!important;font-size:12px!important;font-weight:500!important;}
.usslpc-status-upcoming .usslpc-pill{background:var(--pc-teal-bg)!important;color:var(--pc-teal)!important;}
.usslpc-status-due .usslpc-pill{background:var(--pc-amber-bg)!important;color:var(--pc-amber-text)!important;}
.usslpc-status-late .usslpc-pill,.usslpc-status-overdue .usslpc-pill{background:var(--pc-red-bg)!important;color:var(--pc-red-text)!important;}
.usslpc-actions{display:flex;gap:6px;flex-wrap:wrap;}
.usslpc-actions-bottom{margin-top:12px;}
.usslpc-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#fff!important;border:1px solid var(--pc-line-2)!important;color:var(--pc-ink)!important;border-radius:var(--pc-radius-btn)!important;padding:7px 14px!important;min-height:38px;font-size:13px!important;font-weight:500!important;font-family:inherit!important;cursor:pointer;line-height:1.2;transition:background .12s,border-color .12s;}
.usslpc-btn:hover{background:#f7f8fa!important;border-color:#d7dbe0!important;}
.usslpc-btn:active{background:#eef0f3!important;}
.usslpc-btn:focus-visible{outline:2px solid var(--pc-accent)!important;outline-offset:2px;}
.usslpc-btn[disabled],.usslpc-btn:disabled{opacity:.5;cursor:not-allowed;}
.usslpc-btn-primary{background:var(--pc-accent)!important;border-color:var(--pc-accent)!important;color:#fff!important;}
.usslpc-btn-primary:hover{background:var(--pc-accent-hover)!important;border-color:var(--pc-accent-hover)!important;}
.usslpc-btn-primary:focus-visible{outline:none!important;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--pc-accent)!important;}
.usslpc-divider-solid{border:0!important;border-top:1px solid var(--pc-line)!important;margin:12px 0!important;height:0!important;}
.usslpc-divider-dashed{border:0!important;border-top:1px dashed var(--pc-line-2)!important;margin:12px 0!important;height:0!important;}
.usslpc-kvgroup{display:flex;flex-direction:column;gap:6px;}
.usslpc-kvrow{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;}
.usslpc-kvl{color:var(--pc-dim)!important;font-size:12px!important;font-weight:400!important;}
.usslpc-kvv{color:var(--pc-ink)!important;font-size:13px!important;font-weight:600!important;text-align:right;margin-left:auto;}
.usslpc-kvv-ok{color:var(--pc-green)!important;}
.usslpc-kvv-pending{color:var(--pc-dim)!important;font-weight:400!important;font-style:italic;}
.usslpc-procline{font-size:12px!important;color:var(--pc-muted)!important;font-weight:500!important;}
.usslpc-hist-wrap{margin-top:10px;}
.usslpc-hist-label{font-size:11px!important;font-weight:600!important;color:var(--pc-dim)!important;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;}
.usslpc-hist-list{display:flex;flex-direction:column;gap:4px;}
.usslpc-hist-item{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap;}
.usslpc-hist-dot{width:5px;height:5px;border-radius:50%;background:#cfd4db!important;flex:none;}
.usslpc-hist-date{color:var(--pc-ink)!important;font-weight:500!important;min-width:84px;}
.usslpc-hist-time{color:var(--pc-dim)!important;min-width:44px;}
.usslpc-hist-name{color:var(--pc-muted)!important;}
@media (prefers-reduced-motion: reduce){.usslpc-btn{transition:none!important;}}
@media (max-width:480px){.usslpc-kvrow{gap:4px;}.usslpc-hist-date{min-width:0;}}


/* === REDIZAJN: ciklus-traka, nadnaslov, meta, skupljiva povijest === */
.usslpc-status-upcoming{ --st:var(--pc-green); --st-text:#15803d; --st-tint:#f1faf4; }
.usslpc-status-due{ --st:var(--pc-amber); --st-text:var(--pc-amber-text); --st-tint:#fdf6ec; }
.usslpc-status-late,.usslpc-status-overdue{ --st:var(--pc-red); --st-text:var(--pc-red-text); --st-tint:#fdf1f4; }
.usslpc-status-once{ --st:#9aa1ad; --st-text:#5a6170; --st-tint:#f4f5f7; }
.usslpc-eyebrow{ font-size:11px!important; text-transform:uppercase; letter-spacing:.07em; font-weight:600!important; color:var(--pc-dim)!important; margin-bottom:5px!important; }
.usslpc-cycle{ margin-top:16px!important; background:var(--st-tint)!important; border-radius:12px!important; padding:14px 16px!important; }
.usslpc-cycle-head{ display:flex!important; align-items:center; gap:8px; }
.usslpc-cycle-dot{ width:7px;height:7px;border-radius:50%; background:var(--st)!important; flex:none; }
.usslpc-cycle-status{ font-size:13px!important; font-weight:600!important; color:var(--st-text)!important; }
.usslpc-cycle-remaining{ margin-left:auto; font-size:15px!important; font-weight:680!important; color:var(--st-text)!important; letter-spacing:-.01em; }
.usslpc-track{ position:relative; height:6px; border-radius:99px; background:#e7eaee!important; margin:13px 0 0; }
.usslpc-track-fill{ position:absolute; left:0; top:0; height:100%; border-radius:99px; background:var(--st)!important; }
.usslpc-track-now{ position:absolute; top:50%; width:12px;height:12px;border-radius:50%; background:#fff!important; border:2.5px solid var(--st)!important; transform:translate(-50%,-50%); box-shadow:0 1px 3px rgba(16,24,40,.25); }
.usslpc-track-labels{ display:flex!important; justify-content:space-between; margin-top:9px; font-size:11.5px!important; color:var(--pc-dim)!important; }
.usslpc-track-labels b{ color:var(--pc-muted)!important; font-weight:600!important; }
.usslpc-cycle.usslpc-cycle--none .usslpc-track,
.usslpc-cycle.usslpc-cycle--none .usslpc-track-labels{ display:none!important; }
.usslpc-meta{ margin-top:15px!important; font-size:12.5px!important; color:var(--pc-muted)!important; }
.usslpc-meta strong{ color:var(--pc-ink)!important; font-weight:600!important; }
details.usslpc-hist-wrap{ margin-top:14px!important; border-top:1px solid #f1f2f4!important; padding-top:12px!important; }
.usslpc-hist-wrap > summary.usslpc-hist-label{ list-style:none; cursor:pointer; display:flex!important; align-items:center; gap:8px; font-size:12.5px!important; font-weight:550!important; color:var(--pc-muted)!important; text-transform:none!important; letter-spacing:normal!important; margin-bottom:0!important; }
.usslpc-hist-wrap > summary::-webkit-details-marker{ display:none; }
.usslpc-hist-wrap > summary.usslpc-hist-label::after{ content:'⌄'; margin-left:auto; color:var(--pc-dim); font-size:14px; }
.usslpc-hist-wrap[open] > summary.usslpc-hist-label::after{ content:'⌃'; }
.usslpc-hist-count{ background:#f1f2f4; color:var(--pc-muted); border-radius:99px; padding:1px 8px; font-size:11px; font-weight:600; }
.usslpc-hist-wrap[open] .usslpc-hist-list{ margin-top:11px!important; }