/* ------------------------------------------------------------------ Bază */
:root { --fond: #f1f2f3; --alb: #fff; --text: #1b1e22; --gri: #5f6770; --linie: #d6dadf; --rosu: #c8102e; --rosu-inchis: #a50d26; --bara: #1b1e22; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fond); color: var(--text); font: 15px/1.45 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
a { color: #1f5fa8; }
h1 { font-size: 24px; line-height: 1.2; margin: 0 0 12px; }
h1.wp-heading-inline { display: inline-block; margin-right: 10px; }
h2 { font-size: 16px; margin: 22px 0 8px; }
hr.wp-header-end { border: 0; margin: 0 0 4px; }
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="date"], input[type="time"], select, textarea {
	font: inherit; color: inherit; background: var(--alb); border: 1px solid #b9c0c8; border-radius: 5px; padding: 7px 9px; max-width: 100%; min-height: 36px; }
textarea { resize: vertical; }
input:focus, select:focus, textarea:focus, .button:focus-visible, a:focus-visible, button:focus-visible { outline: 2px solid var(--rosu); outline-offset: 1px; }
input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--rosu); vertical-align: -3px; }
code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; }
.regular-text { width: 25em; } .large-text { width: 100%; }
.description { color: var(--gri); font-size: 13px; margin: 4px 0 0; }

