/* BHPAlfa PILOT — the client register and its inline editor. */
body.body--logged-in #klienci { --client-ink:var(--premium-ink,#17252e); --client-muted:var(--premium-muted,#53626a); --client-line:var(--premium-line,#d3dce0); --client-accent:var(--premium-accent,#315967); color:var(--client-ink); padding-inline:0; }
body.body--logged-in #klienci .pilot-clients-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
body.body--logged-in #klienci .pilot-clients-heading h1 { font:600 2rem/1.15 'Space Grotesk',sans-serif; letter-spacing:-.03em; margin:0 0 8px; }
body.body--logged-in #klienci .pilot-clients-heading p { color:var(--client-muted); margin:0; }
body.body--logged-in #klienci .pilot-clients-heading .btn { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; }
body.body--logged-in #klienci .pilot-clients-workspace { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:24px; }
body.body--logged-in #klienci .pilot-clients-workspace.is-editing { grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr); }
body.body--logged-in #klienci .pilot-clients-register, #clientEditorSlot { min-width:0; }
#clientEditorSlot:empty { display:none; }
body.body--logged-in #klienci .workspace-list-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; margin:0 0 14px; padding:0; border:0; background:transparent; box-shadow:none; }
body.body--logged-in #klienci .workspace-list-toolbar label { flex:1 1 220px; font-size:13px; color:var(--client-muted); min-width:0; }
body.body--logged-in #klienci .workspace-list-toolbar label:nth-child(2) { flex:0 1 180px; }
body.body--logged-in #klienci input, body.body--logged-in #klienci select, body.body--logged-in #klienci textarea { font-family:inherit; font-size:14px; color:var(--client-ink); background:#fff; border:1px solid #a9b6bf; border-radius:6px; box-shadow:none; min-height:44px; width:100%; margin-top:6px; caret-color:var(--client-accent); }
body.body--logged-in #klienci input::placeholder, body.body--logged-in #klienci textarea::placeholder { color:#5e6f7a; }
body.body--logged-in #klienci .btn { min-height:44px; font-family:inherit; font-size:13px; border-radius:6px; line-height:1.3; }
body.body--logged-in #klienci .btn-primary { background:var(--client-accent); color:#fff; border:1px solid var(--client-accent); box-shadow:none; }
body.body--logged-in #klienci .btn-primary:hover { background:#23434f; }
body.body--logged-in #klienci .btn-secondary { background:#fff; border:1px solid #a9b6bf; color:var(--client-ink); box-shadow:none; }
body.body--logged-in #klienci .btn-ghost { background:transparent; color:var(--client-ink); box-shadow:none; }
body.body--logged-in #klienci .btn-ghost:hover, body.body--logged-in #klienci .btn-secondary:hover { background:#eaf0f1; }
body.body--logged-in #klienci .btn:disabled { opacity:.6; cursor:wait; }
body.body--logged-in #klienci :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible { outline:3px solid var(--client-accent); outline-offset:3px; }
body.body--logged-in #klienci ::selection { background:#d4e4e9; color:var(--client-ink); }
body.body--logged-in #klienci .pilot-clients-scope { font-size:12px; color:var(--client-muted); margin:12px 0; }
body.body--logged-in #klienci .pilot-clients-scope summary { cursor:pointer; width:fit-content; padding:4px 0; }
body.body--logged-in #klienci .pilot-clients-scope p { max-width:65ch; }
body.body--logged-in #klienci #clientsResultCount { margin:16px 0 12px; color:var(--client-muted); font-size:13px; font-variant-numeric:tabular-nums; }
body.body--logged-in #klienci .pilot-client-columns, body.body--logged-in #klienci .client-card { display:grid; grid-template-columns:minmax(180px,1.2fr) minmax(120px,1fr) minmax(150px,1fr) minmax(166px,.9fr); gap:20px; }
body.body--logged-in #klienci .pilot-client-columns { padding:12px 16px; color:var(--client-muted); font-size:12px; border-bottom:1px solid var(--client-line); }
body.body--logged-in #klienci .clients-list { display:block; margin:0; border:0; }
body.body--logged-in #klienci .client-card { padding:20px 16px; border:0; border-bottom:1px solid var(--client-line); border-radius:0; background:#fff; box-shadow:none; align-items:center; }
body.body--logged-in #klienci .client-card:hover { background:#f6f8f6; transform:none; }
body.body--logged-in #klienci .client-card.is-selected { background:#eaf0f1; }
body.body--logged-in #klienci .client-card-header { display:flex; align-items:center; gap:12px; min-width:0; }
body.body--logged-in #klienci .client-identity { min-width:0; }
body.body--logged-in #klienci .client-identity h2 { font-family:inherit; font-size:15px; line-height:1.4; letter-spacing:0; margin:0 0 5px; overflow-wrap:anywhere; }
body.body--logged-in #klienci .client-logo, body.body--logged-in #klienci .client-logo-placeholder { width:34px; height:34px; flex:0 0 34px; border-radius:6px; object-fit:contain; background:#edf1ef; font-size:14px; color:var(--client-accent); }
body.body--logged-in #klienci .client-meta { font-size:12px; margin:0; color:var(--client-muted); font-variant-numeric:tabular-nums; }
body.body--logged-in #klienci .client-register-address, body.body--logged-in #klienci .client-register-contact { font-size:13px; line-height:1.6; color:var(--client-muted); margin:0; overflow-wrap:anywhere; min-width:0; }
body.body--logged-in #klienci .client-register-contact { display:flex; flex-direction:column; gap:3px; }
body.body--logged-in #klienci .client-register-contact a { color:var(--client-ink); text-underline-offset:3px; }
body.body--logged-in #klienci .client-card-actions { display:flex; flex-wrap:wrap; gap:6px; border:0; margin:0; padding:0; min-width:0; }
body.body--logged-in #klienci .client-card-actions .btn { padding:9px 12px; min-height:44px; max-width:100%; width:auto; margin-left:0; white-space:normal; }
body.body--logged-in #klienci .client-card-header { flex-wrap:nowrap; }
body.body--logged-in #klienci .client-card :is(h2,h3) { font-size:15px; letter-spacing:0; margin:0 0 5px; }
body.body--logged-in #klienci .is-editing .pilot-client-columns { display:none; }
body.body--logged-in #klienci .is-editing .client-card { grid-template-columns:minmax(0,1fr); gap:10px; }
body.body--logged-in #klienci .is-editing .client-register-address { display:none; }
body.body--logged-in #klienci .is-editing .workspace-list-toolbar label { flex-basis:100%; }
body.body--logged-in #klienci .is-editing .client-card-actions { margin-top:4px; }
body.body--logged-in #klienci .empty-state { border:1px dashed #a9b6bf; background:transparent; padding:36px 24px; color:var(--client-muted); font-size:14px; text-align:left; }
body.body--logged-in #klienci .pilot-clients-error { padding:16px; margin-bottom:12px; background:#fff2ee; color:#843820; line-height:1.6; }
#clientModal { position:relative; inset:auto; display:block; width:100%; padding:0; margin:0; background:#fff; border:1px solid #c6d2cc; border-radius:10px; z-index:0; box-shadow:none; }
#clientModal.hidden { display:none; }
#clientModal :is(input,textarea,button,[tabindex]) { scroll-margin-block:90px 104px; }
#clientModal .pilot-client-editor-heading { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:20px 24px; border-bottom:1px solid var(--client-line); }
#clientModal h2 { font:600 1.25rem/1.3 'Space Grotesk',sans-serif; letter-spacing:-.02em; margin:0; }
#clientModal .pilot-client-fields { padding:24px; }
#clientModal fieldset { border:0; margin:0 0 28px; padding:0; min-width:0; }
#clientModal legend { font-weight:650; font-size:14px; padding:0; margin:0 0 16px; }
#clientModal label { display:block; font-size:13px; font-weight:500; margin-bottom:16px; color:var(--client-ink); }
#clientModal .premium-client-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#clientModal .pilot-client-nip { display:flex; align-items:end; gap:10px; }
#clientModal .pilot-client-nip label { flex:1; min-width:0; margin:0; }
#clientModal .pilot-client-nip button { flex-shrink:0; margin:0; min-height:44px; }
#clientModal .hint { font-size:12px; color:var(--client-muted); line-height:1.55; font-weight:400; display:block; margin-top:7px; }
#clientModal #clientLookupStatus { margin:8px 0 20px; }
#clientModal .pilot-client-logo { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
#clientModal #clientLogoPreview { max-width:90px; max-height:60px; object-fit:contain; }
#clientModal #clientLogoInput { width:100%; font-size:12px; padding:9px; margin:0; }
#clientModal .pilot-client-footer { position:sticky; bottom:12px; background:#fff; border-top:1px solid var(--client-line); padding:16px 24px; z-index:2; box-shadow:0 -8px 18px -18px #243b31; }
#clientModal .pilot-client-footer > div:last-child { display:flex; gap:10px; flex-wrap:wrap; }
#clientModal .pilot-client-footer .notice { margin:0 0 12px; line-height:1.5; font-size:13px; }
#clientModal .pilot-client-prompt { padding:18px; margin:16px 24px; background:#fff4dc; color:#533c12; border:1px solid #d9c08a; border-radius:6px; font-size:13px; line-height:1.6; }
#clientModal .pilot-client-prompt p { margin:8px 0 14px; }
#clientModal .pilot-client-prompt > div { display:flex; flex-wrap:wrap; gap:8px; }
#clientModal .pilot-client-delete { border-top:1px solid var(--client-line); padding-top:12px; }
#clientModal .pilot-client-delete .pilot-client-prompt { margin:12px 0 0; background:#fff2ee; border-color:#d7afa1; color:#71301e; }
#clientModal #clientDeleteBtn, #clientModal #clientDeleteConfirm { color:#9a3026; }
@media (max-width:1100px) {
  body.body--logged-in #klienci .pilot-client-columns, body.body--logged-in #klienci .client-card { grid-template-columns:minmax(150px,1.3fr) minmax(130px,1fr) minmax(150px,1fr); }
  body.body--logged-in #klienci .pilot-client-columns span:nth-child(2), body.body--logged-in #klienci .client-register-address { display:none; }
  body.body--logged-in #klienci .pilot-clients-workspace.is-editing { grid-template-columns:minmax(220px,.65fr) minmax(380px,1.35fr); gap:16px; }
  #clientModal .pilot-client-nip { flex-wrap:wrap; }
}
@media (max-width:760px) {
  body.body--logged-in #klienci .pilot-clients-heading { align-items:flex-start; flex-wrap:wrap; gap:18px; margin-bottom:24px; }
  body.body--logged-in #klienci .pilot-clients-heading h1 { font-size:1.75rem; }
  body.body--logged-in #klienci .pilot-clients-workspace.is-editing { grid-template-columns:minmax(0,1fr); }
  body.body--logged-in #klienci .is-editing .pilot-clients-register { display:none; }
  body.body--logged-in #klienci .pilot-client-columns { display:none; }
  body.body--logged-in #klienci .client-card { grid-template-columns:minmax(0,1fr); padding:20px 0; gap:12px; }
  body.body--logged-in #klienci .client-register-address { display:block; }
  body.body--logged-in #klienci .workspace-list-toolbar label, body.body--logged-in #klienci .workspace-list-toolbar label:nth-child(2) { flex-basis:100%; }
  body.body--logged-in #klienci .workspace-list-toolbar > button { flex:1; }
  #clientModal .pilot-client-editor-heading, #clientModal .pilot-client-fields { padding:20px 16px; }
  #clientModal .premium-client-fields { grid-template-columns:minmax(0,1fr); gap:0; }
  #clientModal .pilot-client-nip label { flex-basis:100%; }
  #clientModal .pilot-client-footer { bottom:0; padding:14px 16px; }
  #clientModal .pilot-client-footer .btn { min-height:44px; }
  #clientModal .pilot-client-prompt { margin:16px; }
}