body{background:var(--surface);color:var(--ink);font-family:var(--font-text);font-size:17px;line-height:26px;margin:0}
.cb-wrap{padding:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cb-col{padding:16px;display:flex;flex-direction:column;gap:16px;max-width:var(--content-max)}
:where(.cb-btn,.cb-chip,.cb-vote,.cb-script button,.cb-input,.cb-select):focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.cb-btn{min-height:var(--tap-min);padding:0 20px;border-radius:var(--radius-md);font:600 16px/20px var(--font-text);display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1.5px solid transparent}
.cb-btn--primary{background:var(--cigla);color:var(--on-cigla)}
.cb-btn--primary:hover{background:var(--cigla-hover)}
.cb-btn--secondary{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.cb-btn--secondary:hover{background:var(--surface-sunken)}
.cb-btn--danger{background:transparent;color:var(--danger);border-color:var(--danger)}

.cb-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-sm);font:600 13px/18px var(--font-text);letter-spacing:.04em;text-transform:uppercase}
.cb-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.cb-status--cekanje{background:var(--status-cekanje-bg);color:var(--status-cekanje-fg)}
.cb-status--novo{background:var(--status-novo-bg);color:var(--status-novo-fg)}
.cb-status--tok{background:var(--status-tok-bg);color:var(--status-tok-fg)}
.cb-status--gotovo{background:var(--status-gotovo-bg);color:var(--status-gotovo-fg)}
.cb-status--odbijeno{background:var(--status-odbijeno-bg);color:var(--status-odbijeno-fg)}

.cb-script{display:inline-flex;border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);padding:3px}
.cb-script button{min-height:40px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink);font:600 16px/20px var(--font-text);cursor:pointer}
.cb-script button[aria-pressed="true"]{background:var(--ink);color:var(--surface)}

.cb-vote{min-height:var(--tap-min);padding:0 16px;border-radius:var(--radius-md);border:1.5px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);font:600 16px/20px var(--font-text);display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.cb-vote .cb-count{font-variant-numeric:tabular-nums}
.cb-vote[aria-pressed="true"]{background:var(--cigla);border-color:var(--cigla);color:var(--on-cigla)}

.cb-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:12px;max-width:var(--content-max)}
.cb-card h3{font:500 20px/26px var(--font-display);margin:0}
.cb-meta{font-size:15px;line-height:22px;color:var(--ink-muted)}
.cb-photo{aspect-ratio:3/2;border-radius:var(--radius-md);background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);font-size:15px}
.cb-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

.cb-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}
.cb-chip{min-height:44px;padding:0 16px;border-radius:var(--radius-pill);border:1.5px solid var(--line-strong);background:transparent;color:var(--ink);font:600 16px/20px var(--font-text);white-space:nowrap;cursor:pointer}
.cb-chip[aria-pressed="true"]{background:var(--cigla);border-color:var(--cigla);color:var(--on-cigla)}

.cb-field{display:flex;flex-direction:column;gap:8px}
.cb-field label{font:600 16px/20px var(--font-text)}
.cb-hint{font-size:15px;line-height:22px;color:var(--ink-muted)}
.cb-input,.cb-select{min-height:var(--tap-min);padding:10px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);font:400 17px/26px var(--font-text);box-sizing:border-box;width:100%}
textarea.cb-input{min-height:120px;resize:vertical}
.cb-field--error .cb-input{border-color:var(--danger)}
.cb-error{font-size:15px;line-height:22px;color:var(--danger);font-weight:600}

.cb-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-raised)}
.cb-row-actions{display:flex;gap:8px;flex-wrap:wrap}

.cb-kicker{display:inline-flex;align-items:center;gap:6px;font:600 15px/20px var(--font-text);color:var(--ink-muted)}
.cb-kicker i{font-size:18px}
.cb-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1.5px solid var(--line)}
.cb-tabs button{min-height:var(--tap-min);border:0;background:transparent;color:var(--ink-muted);font:600 16px/20px var(--font-text);border-bottom:3px solid transparent;margin-bottom:-1.5px;cursor:pointer}
.cb-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--cigla)}
.cb-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.cb-when{display:flex;align-items:center;gap:8px;font:600 16px/22px var(--font-text);color:var(--ink)}
.cb-needs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.cb-needs li{font-size:15px;line-height:20px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--ink)}
.cb-progress{display:flex;flex-direction:column;gap:6px}
.cb-progress-bar{height:8px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}
.cb-progress-bar span{display:block;height:100%;background:var(--trava);border-radius:var(--radius-pill)}
.cb-check{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:22px}
.cb-check input{width:22px;height:22px;margin:0;accent-color:var(--cigla)}
.cb-beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:8px}