/* TOMŻAL CRM 5.4.367 — szkic umowy 14 dni + daty pod statusem klienta. */
/* ---------- daty pod statusem (lista Klienci) ---------- */
.kd-date{display:flex;flex-direction:column;gap:1px;margin-top:4px;font-size:11px;line-height:1.3;color:#64748B;font-weight:500;letter-spacing:.1px;white-space:nowrap}
.kd-date span:first-child{color:#475569}
td .ui-status-inline+.kd-date{margin-top:2px}
/* 5.4.371: data przy kopii statusu pod nazwą klienta tylko tam, gdzie ta kopia jest widoczna (tablet) */
html.crm-ui-spojnosc .ui-status-inline+.kd-date{display:none!important}
html.crm-tablet-device.crm-ui-spojnosc #content .table tr[data-customer-id] .ui-status-inline+.kd-date{display:flex!important}
@media (max-width:700px){.kd-date{white-space:normal}}
/* ---------- szkic umowy ---------- */
.szkic-info{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#FBF3DF;border:1px solid #F1DFB0;color:#122033}
.szkic-info.is-soon{background:#FEF2F2;border-color:#FECACA}
.szkic-ico{font-size:22px;flex:none}
.szkic-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.szkic-txt b{font-size:14px}.szkic-txt small{font-size:12.5px;color:#6B4A0B;line-height:1.4}
.szkic-info.is-soon .szkic-txt small{color:#991B1B}
.szkic-info .btn{flex:none;white-space:nowrap}
.contract-end-actions .szkic-save-hint{grid-column:1/-1;flex:1 1 auto;margin-right:auto;align-self:center;font-size:12px;color:#64748B;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:1366px) and (pointer:coarse){.contract-end-actions .szkic-save-hint{text-align:center}}
.contract-end-actions .szkic-del-btn{white-space:nowrap}
/* 5.4.371: „Zapisz szkic” / „Anuluj” / „Usuń szkic” zawsze w jednej linii */
.contract-end-actions>button,.contract-end-actions>.btn{white-space:nowrap!important;width:auto;min-width:max-content}
.contract-draft-expiry{color:#7A5710;font-weight:600}
.contract-draft-expiry.is-soon{color:#B91C1C}
@media (max-width:700px){.szkic-info{flex-wrap:wrap}.szkic-info .btn{width:100%}.contract-end-actions .szkic-save-hint{width:100%;text-align:center;margin:0 0 4px}}

/* ---------- 5.4.368: osobny kolor dla każdego etapu klienta ---------- */
html.crm-ui-spojnosc .badge[data-ui-tone="amber"]   { background: #fff1e6 !important; color: #c2410c !important; border-color: #fed7aa; } /* Pomiar do ustalenia */
html.crm-ui-spojnosc .badge[data-ui-tone="teal"]    { background: #e6fffa !important; color: #0f766e !important; border-color: #a7f3d0; } /* Pomiar ustalony */
html.crm-ui-spojnosc .badge[data-ui-tone="indigo"]  { background: #eef2ff !important; color: #4338ca !important; border-color: #c7d2fe; } /* Pomiar wykonany */
html.crm-ui-spojnosc .badge[data-ui-tone="violet"]  { background: #f5f0ff !important; color: #6d28d9 !important; border-color: #e7dcfd; } /* Montaż do ustalenia */
html.crm-ui-spojnosc .badge[data-ui-tone="sky"]     { background: #e0f2fe !important; color: #0369a1 !important; border-color: #bae6fd; } /* Montaż ustalony */
html.crm-ui-spojnosc .badge[data-ui-tone="lime"]    { background: #f7fee7 !important; color: #4d7c0f !important; border-color: #d9f99d; } /* Płatność w salonie */
html.crm-ui-spojnosc .badge[data-ui-tone="fuchsia"] { background: #fdf4ff !important; color: #a21caf !important; border-color: #f5d0fe; } /* Sprzedaż bez montażu */
html.crm-ui-spojnosc .badge[data-ui-tone="navy"]    { background: #122033 !important; color: #F3D27A !important; border-color: #122033; } /* Do odbioru w salonie */
/* bez klasy crm-ui-spojnosc (gdyby moduł był wyłączony) — te same kolory */
.badge[data-ui-tone="teal"]{background:#e6fffa;color:#0f766e}.badge[data-ui-tone="indigo"]{background:#eef2ff;color:#4338ca}.badge[data-ui-tone="sky"]{background:#e0f2fe;color:#0369a1}
.badge[data-ui-tone="lime"]{background:#f7fee7;color:#4d7c0f}.badge[data-ui-tone="fuchsia"]{background:#fdf4ff;color:#a21caf}.badge[data-ui-tone="navy"]{background:#122033;color:#F3D27A}

/* ---------- 5.4.368: Sprzedaż w salonie (Sprawy) ---------- */
.ss-card{margin-bottom:18px;border:1px solid #f5d0fe;background:linear-gradient(180deg,#fdf4ff,#fff 60%)}
.ss-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ss-head h3{margin:0;font-size:17px}.ss-head small{color:#64748B}
.ss-head .btn{margin-left:auto}
.ss-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #E3E8EF;margin-top:8px}
.ss-row-main{flex:1;min-width:200px;display:flex;flex-direction:column;gap:3px}
.ss-row-main b{font-size:14.5px}.ss-row-main small{color:#64748B;font-size:12.5px}
.ss-row-actions{display:flex;gap:6px;flex-wrap:wrap}
.ss-empty{color:#64748B;font-size:13px;padding:6px 2px}
.ss-steps{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:#64748B}
.ss-steps span{padding:3px 9px;border-radius:99px;background:#fff;border:1px solid #E3E8EF}
.ss-steps span.is-on{background:#a21caf;border-color:#a21caf;color:#fff}

/* 5.4.371: pasek przycisków formularza umowy — jedna linia: [podpowiedź … ] [Anuluj] [Usuń szkic] [Zapisz szkic] */
#modal .contract-end-actions.szkic-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important}
#modal .contract-end-actions.szkic-actions>.btn,#modal .contract-end-actions.szkic-actions>button{flex:0 0 auto!important;width:auto!important;min-width:0!important;white-space:nowrap!important;padding-left:18px!important;padding-right:18px!important}
#modal .contract-end-actions.szkic-actions .szkic-save-hint{flex:1 1 auto!important;min-width:0;text-align:left!important}
@media (max-width:640px){
 #modal .contract-end-actions.szkic-actions{flex-wrap:wrap!important}
 #modal .contract-end-actions.szkic-actions .szkic-save-hint{flex-basis:100%!important;text-align:center!important}
 #modal .contract-end-actions.szkic-actions>.btn,#modal .contract-end-actions.szkic-actions>button{flex:1 1 auto!important}
}

/* 5.4.376: układ listy Klienci — węższa kolumna Status, więcej miejsca na Akcje; przy braku miejsca same ikony (bez łamania) */
.customer-list-card .table tr[data-customer-id]>td:nth-child(3){width:200px;max-width:230px}
.customer-list-card .table tr[data-customer-id]>td:nth-child(2){max-width:230px}
.customer-list-card .table tr[data-customer-id]>td:last-child{width:1%;white-space:nowrap}
.customer-list-card .ui-row-actions{flex-wrap:nowrap!important}
.customer-list-card.kd-act-icons .ui-row-actions{gap:5px!important}
.customer-list-card.kd-act-icons .ui-row-actions>.btn.ui-act:not(.ui-more-btn){font-size:0!important;padding:7px 9px!important;min-width:38px!important;justify-content:center;gap:0!important}
.customer-list-card.kd-act-icons .ui-row-actions>.btn.ui-act:not(.ui-more-btn) .ui-lbl{display:none!important}
.customer-list-card.kd-act-icons .ui-row-actions>.btn.ui-act:not(.ui-more-btn) .ui-ico{width:17px;height:17px;font-size:14px}
/* dopisek pod statusem: prowadzący i data jako dwa niełamane kawałki */
.kd-date{flex-direction:row!important;flex-wrap:wrap;gap:1px 10px;white-space:normal!important}
.kd-date .kd-lead,.kd-date .kd-when{white-space:nowrap}
.kd-date .kd-lead{color:#475569}