.button, .page-title-action { display: inline-block; font: inherit; font-weight: 600; line-height: 1.3; text-decoration: none; cursor: pointer; background: var(--alb); color: var(--text); border: 1px solid var(--text); border-radius: 5px; padding: 7px 13px; white-space: nowrap; }
.button:hover, .page-title-action:hover { background: #f6f7f8; }
.button-primary { background: var(--rosu); border-color: var(--rosu); color: #fff; }
.button-primary:hover { background: var(--rosu-inchis); border-color: var(--rosu-inchis); }
.button-large { padding: 10px 18px; }
.button-link { font: inherit; background: none; border: 0; padding: 0; color: #1f5fa8; text-decoration: underline; cursor: pointer; }
.button-link-delete { color: #a3182d; }
.page-title-action { vertical-align: 4px; padding: 5px 11px; font-size: 14px; }

.notice { background: var(--alb); border-left: 4px solid #17702f; border-radius: 4px; padding: 1px 14px; margin: 12px 0; box-shadow: 0 1px 1px rgba(0,0,0,.05); }
.notice p { margin: 10px 0; }
.notice-error { border-left-color: #a3182d; } .notice-warning { border-left-color: #b26200; }

.widefat { width: 100%; border-collapse: collapse; background: var(--alb); border: 1px solid var(--linie); border-radius: 6px; }
.widefat th, .widefat td { text-align: left; padding: 9px 10px; }
.widefat thead th { font-size: 13px; color: var(--gri); border-bottom: 1px solid var(--linie); font-weight: 600; }
.widefat.striped tbody tr:nth-child(odd) { background: #f8f9fa; }
.row-title { font-weight: 700; font-size: 16px; }
.nav-tab-wrapper { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--linie); }
.nav-tab { padding: 8px 12px; text-decoration: none; color: var(--text); font-weight: 600; border: 1px solid var(--linie); border-bottom: 0; border-radius: 5px 5px 0 0; background: #e6e8eb; margin-bottom: -1px; }
.nav-tab-active { background: var(--fond); border-bottom: 1px solid var(--fond); }
.form-table { border-collapse: collapse; width: 100%; max-width: 900px; }
.form-table th { text-align: left; vertical-align: top; width: 240px; padding: 12px 12px 12px 0; font-weight: 600; }
.form-table td { padding: 8px 0; }
p.submit { margin: 18px 0; }

/* ------------------------------------------------------- Bară și pagină */
.sl-bara { background: var(--bara); color: #f1f2f3; position: sticky; top: 0; z-index: 10; }
.sl-bara-in { max-width: 1312px; margin: 0 auto; padding: 0 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 18px; }
.sl-marca { color: #fff; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; text-decoration: none; padding: 13px 0; border-bottom: 3px solid var(--rosu); margin-bottom: -0px; }
.sl-meniu { display: flex; flex-wrap: wrap; gap: 2px; flex: 1 1 auto; }
.sl-meniu a { color: #f1f2f3; opacity: .75; text-decoration: none; font-weight: 600; padding: 13px 11px 10px; border-bottom: 3px solid transparent; }
.sl-meniu a:hover { opacity: 1; }
.sl-meniu a[aria-current="page"] { opacity: 1; border-bottom-color: var(--rosu); }
.sl-cine { display: flex; align-items: center; gap: 12px; font-size: 14px; padding: 8px 0; }
.sl-cine a, .sl-cine .button-link { color: #f1f2f3; }
.sl-cine form { margin: 0; }
.sl-pagina { max-width: 1312px; margin: 0 auto; padding: 18px 16px 60px; }
.sl-simplu { display: flex; min-height: 100vh; align-items: flex-start; justify-content: center; padding: 8vh 16px; }
.sl-cutie { background: var(--alb); border: 1px solid var(--linie); border-top: 4px solid var(--rosu); border-radius: 8px; padding: 26px 26px 22px; width: 100%; max-width: 400px; }
.sl-form-simplu { display: flex; flex-direction: column; gap: 12px; }
.sl-form-simplu .button { align-self: flex-start; }
.sl-rand-form { display: flex; gap: 6px; flex-wrap: wrap; margin: 0; }
.sl-rand-form input { flex: 1 1 150px; min-width: 0; }
.sl-mesaj { border-top: 1px solid var(--linie); padding-top: 10px; }
.sl-mesaj-text { background: #f6f7f8; border-radius: 6px; padding: 9px 12px; margin: 6px 0 8px; }
.sl-mesaj p:last-child { display: flex; gap: 8px; margin: 0; }
.sl-masina-cap { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 8px; }
.sl-masina-cap h2 { margin: 0; font-size: 20px; }
.sl-viz-text { margin: 6px 0 0; }
.sl-viz-linii { margin: 6px 0 0; padding-left: 20px; }
.sl-viz-linii li { padding: 1px 0; border: 0; }
.sl-viz-jos { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 8px 0 0; }
@media (max-width: 782px) {
	.form-table th, .form-table td { display: block; width: 100%; padding: 4px 0; } .form-table th { padding-top: 12px; }
	.regular-text { width: 100%; }
	.sl-meniu { order: 3; flex-basis: 100%; overflow-x: auto; flex-wrap: nowrap; }
	.sl-cine { margin-left: auto; }
}

/* ---------------------------------------------------------- Aplicație */
.sl-wrap { max-width: 1280px; }
.sl-wrap * { box-sizing: border-box; }
.sl-mic { color: #646970; font-size: 12px; }
.sl-dreapta { text-align: right; }
.sl-gol { color: #646970; padding: 14px 2px; }

/* Carduri și grile */
.sl-card { background: #fff; border: 1px solid #dcdcde; border-radius: 6px; padding: 16px 18px; margin: 14px 0; }
.sl-card h2 { margin: 0 0 12px; font-size: 14px; }
.sl-card h3 { margin: 14px 0 6px; font-size: 13px; }
.sl-card h3:first-child { margin-top: 0; }
.sl-card textarea { width: 100%; }
.sl-card-cap { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.sl-card-cap h2 { margin: 0; }
.sl-doua { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sl-doua .sl-card { margin: 14px 0 0; }
.sl-grila { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px 12px; }
.sl-c { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sl-c > span { font-size: 11px; color: #646970; white-space: nowrap; }
.sl-c input[type="text"], .sl-c input[type="date"], .sl-c input[type="time"], .sl-c select, .sl-c textarea { width: 100%; max-width: none; margin: 0; }
.sl-lat { grid-column: 1 / -1; }

/* Filtre și tabele */
.sl-filtre { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 14px 0; }
.sl-cauta { flex: 1 1 320px; max-width: 520px; }
.sl-tabel td, .sl-tabel th { vertical-align: middle; }
.sl-tabel input[type="text"] { width: 100%; min-width: 90px; }
.sl-tabel .sl-ingust { min-width: 70px; max-width: 100px; }
.sl-taburi { margin-top: 12px; }
.sl-nr { display: inline-block; min-width: 20px; padding: 0 6px; margin-left: 4px; border-radius: 10px; background: #dcdcde; color: #1d2327; font-size: 11px; line-height: 18px; text-align: center; font-weight: 600; }
.nav-tab-active .sl-nr { background: #1d2327; color: #fff; }
.sl-actiuni-sus { display: flex; flex-wrap: wrap; gap: 8px; }

/* Etichete de stare */
.sl-eticheta { display: inline-block; padding: 2px 9px; border-radius: 10px; font-size: 12px; font-weight: 600; background: #f0f0f1; color: #1d2327; white-space: nowrap; }
.sl-st-oferta { background: #f0f0f1; color: #50575e; }
.sl-st-acceptata { background: #e5f0fa; color: #0a4b78; }
.sl-st-in_lucru { background: #fcf0d6; color: #7a4b00; }
.sl-st-finalizata { background: #e3f3e6; color: #135e26; }
.sl-st-facturata { background: #1d2327; color: #fff; }
.sl-st-de_returnat { background: #fbe4e4; color: #8a1f1f; }

/* Liniile lucrării */
.sl-linie { border: 1px solid #dcdcde; border-left: 4px solid #8c8f94; border-radius: 4px; padding: 10px 12px; margin-bottom: 8px; background: #fff; }
.sl-linie.sl-tip-manopera { border-left-color: #2271b1; }
.sl-linie-sus { display: grid; grid-template-columns: 86px 74px minmax(180px, 3fr) minmax(110px, 1.4fr) 70px 64px 100px 96px 26px; gap: 8px; align-items: end; }
.sl-linie.sl-tip-manopera .sl-linie-sus { grid-template-columns: 86px 74px minmax(180px, 1fr) 70px 64px 100px 96px 26px; }
.sl-linie-jos { display: grid; grid-template-columns: 150px minmax(120px, 1fr) minmax(120px, 1fr) 110px minmax(120px, 1fr) minmax(140px, 1.4fr) auto; gap: 8px; align-items: end; margin-top: 8px; padding-top: 8px; border-top: 1px dashed #dcdcde; }
.sl-acc { display: flex; align-items: center; gap: 5px; padding-bottom: 6px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.sl-acc input { margin: 0; }
.sl-tip-nume { padding-bottom: 7px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #646970; }
.sl-tip-manopera .sl-tip-nume { color: #2271b1; }
.sl-c-val output { display: block; padding: 5px 0 6px; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sl-c-val > span { text-align: right; }
.sl-c-nr input { text-align: right; }
.sl-sterge { font-size: 22px; line-height: 1; color: #b32d2e; text-decoration: none; padding-bottom: 5px; }
.sl-tip-manopera .sl-doar-piesa { display: none; }
.sl-doar-retur { display: none; }
.sl-sp-de_returnat .sl-doar-retur, .sl-sp-returnata .sl-doar-retur { display: flex; }
.sl-linie.sl-sp-de_returnat, .sl-linie.sl-sp-returnata { border-left-color: #b32d2e; background: #fdf6f6; }
.sl-linie.sl-sp-de_returnat .sl-f-denumire, .sl-linie.sl-sp-returnata .sl-f-denumire { text-decoration: line-through; color: #646970; }
.sl-linie.sl-sp-de_returnat .sl-nu-potriveste, .sl-linie.sl-sp-returnata .sl-nu-potriveste { display: none; }
tr.sl-sp-de_returnat td:first-child { box-shadow: inset 4px 0 0 #b32d2e; }
.sl-adauga { display: flex; gap: 8px; margin: 10px 0 0; }
.sl-totaluri { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #dcdcde; }
.sl-totaluri div { display: flex; flex-direction: column; gap: 2px; }
.sl-totaluri span { font-size: 11px; color: #646970; }
.sl-totaluri strong { font-size: 15px; font-variant-numeric: tabular-nums; }
.sl-totaluri .sl-tot-mare strong { font-size: 20px; }
.sl-salveaza { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 16px 0; }

/* Documente și istoric */
.sl-doc-randuri { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.sl-doc p { margin: 0 0 8px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sl-doc textarea { font-family: inherit; font-size: 13px; background: #f6f7f7; }
.sl-istoric { margin: 0; }
.sl-istoric li { padding: 8px 0; border-top: 1px solid #f0f0f1; margin: 0; }
.sl-istoric li:first-child { border-top: 0; padding-top: 0; }
.sl-sterge-lucrare { margin: 18px 0; }

/* Calendar */
.sl-cal-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 14px 0; }
.sl-cal-nav strong { margin-left: 8px; font-size: 14px; }
.sl-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; align-items: start; }
.sl-zi { background: #fff; border: 1px solid #dcdcde; border-radius: 6px; padding: 8px; min-height: 140px; }
.sl-zi.sl-weekend { background: #f6f7f7; }
.sl-zi.sl-azi { border-color: #1d2327; box-shadow: inset 0 3px 0 #1d2327; }
.sl-zi-cap { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-bottom: 8px; font-size: 12px; }
.sl-plus { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #c3c4c7; border-radius: 4px; text-decoration: none; font-size: 17px; line-height: 1; color: #1d2327; background: #fff; }
.sl-plus:hover { background: #1d2327; color: #fff; border-color: #1d2327; }
.sl-zi-gol { margin: 0; color: #a7aaad; text-align: center; }
.sl-prog { display: flex; flex-direction: column; gap: 2px; padding: 7px 8px; margin-bottom: 6px; border-radius: 4px; border-left: 4px solid #2271b1; background: #f0f6fc; color: #1d2327; text-decoration: none; font-size: 12px; overflow-wrap: anywhere; }
.sl-prog:hover, .sl-prog:focus { background: #dcebf7; color: #1d2327; }
.sl-prog-ora { font-weight: 700; font-size: 13px; }
.sl-prog-ora em { font-style: normal; font-weight: 400; color: #646970; font-size: 11px; }
.sl-prog-auto { font-weight: 600; }
.sl-prog-ce { color: #3c434a; }
.sl-prog-jos { display: flex; justify-content: space-between; gap: 6px; color: #646970; font-size: 11px; }
.sl-pg-sosit { border-left-color: #b26200; background: #fcf3e1; }
.sl-pg-finalizat { border-left-color: #1a7a34; background: #e9f5ec; }
.sl-pg-anulat, .sl-pg-neprezentat { border-left-color: #8c8f94; background: #f0f0f1; color: #646970; }
.sl-pg-anulat .sl-prog-ora, .sl-pg-anulat .sl-prog-auto { text-decoration: line-through; }
.sl-prog-form { max-width: 900px; }

@media (max-width: 1100px) {
	.sl-linie-sus, .sl-linie.sl-tip-manopera .sl-linie-sus { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.sl-linie-sus .sl-c-den { grid-column: 1 / -1; order: -1; }
	.sl-acc, .sl-tip-nume { padding-bottom: 0; align-self: center; }
	.sl-linie-sus .sl-acc { order: -3; grid-column: span 2; }
	.sl-linie-sus .sl-tip-nume { order: -2; grid-column: span 1; text-align: right; }
	.sl-linie-sus .sl-sterge { order: -2; justify-self: end; padding: 0; }
	.sl-linie-jos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.sl-cal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sl-zi { min-height: 0; }
}
@media (max-width: 782px) {
	.sl-doua, .sl-doc-randuri { grid-template-columns: 1fr; }
	.sl-totaluri { grid-template-columns: 1fr 1fr; }
	.sl-linie-sus, .sl-linie.sl-tip-manopera .sl-linie-sus { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sl-linie-sus .sl-acc { grid-column: span 1; }
	.sl-linie-sus .sl-tip-nume { display: none; }
	.sl-linie-jos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sl-linie-jos .sl-c-nota, .sl-linie-jos .sl-nu-potriveste { grid-column: 1 / -1; }
	.sl-cal { grid-template-columns: 1fr; }
	.sl-card-cap { flex-wrap: wrap; }
	/* Tabelele devin carduri pe telefon */
	.sl-tabel thead { display: none; }
	.sl-tabel, .sl-tabel tbody, .sl-tabel tr, .sl-tabel td { display: block; width: 100%; }
	.sl-tabel tr { padding: 8px 4px; border-bottom: 1px solid #dcdcde; }
	.sl-tabel td { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 4px 10px; text-align: right; }
	.sl-tabel td::before { content: attr(data-label); flex: 0 0 auto; color: #646970; font-size: 12px; text-align: left; }
	.sl-tabel td br { display: none; }
	.sl-tabel td .sl-mic { margin-left: 6px; }
	.sl-tabel td input[type="text"], .sl-tabel td select { max-width: 62%; }
	.sl-tabel td[colspan] { display: block; text-align: left; }
	.sl-tabel td[colspan]::before { content: none; }
}

/* Pagina clientului */
.sl-istoric { list-style: none; padding: 0; }
.sl-istoric .sl-viz-linii li { border: 0; padding: 1px 0; }

/* Mașină și client: tip, CUI, indicii de căutare */
.sl-tip { display: flex; flex-wrap: wrap; gap: 6px 20px; margin-bottom: 10px; font-weight: 600; }
.sl-tip label { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.sl-tip input { width: 18px; height: 18px; accent-color: var(--rosu); margin: 0; }
.sl-doar-pj { display: none; }
#sl-form.sl-pj .sl-doar-pj { display: flex; }
.sl-cui-rand { display: flex; gap: 8px; }
.sl-cui-rand input { flex: 1 1 auto; min-width: 0; }
.sl-indiciu { margin: 10px 0 0; font-size: 13px; color: var(--gri); }
.sl-indiciu:empty { display: none; }
.sl-indiciu.sl-ok { color: #17702f; }
.sl-indiciu.sl-rau { color: #a3182d; }

/* Etapele lucrării */
.sl-etapa { display: grid; grid-template-columns: 150px minmax(120px, 1fr) 150px 110px 130px minmax(160px, 2fr) 26px; gap: 8px; align-items: end; border: 1px solid #dcdcde; border-left: 4px solid #8c8f94; border-radius: 4px; padding: 10px 12px; margin-bottom: 8px; background: #fff; }
.sl-etapa.sl-et-in_lucru { border-left-color: #b26200; }
.sl-etapa.sl-et-facut { border-left-color: #1a7a34; }
.sl-e-sterge { justify-self: end; font-size: 22px; line-height: 1; color: #b32d2e; text-decoration: none; padding-bottom: 5px; }
.sl-etapa-card { border-left-color: #6b4fa0; background: #f3effa; }
.sl-etapa-card:hover, .sl-etapa-card:focus { background: #e7dff5; }
.sl-etapa-card.sl-ec-in_lucru { border-left-color: #b26200; background: #fcf3e1; }
.sl-etapa-card.sl-ec-facut { border-left-color: #1a7a34; background: #e9f5ec; }
.sl-prog-jos b { font-weight: 600; }
@media (max-width: 1100px) {
	.sl-etapa { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.sl-etapa .sl-e-nota-c { grid-column: span 2; }
}
@media (max-width: 782px) {
	.sl-etapa { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sl-etapa .sl-e-nota-c { grid-column: 1 / -1; }
	.sl-etapa .sl-e-sterge { grid-column: 1 / -1; padding: 0; }
}
.sl-adauga { flex-wrap: wrap; }

/* Ale mele: ce are de făcut omul logat */
.sl-trebi { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
.sl-treaba { display: flex; flex-direction: column; gap: 5px; background: #fff; border: 1px solid #dcdcde; border-left: 5px solid #8c8f94; border-radius: 6px; padding: 12px 14px; min-width: 0; }
.sl-treaba.sl-et-in_lucru { border-left-color: #b26200; }
.sl-treaba.sl-et-facut { border-left-color: #1a7a34; }
.sl-treaba-prog { border-left-color: #2271b1; }
.sl-treaba-cap { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 13px; color: #50575e; }
.sl-treaba-cap strong { color: #1b1e22; font-size: 14px; }
.sl-treaba-auto { font-size: 18px; font-weight: 700; color: #1b1e22; text-decoration: none; overflow-wrap: anywhere; }
.sl-treaba-auto:hover { text-decoration: underline; }
.sl-treaba-cerut { margin: 2px 0 0; }
.sl-treaba-form { display: flex; flex-direction: column; gap: 8px; margin: 6px 0 0; }
.sl-treaba-form input[type="text"] { width: 100%; }
.sl-treaba-butoane { display: flex; flex-wrap: wrap; gap: 8px; }
.sl-treaba-butoane .button { padding: 10px 14px; }
.sl-ets-de_facut { background: #f0f0f1; color: #50575e; }
.sl-ets-in_lucru { background: #fcf0d6; color: #7a4b00; }
.sl-ets-facut { background: #e3f3e6; color: #135e26; }
.sl-al-meu { box-shadow: inset 0 0 0 2px #1b1e22; }
.button.sl-apasat { background: #1b1e22; color: #fff; }

/* Ofertă: filtre pe stări și cardul de sus */
.sl-chipuri { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.sl-chip { border: 1px solid #c3c4c7; background: #fff; color: #1b1e22; border-radius: 16px; padding: 4px 12px; text-decoration: none; font-weight: 500; }
.sl-chip b { font-weight: 600; opacity: .65; margin-left: 2px; }
.sl-chip-activ { background: #1b1e22; border-color: #1b1e22; color: #fff; }
.sl-oferta-sus { border-top: 4px solid var(--rosu); }
.sl-oferta-sus h2 { font-size: 18px; margin-bottom: 8px; }
.sl-oferta-sus p { margin: 0 0 8px; }
.sl-oferta-butoane { display: flex; flex-wrap: wrap; gap: 8px; }
.sl-meniu a { white-space: nowrap; }

/* Număr și serie de șasiu obligatorii */
.sl-bifa { display: flex; align-items: flex-start; gap: 7px; margin-top: 10px; font-size: 13px; cursor: pointer; }
.sl-bifa input { flex: 0 0 auto; margin: 1px 0 0; }
.sl-bifa-confirm { font-weight: 600; color: #a3182d; }
#sl-form input:required:invalid:not(:placeholder-shown) { border-color: #b32d2e; }

/* Activitate */
.sl-act-rezumat { color: #50575e; font-size: 13px; }
.sl-act-zi { margin: 16px 0 6px; font-size: 14px; }
.sl-act-manopera { display: block; margin-top: 2px; }
.sl-act-tabel td { vertical-align: top; }

/* Oferta simplă: piese cu variante de marcă și preț */
.sl-poz { border: 1px solid #dcdcde; border-left: 4px solid #1b1e22; border-radius: 4px; padding: 10px 12px; margin-bottom: 10px; background: #fff; }
.sl-poz-cap { display: grid; grid-template-columns: minmax(180px, 1fr) 80px 80px 26px; gap: 8px; align-items: end; }
.sl-var { display: grid; grid-template-columns: 64px minmax(110px, 1.2fr) 110px minmax(100px, 1fr) 110px minmax(100px, 1fr) 26px; gap: 8px; align-items: end; padding-top: 8px; margin-top: 8px; border-top: 1px dashed #dcdcde; }
.sl-var-ales { display: flex; align-items: center; gap: 5px; padding-bottom: 8px; font-size: 12px; font-weight: 600; cursor: pointer; }
.sl-var-ales input, .sl-var-niciuna input { width: 18px; height: 18px; margin: 0; accent-color: var(--rosu); }
.sl-x { font-size: 22px; line-height: 1; color: #b32d2e; text-decoration: none; padding-bottom: 6px; justify-self: end; }
.sl-nr { text-align: right; }
.sl-poz-jos { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 10px; }
.sl-var-niciuna { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #50575e; cursor: pointer; }
.sl-oferta-text textarea { width: 100%; font: inherit; font-size: 15px; background: #f6f7f8; }
.sl-alese { margin: 0 0 10px; padding-left: 20px; }
.sl-of-trimisa { background: #e5f0fa; color: #0a4b78; }
.sl-of-acceptata { background: #e3f3e6; color: #135e26; }
.sl-of-refuzata { background: #f0f0f1; color: #646970; text-decoration: line-through; }
@media (max-width: 900px) {
	.sl-var { grid-template-columns: 64px repeat(2, minmax(0, 1fr)) 26px; }
	.sl-var .sl-c:nth-of-type(n+4) { grid-column: span 1; }
	.sl-poz-cap { grid-template-columns: minmax(0, 1fr) 64px 64px 26px; }
}
@media (max-width: 520px) {
	.sl-var { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sl-var .sl-var-ales { grid-column: 1; }
	.sl-var .sl-x { grid-column: 2; grid-row: 1; }
	.sl-poz-cap { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.sl-poz-cap .sl-poz-den { grid-column: 1 / -1; }
}