:root {
    /*ctx:15663*/
    --brand-50: #fdf3f3;
    --brand-100: #fae1e2;
    --brand-200: #f1bcbf;
    --brand-400: #d9535f;
    --brand: #a61e2d;
    --accent: #e11d2e; /*ctx:15666*/
    --brand-dark: #7f1524;
    --brand-deep: #5c0f1b;
    --border: #d7dde3;
    --error: #b3261e;
    --ok: #1b7f3a;
    --warn: #8a5a00;
    --bg: #f3f3f3;
    --text: #1c1f24; /*ctx:15669*/
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    font-family: -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    background: var(--bg);
    color: #1c1f24;
    margin: 0;
    padding: 0 0 3rem;
}

/*ctx:15672*/
header {
    position: relative;
    background: #231f20;
    color: #fff;
    border-bottom: 3px solid var(--accent);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    padding: 0.55rem max(1rem, calc((100% - 60rem) / 2));
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 0.9rem;
}
header::before {
    content: '';
    flex: 1 1 auto;
    order: 0;
    min-width: 7.6rem;
    max-width: calc(100% - 8rem);
    width: 7.6rem;
    height: 2.1rem;
    background: url(images/logo-comfortex-pe-negru.png) left center / contain no-repeat;
}
/*ctx:15675*/
header h1 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.topnav a.activ { border: 2px solid var(--accent); padding: calc(0.4rem - 1px) calc(0.8rem - 1px); background: rgba(255,255,255,0.18); }
.menu-btn {
    order: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 12px;
    padding: 0 0.9rem;
    min-height: 2.75rem;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
}
.menu-btn:hover { background: rgba(255, 255, 255, 0.12); }
.menu-ico, .menu-ico::before, .menu-ico::after { display: block; width: 1.2rem; height: 2px; background: #fff; border-radius: 2px; }
.menu-ico { position: relative; }
.menu-ico::before, .menu-ico::after { content: ''; position: absolute; left: 0; }
.menu-ico::before { top: -6px; }
.menu-ico::after { top: 6px; }
header .topnav { order: 3; flex: 1 0 100%; display: none; margin: 0.6rem 0 0.3rem; padding-top: 0.6rem; border-top: 1px solid rgba(255, 255, 255, 0.14); }
header.menu-open .topnav { display: flex; }
header > *:not(h1):not(.menu-btn):not(.topnav):not(script) { order: 5; flex: 1 0 100%; color: initial; }
header .subtitle { color: #fff; }
@media (min-width: 900px) {
    header .topnav { display: flex; order: 3; margin-top: 0.5rem; }
    .menu-btn { display: none; }
}
.badge {
    font-size: 0.65rem;
    text-transform: uppercase;
    background: rgba(255,255,255,0.18);
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    vertical-align: middle;
    margin-left: 0.4rem;
}
.subtitle { margin: 0; font-size: 0.9rem; opacity: 0.9; max-width: 60rem; }

.topnav {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.75rem;
    font-size: 0.85rem;
}
.topnav a {
    color: #fff;
    text-decoration: none;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.22);
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
}
.topnav a:hover { background: rgba(255,255,255,0.28); }
.topnav-user { margin-left: auto; opacity: 0.85; }
.topnav-user a { background: none; padding: 0; text-decoration: underline; }
@media (max-width: 640px) {
    .topnav { font-size: 0.8rem; }
    .topnav-user { margin-left: 0; width: 100%; }
}

/*ctx:15678*/
.lang-menu { position: relative; display: inline-block; vertical-align: middle; }
.lang-btn {
    box-shadow: none;
    color: #fff; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.35);
    border-radius: 999px; padding: 0 0.75rem; min-height: 2.75rem; min-width: 2.75rem;
    font: inherit; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 0.35rem;
}
.lang-btn:hover, .lang-menu.open .lang-btn { background: rgba(255,255,255,0.28); }
.lang-caret { border: 0.3rem solid transparent; border-top-color: currentColor; border-bottom-width: 0; }
.lang-list {
    display: none; position: absolute; left: 0; top: 100%; z-index: 60; margin: 0; padding: 0.35rem; list-style: none;
    min-width: 11rem; background: #fff; color: var(--text, #1c2430); border: 1px solid var(--border, #d9dde3);
    border-radius: 12px; box-shadow: 0 6px 18px rgba(20, 24, 31, 0.22);
}
.lang-menu.open .lang-list { display: block; }
.lang-list form { margin: 0; }
.lang-list button {
    box-shadow: none;
    display: flex; gap: 0.6rem; align-items: center; width: 100%; min-height: 2.75rem; padding: 0 0.75rem;
    background: none; border: 0; border-radius: 8px; color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.lang-list button:hover, .lang-list button:focus-visible { background: #f1f3f6; }
.lang-list button.curenta { background: #fbe9eb; }
.lang-list button strong { min-width: 1.6rem; }
@media (hover: hover) and (pointer: fine) and (min-width: 641px) {
    .lang-menu:hover .lang-list { display: block; }
    .lang-menu:hover .lang-btn { background: rgba(255,255,255,0.28); }
    .lang-list { left: auto; right: 0; }
}
.lang-login { display: flex; justify-content: flex-end; gap: 0.5rem; max-width: 26rem; margin: 0.75rem auto 0; justify-content: center; }
.lang-login form { margin: 0; }
.lang-login button { min-height: 2.75rem; min-width: 2.75rem; padding: 0 0.9rem; border-radius: 999px; border: 1px solid var(--border, #d9dde3); background: #fff; color: var(--text, #1c1f24); box-shadow: none; font: inherit; font-weight: 700; cursor: pointer; }
.lang-login button[aria-current="true"] { border-color: #a61e2d; color: #a61e2d; }

.card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(20, 24, 31, 0.04), 0 6px 18px rgba(20, 24, 31, 0.06);
    margin: 1.5rem auto;
    max-width: 60rem;
    padding: 1.25rem 1.5rem;
}
.card h2 { margin-top: 0; font-size: 1.05rem; color: var(--text); }

.errors {
    max-width: 60rem;
    margin: 1.5rem auto 0;
    background: #fdecea;
    border: 1px solid var(--error);
    color: var(--error);
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
}
.errors ul { margin: 0.3rem 0 0; padding-left: 1.2rem; }

.notice {
    background: #fff8e1;
    border: 1px solid var(--warn);
    color: var(--warn);
    padding: 0.65rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}
.notice a { color: var(--warn); font-weight: 600; }

.inline-form { display: flex; gap: 0.75rem; align-items: end; flex-wrap: wrap; }
.inline-form label { flex: 1; min-width: 12rem; }

/*ctx:15681*/
.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 0.9rem;
}
.product-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-decoration: none;
    color: #1c1f24;
    border: 2px solid var(--border);
    border-radius: 10px;
    background: #fff;
    position: relative;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.product-card:hover, .product-card:focus-visible {
    border-color: var(--brand);
    box-shadow: 0 2px 8px rgba(166,30,45,0.18);
}
.product-card-active {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(166,30,45,0.22);
}
.product-card img {
    width: 100%;
    aspect-ratio: 900 / 690; /*ctx:15687*/
    object-fit: cover;
    display: block;
    background: #eef1f4;
    border-radius: 8px 8px 0 0; /*ctx:15690*/
    position: relative;
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}
/*ctx:15693*/
@media (hover: hover) and (pointer: fine) {
    /*ctx:15696*/
    .product-card { transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s ease-out; }
    .product-card:hover {
        z-index: 5;
        transform: scale(1.2);
        transform-origin: 50% 50%;
        box-shadow: 0 8px 20px rgba(0,0,0,0.28);
    }
}
@media (prefers-reduced-motion: reduce) {
    .product-card, .product-card img { transition: none; }
}
.product-card-label {
    padding: 0.5rem 0.6rem;
    font-size: 0.98rem; /*ctx:15699*/
    font-weight: 600;
    overflow-wrap: anywhere;
    text-align: center;
    color: var(--text);
}

.configure-panel { border-color: var(--brand); }
.link-secondary {
    color: var(--brand);
    font-size: 0.9rem;
    text-decoration: none;
}
.link-secondary:hover { text-decoration: underline; }

/*ctx:15702*/
.mode-tabs {
    display: flex;
    gap: 0.5rem;
    margin: 0.25rem 0 1.1rem;
    flex-wrap: wrap;
}
.mode-tab {
    display: inline-block;
    padding: 0.5rem 0.9rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text);
    text-decoration: none;
    font-size: 0.85rem;
    background: #fff;
}
.mode-tab-active {
    background: var(--brand);
    color: #fff;
    border-color: var(--brand);
}

.grid-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.9rem 1.2rem;
}
.grid-form label { display: flex; flex-direction: column; font-size: 0.85rem; gap: 0.25rem; }
.grid-form label.full { grid-column: 1 / -1; }
.grid-form label.checkbox { flex-direction: row; align-items: center; gap: 0.5rem; }

/*ctx:15705*/
.grid-form .desen-tehnic-card {
    grid-column: 1 / -1;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0.9rem 1rem;
    background: #fbfcfd;
}
.desen-tehnic-card h4 { margin: 0 0 0.3rem; font-size: 0.9rem; color: var(--text); }
.desen-tehnic-card .hint { margin: 0 0 0.7rem; }

.schema-wrap { max-width: 260px; margin: 0 auto; }
.schema-svg { width: 100%; height: auto; display: block; }
.schema-contur { fill: none; stroke: #1c1f24; stroke-width: 1.2; }
.schema-contur-umpluta { fill: #c3c9cf; }
.schema-tija { stroke: #1c1f24; stroke-width: 2.2; }
.schema-maner { fill: #1c1f24; }
.schema-cerc-manivela { fill: #fff; stroke: #1c1f24; stroke-width: 1; }
.schema-separator { stroke: #1c1f24; stroke-width: 1; }
.schema-sageata-linie { stroke: #1c1f24; stroke-width: 1.2; }
.schema-sageata-varf { fill: #1c1f24; }

/*ctx:15710*/
.schema-pos-marker circle { fill: #fff; stroke: #1c1f24; stroke-width: 1.1; }
.schema-pos-marker text { font-size: 7px; font-weight: 700; fill: #1c1f24; user-select: none; }
.schema-pos-marker-clickable { cursor: pointer; }
.schema-pos-marker-clickable:hover circle { stroke: var(--brand); stroke-width: 1.6; }
.schema-pos-marker-clickable:focus-visible circle { outline: 2px solid var(--brand); outline-offset: 1px; }
.schema-pos-marker-active circle { fill: var(--error); stroke: var(--error); }
.schema-pos-marker-active text { fill: #fff; }

/*ctx:15713*/
.schema-hidden-label {
    display: block;
    margin-top: 0.6rem;
    font-size: 0.8rem;
    text-align: center;
}
.schema-hidden-select, .schema-hidden-checkbox { margin-top: 0.3rem; }

/*ctx:15719*/
.schema-toggle { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }
.schema-toggle-opt {
    background: #fff;
    border: 2px solid var(--border);
    border-radius: 8px;
    padding: 0.5rem;
    cursor: pointer;
    width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    color: #1c1f24;
}
.schema-toggle-opt .schema-svg { width: 70px; }
.schema-toggle-opt-active { border-color: var(--brand); background: var(--brand-50); }

.schema-plisse-variant .schema-svg { max-width: 320px; margin: 0 auto; display: block; }

input[type=text], input[type=number], input[type=date], select {
    padding: 0.55rem 0.8rem;
    border: 1px solid #9aa0a6;
    border-radius: 12px;
    font-size: 0.95rem;
    /*ctx:15722*/
    min-height: 2.5rem;
    width: 100%;
}
input[type=checkbox] {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
}

button, .button {
    background: var(--brand);
    color: #fff;
    border: none;
    padding: 0.6rem 1.1rem;
    border-radius: 10px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    min-height: 2.75rem;
    line-height: 1.55rem;
}
button:hover, .button:hover { background: var(--brand-dark); }

.grid-form button { justify-self: start; }

/*ctx:15726*/
.table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
table { width: 100%; min-width: 30rem; border-collapse: collapse; font-size: 0.88rem; }
th, td { border-bottom: 1px solid var(--border); padding: 0.5rem 0.4rem; text-align: left; }
tr.row-error { background: #fdecea; }
/*ctx:15731*/
tr.row-warning { background: #fff8e1; }
.ok { color: var(--ok); font-weight: 600; }
.err { color: var(--error); font-weight: 600; }
.warn { color: var(--warn); font-weight: 600; }

.total { text-align: right; font-size: 1rem; }
.empty { color: #6b7480; font-size: 0.88rem; }
.hint { color: #4a5560; font-size: 0.85rem; }

.link-danger {
    color: var(--error);
    font-size: 0.85rem;
    text-decoration: none;
    display: inline-block;
    padding: 0.3rem 0;
}
.link-danger:hover { text-decoration: underline; }

.doc-buttons { display: flex; gap: 0.75rem; flex-wrap: wrap; }

.price-search {
    display: block;
    width: 100%;
    max-width: 20rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--border);
    border-radius: 5px;
    font-size: 0.9rem;
}

footer {
    text-align: center;
    color: #8a929c;
    font-size: 0.8rem;
    margin-top: 2rem;
    padding: 0 1rem;
}

/*ctx:15736*/
@media (max-width: 640px) {
    header h1 { font-size: 1.15rem; }
    .subtitle { font-size: 0.82rem; }

    .card {
        margin: 1rem 0.6rem;
        padding: 1rem;
        border-radius: 10px;
    }

    .product-grid { grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); gap: 0.6rem; }
    .product-card-label { font-size: 0.9rem; padding: 0.4rem 0.15rem; } /*ctx:15739*/

    .grid-form { grid-template-columns: 1fr; }
    .inline-form { flex-direction: column; align-items: stretch; }
    .inline-form button { width: 100%; }

    .doc-buttons { flex-direction: column; }
    .doc-buttons .button { text-align: center; }

    .mode-tab { flex: 1 1 auto; text-align: center; }
}

/*ctx:15742*/
@media (min-width: 641px) and (max-width: 900px) {
    .product-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
}

/*ctx:15745*/
.inline-post { display: inline; margin: 0; }
button.link-button {
    background: none; color: inherit; border: 0; padding: 0.3rem 0; font: inherit;
    min-height: 0; line-height: inherit; cursor: pointer; text-decoration: none;
}
button.link-button:hover { background: none; text-decoration: underline; }
button.link-button.link-danger { color: var(--error); font-size: 0.85rem; }
button.link-button.button {
    background: var(--brand); color: #fff; padding: 0.6rem 1.1rem; border-radius: 6px;
    min-height: 2.75rem; line-height: 1.55rem; font-size: 0.9rem; font-weight: 600;
}
button.link-button.button:hover { background: var(--brand-dark); text-decoration: none; }
.topnav-user button.nav-logout { color: inherit; text-decoration: underline; padding: 0; font-size: inherit; }

/*ctx:15748*/
.product-rows { display: flex; flex-direction: column; gap: 0.9rem; }
.product-row { display: flex; flex-wrap: wrap; gap: 0.9rem; }
.product-row .product-card { flex: 0 0 150px; }
@media (max-width: 640px) {
    .product-row { gap: 0.6rem; }
    .product-row .product-card { flex: 0 0 calc((100% - 1.2rem) / 3); }
}

/*ctx:15751*/
details.doc-choice { position: relative; }
details.doc-choice > summary { list-style: none; cursor: pointer; display: inline-block; user-select: none; }
details.doc-choice > summary::-webkit-details-marker { display: none; }
details.doc-choice > summary::after { content: " ▾"; }
details.doc-choice[open] > summary::after { content: " ▴"; }
.doc-choice-menu { position: absolute; z-index: 5; top: calc(100% + 4px); left: 0; display: flex; flex-direction: column; gap: 0.4rem; min-width: 100%; padding: 0.4rem; background: var(--card, #fff); border: 1px solid var(--border); border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,.15); }
.doc-choice-menu .button, .doc-choice-menu button { text-align: center; white-space: nowrap; }
@media (max-width: 640px) {
    details.doc-choice > summary { display: block; text-align: center; }
    .doc-choice-menu { position: static; margin-top: 0.4rem; box-shadow: none; }
}

/*ctx:15754*/
.admin-sections { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 0.9rem; }
.admin-section { display: flex; flex-direction: column; gap: 0.3rem; padding: 1rem; border: 2px solid var(--border); border-radius: 8px; background: #fff; color: inherit; text-decoration: none; }
.admin-section strong { color: var(--text); font-size: 1.05rem; }
.admin-section span { font-size: 0.9rem; color: #5b6772; }
.admin-section:hover, .admin-section:focus { border-color: var(--brand); }

/*ctx:15757*/
table.tabel-info { min-width: 0; }
@media (max-width: 640px) {
    table.tabel-info th, table.tabel-info td { display: block; width: auto; border-bottom: 0; padding: 0.2rem 0; }
    table.tabel-info tr { display: block; border-bottom: 1px solid var(--border); padding: 0.4rem 0; }
}
@media (max-width: 640px) {
    .table-wrap input, .price-search { font-size: 16px; }
}

/*ctx:15760*/
@media (max-width: 640px) {
    table.tabel-carduri { min-width: 0; }
    table.tabel-carduri thead { display: none; }
    table.tabel-carduri tr { display: block; padding: 0.7rem 0; border-bottom: 1px solid var(--border); }
    table.tabel-carduri td { display: block; border: 0; padding: 0.15rem 0; word-break: break-all; }
    table.tabel-carduri td[data-eticheta]:not([data-eticheta=""])::before { content: attr(data-eticheta) ": "; color: #5b6772; font-size: 0.8rem; }
    table.tabel-carduri td:first-child { word-break: normal; }
    table.tabel-carduri td:last-child { padding-top: 0.5rem; }
    table.tabel-carduri td:last-child .button { display: block; text-align: center; }
}

/*ctx:15763*/
.pret-fix-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.4rem 1rem; padding: 0.5rem 0; border-bottom: 1px solid var(--border); }
.pret-fix-row label { flex: 1 1 18rem; }
.pret-fix-input { display: flex; align-items: center; gap: 0.5rem; flex: 0 1 auto; }
.pret-fix-input input { width: 8rem; }
.pret-fix-unit { font-size: 0.85rem; color: #5b6772; white-space: nowrap; }
.pret-fix-form button { margin-top: 0.8rem; }
@media (max-width: 640px) {
    .pret-fix-row label { flex-basis: 100%; }
    .pret-fix-input { flex-wrap: wrap; width: 100%; }
    .pret-fix-input input { flex: 1 1 8rem; font-size: 16px; }
    .pret-fix-unit { white-space: normal; }
}

h3.pret-fix-cat { font-size: 1rem; color: var(--text); margin: 1.2rem 0 0.2rem; }
h3.pret-fix-cat:first-of-type { margin-top: 0.6rem; }

/*ctx:15766*/
.plasa-selector { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.plasa-selector > label { font-weight: 600; flex: 0 0 100%; }
.plasa-selector .plasa-select { flex: 1 1 200px; min-width: 0; }
.plasa-open { flex: 0 0 auto; }
.plasa-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 0.5rem; }
.plasa-modal[hidden], .plasa-open[hidden], .plasa-parte[hidden], .plasa-ok[hidden] { display: none; }
.limita-optiuni { display: grid; gap: 0.5rem; margin-top: 0.75rem; }
.limita-modal .plasa-modal-box { max-width: 520px; }
.limita-optiuni button.secondary { background: #fff; color: var(--text, #1c1f24); border: 1px solid var(--border, #d7dde3); }
.plasa-modal-box { background: #fff; border-radius: 8px; width: 100%; max-width: 640px; max-height: 94vh; overflow: auto; padding: 0.8rem; box-sizing: border-box; }
.plasa-modal-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem; }
.plasa-close { font-size: 1.4rem; line-height: 1; padding: 0.1rem 0.6rem; }
.plasa-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
.plasa-card { display: flex; flex-direction: column; align-items: center; gap: 0.3rem; padding: 0.4rem; background: #fff; border: 2px solid #c4c9ce; border-radius: 6px; cursor: pointer; font-size: 0.85rem; }
.plasa-card.active { border-color: var(--brand); background: var(--brand-50); }
.plasa-svg { width: 100%; height: auto; display: block; }
.plasa-parte { margin-top: 0.6rem; display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; }
.plasa-ok { margin-top: 0.6rem; width: 100%; }
.plasa-selector.parte-dr .plasa-una-g { transform: translateX(60px); }
@media (min-width: 560px) { .plasa-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
button.plasa-card, button.plasa-card:hover, button.plasa-card:focus { color: #111; background: #fff; }
button.plasa-card.active, button.plasa-card.active:hover { color: #111; background: var(--brand-50); border-color: var(--brand); }
button.plasa-card:hover { border-color: #7a8794; }
.plasa-card span { color: #111; font-weight: 600; }
.plasa-parte label { display: inline-flex; flex-direction: row; align-items: center; gap: 0.35rem; margin: 0; }
.schema-pozitie-svg { overflow: visible; }

/*ctx:15769*/
.plasa-titlu { font-weight: 600; flex: 0 0 100%; }
.plasa-open { flex: 1 1 100%; text-align: left; }
.plasa-cote { margin-top: 0.7rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
.plasa-cote[hidden], .plasa-cota2[hidden] { display: none; }
.plasa-cote .hint, .plasa-cote .plasa-ok { grid-column: 1 / -1; margin: 0; }
.plasa-cote label { display: flex; flex-direction: column; gap: 0.2rem; }

/*ctx:15772*/
.camp-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 50; display: flex; align-items: center; justify-content: center; padding: 16px; }
.camp-modal-box { background: #fff; border-radius: 10px; padding: 14px; width: 100%; max-width: 760px; max-height: 92vh; overflow: auto; }
.camp-modal-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.camp-modal-close { font-size: 1.6rem; line-height: 1; text-decoration: none; color: #333; padding: 0 8px; }
.camp-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.camp-card-form { margin: 0; display: contents; }
.camp-card, button.camp-card { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px; border: 2px solid #c5ced8; border-radius: 8px; background: #f7f9fb; color: #1d2b3a; text-decoration: none; font: inherit; cursor: pointer; }
.camp-card:hover, .camp-card:focus { border-color: var(--brand); background: var(--brand-50); }
.camp-card svg { width: 100%; height: auto; }
.schita-campuri-box { margin: 0.5rem 0 1rem; }
.schita-campuri { width: 100%; max-width: 520px; height: auto; display: block; margin: 0 auto; }
.schita-campuri .camp-seg { fill: #fff; stroke: #333; stroke-width: 3; cursor: pointer; }
.schita-campuri .camp-seg.camp-gata { fill: #eaf6ea; }
.schita-campuri .camp-seg.camp-sel { stroke: #d00000; stroke-width: 5; fill: #fff0f0; }
.schita-campuri .camp-eticheta { font: 600 14px sans-serif; fill: #222; pointer-events: none; }
.schita-campuri .camp-dim { font: 12px sans-serif; fill: #444; pointer-events: none; }
.camp-card .camp-seg { fill: #fff; stroke: #333; stroke-width: 3; }
@media (max-width: 480px) { .camp-cards { gap: 6px; } .camp-card { padding: 4px; font-size: 0.85rem; } }

/*ctx:15775*/
#necesar-modal { display: none; }
#necesar-modal:target { display: flex; }
details.necesar-optiune { border: 2px solid #c5ced8; border-radius: 8px; padding: 10px 12px; margin-bottom: 8px; background: #f7f9fb; }
details.necesar-optiune > summary { cursor: pointer; }
details.necesar-optiune[open] { border-color: var(--brand); background: var(--brand-50); }
.doc-choice-menu-inline { display: flex; gap: 0.5rem; margin-top: 0.6rem; flex-wrap: wrap; }

/*ctx:15778*/
.poz-box { border: 2px solid var(--brand-deep); border-radius: 6px; margin: 0 0 1rem; background: #fff; overflow: hidden; }
.poz-box.row-warning { background: #fff8e1; }
.poz-box.row-error { background: #fdecea; }
.poz-box.poz-edit { outline: 3px solid #f0a500; }
.poz-table { width: 100%; border-collapse: collapse; }
.poz-table th, .poz-table td { border: 1px solid #8a97a8; padding: 0.35rem 0.5rem; text-align: left; vertical-align: top; }
.poz-table thead tr:nth-child(2) th { background: #e8edf4; }
.poz-table .poz-head th { background: var(--brand-deep); color: #fff; font-weight: 600; }
.poz-pret { text-align: right !important; white-space: nowrap; }
.poz-foot { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: center; justify-content: space-between; padding: 0.5rem; border-top: 1px solid #8a97a8; }
.poz-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.edit-banner { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: center; }
@media (max-width: 600px) { .poz-table { font-size: 0.8rem; } .poz-table th, .poz-table td { padding: 0.25rem 0.3rem; } .poz-pret { white-space: normal; } }

/*ctx:15781*/
.schema-manivela-liber { text-align: center; }
.schema-manivela-liber-svg { width: min(360px, 100%); height: auto; background: #fff; border: 1px solid #c8d0db; border-radius: 6px; }
.schema-maner-mobil { fill: #1c1f24; stroke: #f0a500; stroke-width: 1.5; }
.schema-maner-mobil:focus { outline: none; stroke: #d00; stroke-width: 2.5; }
.schema-manivela-cod { margin: 0.4rem 0; }
.schema-manivela-svg { max-width: 100%; }
.poz-schita { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; border-top: 1px solid #8a97a8; }
.poz-schita .schema-svg { width: 90px; flex: none; }
.schema-manivela-reset { width: auto; padding: 0.3rem 0.8rem; background: #fff; color: var(--brand-deep); border: 1px solid var(--brand-deep); border-radius: 6px; cursor: pointer; }

/*ctx:15784*/
.stat-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin: 0.8rem 0; }
.stat-card { border: 1px solid var(--border); border-radius: 6px; padding: 0.6rem 0.7rem; background: #fff; }
.stat-card strong { display: block; font-size: 1.15rem; }
.stat-card span { font-size: 0.8rem; color: #555; }
.stat-text { background: var(--brand-50); border-left: 4px solid var(--brand); padding: 0.6rem 0.8rem; border-radius: 4px; margin: 0.6rem 0; }
.stat-form { display: grid; grid-template-columns: 1fr; gap: 0.7rem; }
.stat-form label { display: flex; flex-direction: column; font-size: 0.85rem; gap: 0.25rem; }
.stat-form input[type=date], .stat-form select { font-size: 16px; }
.stat-form .stat-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.stat-form button { min-height: 2.75rem; }
.stat-pos { color: #1a7f37; font-weight: 600; } .stat-neg { color: #b42318; font-weight: 600; }
@media (min-width: 641px) {
    .stat-cards { grid-template-columns: repeat(3, 1fr); }
    .stat-form { grid-template-columns: repeat(2, 1fr); }
    .stat-form .full { grid-column: 1 / -1; }
}
table.stat-table { min-width: 0; }
.stat-btn-sec { background: #fff; color: var(--brand); border: 1px solid var(--brand); border-radius: 5px; padding: 0 1rem; cursor: pointer; font-size: 0.95rem; }

.camp-eroare { border: 2px solid #c00000 !important; background: #fdecea !important; }
.camp-eroare-eticheta { color: #c00000; font-weight: 600; }
/*ctx:15787*/
.camp-popup { position: fixed; left: 50%; top: 30%; transform: translateX(-50%); z-index: 1000; width: min(90vw, 22rem); background: #fff; border: 2px solid #c00000; border-radius: 0.5rem; padding: 1rem; box-shadow: 0 8px 28px rgba(0,0,0,.35); text-align: center; }
.camp-popup p { margin: 0 0 0.8rem; color: #c00000; font-weight: 700; font-size: 1rem; }
.camp-popup button { min-height: 2.75rem; min-width: 5rem; font-size: 1rem; }

/*ctx:15790*/
.proiecte-docs { gap: 0.4rem; }
.proiecte-docs .doc-choice-menu { position: static; margin-top: 0.3rem; box-shadow: none; }

/*ctx:15793*/
.schema-pos-marker-default circle { fill: #fde8e8; stroke: var(--error); stroke-width: 1.6; stroke-dasharray: 2 1.5; }

/*ctx:15796*/
.schema-man-lit { cursor: pointer; }
.schema-man-lit-cerc { fill: #fff; stroke: #1c1f24; stroke-width: 2; }
.schema-man-lit-text { font: 700 11px sans-serif; fill: #1c1f24; pointer-events: none; }
.schema-man-lit-activ .schema-man-lit-cerc { fill: #fdecea; stroke: #b02a2a; stroke-width: 2.5; stroke-dasharray: 3 2; }
.schema-man-lit:focus { outline: none; }
.schema-man-lit:focus .schema-man-lit-cerc { stroke: var(--brand-deep); stroke-width: 3; }
.schema-hidden-label .schema-hidden-checkbox { margin: 0 0.4rem 0 0; vertical-align: middle; width: 1.3rem; height: 1.3rem; }

/*ctx:15799*/
.save-proiect label.full { flex: 1 1 100%; display: block; }
.save-proiect label.full input { width: 100%; }
@media (min-width: 641px) { .save-proiect label.full { flex: 1 1 18rem; } }
.plasa-selector[hidden] { display: none; }

/*ctx:15802*/
input[data-culoare] { cursor: pointer; background-repeat: no-repeat; background-position: 0.4rem center; background-size: 2rem 1.35rem; }
input[data-culoare].culoare-cu-chip { padding-left: 2.8rem; }
.culoare-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 0.5rem; }
.culoare-modal[hidden] { display: none; }
.culoare-box { background: #fff; border-radius: 8px; width: 100%; max-width: 640px; max-height: 94vh; overflow: auto; padding: 0.8rem; box-sizing: border-box; }
.culoare-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.4rem; font-size: 1.05rem; }
.culoare-inchide { background: none; border: none; color: #333; font-size: 1.8rem; line-height: 1; min-width: 2.75rem; min-height: 2.75rem; cursor: pointer; }
.culoare-titlu { font-weight: 700; margin: 0.6rem 0 0.3rem; font-size: 0.95rem; }
.culoare-rand { display: flex; gap: 0.4rem; flex-wrap: nowrap; }
.culoare-tile { flex: 1 1 0; min-width: 0; max-width: 8rem; display: flex; flex-direction: column; align-items: stretch; gap: 0.15rem; background: #fff; border: 2px solid #ccd; border-radius: 6px; padding: 0.25rem; cursor: pointer; font: inherit; text-align: center; min-height: 2.75rem; }
.culoare-tile:hover, .culoare-tile:focus-visible { border-color: var(--brand); }
.culoare-tile.culoare-aleasa { border-color: #c00000; box-shadow: 0 0 0 2px #c00000 inset; }
.culoare-tile img, .culoare-rand-ral img { width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 4px; display: block; }
.culoare-nume { font-size: 0.78rem; font-weight: 700; line-height: 1.1; overflow-wrap: anywhere; }
.culoare-ral { font-size: 0.7rem; color: #555; line-height: 1.1; min-height: 0.8rem; }
.culoare-rand-ral { align-items: center; }
.culoare-rand-ral img { flex: 0 0 7rem; width: 7rem; }
.culoare-ral-camp { flex: 1 1 auto; display: flex; flex-direction: column; gap: 0.4rem; min-width: 0; }
.culoare-ral-camp label { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; }
.culoare-ral-camp input { font-size: 1rem; min-height: 2.75rem; box-sizing: border-box; width: 100%; }
.culoare-ral-ok { min-height: 2.75rem; font-size: 1rem; }
.culoare-tile, .culoare-tile:hover, .culoare-tile:focus, .culoare-tile:active { background: #fff; color: #222; }
.culoare-inchide, .culoare-inchide:hover, .culoare-inchide:focus { background: none; color: #333; }

/*ctx:15805*/
th.sortabil { cursor: pointer; user-select: none; }
th.sortabil:hover { text-decoration: underline; }
th.sortabil[aria-sort="ascending"]::after { content: " ▲"; font-size: .7em; }
th.sortabil[aria-sort="descending"]::after { content: " ▼"; font-size: .7em; }

/*ctx:15808*/
.plisse-model { display: flex; flex-direction: column; gap: 0.3rem; }
.plisse-model-btn, .plisse-model-btn:hover, .plisse-model-btn:focus { display: flex; align-items: center; gap: 0.6rem; background: #fff; color: #222; border: 2px solid #ccd; border-radius: 6px; padding: 0.3rem 0.5rem; min-height: 2.75rem; cursor: pointer; font: inherit; font-size: 1rem; text-align: left; }
.plisse-model-btn:hover, .plisse-model-btn:focus-visible { border-color: var(--brand); }
.plisse-model-img { flex: 0 0 6rem; width: 6rem; }
.plisse-model-img:empty { display: none; }
.plisse-model-img svg, .plisse-tile svg { width: 100%; height: auto; display: block; }
.plisse-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 0.5rem; }
.plisse-modal[hidden] { display: none; }
.plisse-box { background: #fff; border-radius: 8px; width: 100%; max-width: 720px; max-height: 94vh; overflow: auto; padding: 0.8rem; box-sizing: border-box; }
.plisse-head { display: flex; justify-content: space-between; align-items: center; font-size: 1.05rem; margin-bottom: 0.3rem; }
.plisse-inchide, .plisse-inchide:hover, .plisse-inchide:focus { background: none; color: #333; border: none; font-size: 1.8rem; line-height: 1; min-width: 2.75rem; min-height: 2.75rem; cursor: pointer; }
.plisse-zona-titlu { font-weight: 700; margin: 0.8rem 0 0.4rem; font-size: 1rem; border-bottom: 1px solid #ccd; padding-bottom: 0.2rem; }
.plisse-rand { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
.plisse-tile, .plisse-tile:hover, .plisse-tile:focus, .plisse-tile:active { display: flex; flex-direction: column; gap: 0.25rem; background: #fff; color: #222; border: 2px solid #ccd; border-radius: 6px; padding: 0.35rem; cursor: pointer; font: inherit; min-height: 2.75rem; }
.plisse-tile:hover, .plisse-tile:focus-visible { border-color: var(--brand); }
.plisse-tile.plisse-ales { border-color: #c00000; box-shadow: 0 0 0 2px #c00000 inset; }
.plisse-tile-nume { font-size: 1rem; font-weight: 700; text-align: center; }

.optionale-produs { margin: -0.2rem 0 0.4rem; }
.optionale-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.3rem; }
.optional-chip { background: var(--brand-50); color: var(--brand); border: 1px solid var(--brand-200); border-radius: 999px; padding: 0.35rem 0.8rem; font-size: 0.85rem; min-height: 2.75rem; cursor: pointer; }
.grid-form .optionale-produs { grid-column: 1 / -1; }
.grid-form > button.full { grid-column: 1 / -1; }

/*ctx:15811*/
.grid-form > .form-actions, .save-proiect .form-actions { grid-column: 1 / -1; display: flex; gap: 0.6rem; flex-wrap: wrap; }
.form-actions > button { flex: 1 1 14rem; }
.form-actions > .btn-finalizeaza { background: #1a7f37; border-color: #1a7f37; color: #fff; }
.form-actions > .btn-finalizeaza:hover { background: #166b2e; }
#alege-produs { scroll-margin-top: 0.5rem; }

/*ctx:15814*/
.eroare-box { border-top: 5px solid var(--error); max-width: 34rem; }
.eroare-lista { margin: 0.5rem 0 0.8rem; padding-left: 1.2rem; line-height: 1.45; }
.eroare-lista li { margin-bottom: 0.45rem; }

/*ctx:15817*/
.tabs-preturi { display: flex; gap: 0.4rem; overflow-x: auto; padding: 0.6rem 1rem; max-width: 60rem; margin: 1rem auto 0; -webkit-overflow-scrolling: touch; }
.tabs-preturi a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 0.9rem; border: 1px solid var(--border); border-radius: 0.5rem 0.5rem 0 0; background: #f3f6fa; color: var(--brand); text-decoration: none; white-space: nowrap; }
.tabs-preturi a.activ { background: var(--brand); color: #fff; border-color: var(--brand); font-weight: 600; }

/*ctx:15820*/
.cf-ac-lista { position: absolute; z-index: 50; left: 0; right: 0; top: 100%; margin: 2px 0 0; padding: 0.25rem 0; list-style: none; background: #fff; border: 1px solid var(--border); border-radius: 0.5rem; box-shadow: 0 6px 18px rgba(0,0,0,.18); max-height: 18rem; overflow-y: auto; }
.cf-ac-lista[hidden] { display: none; }
.cf-ac-lista li { display: flex; flex-direction: column; justify-content: center; min-height: 2.75rem; padding: 0.3rem 0.8rem; cursor: pointer; font-size: 1rem; }
.cf-ac-lista li span { font-size: 0.8rem; color: #5b6772; }
.cf-ac-lista li.activ, .cf-ac-lista li:hover { background: #e6eefb; }
.cf-ac-lista li.gol { color: #5b6772; cursor: default; }
.filtru-conturi { display: grid; gap: 0.6rem; margin-bottom: 0.8rem; }
.filtru-conturi label { position: relative; display: block; }
@media (min-width: 641px) { .filtru-conturi { grid-template-columns: 14rem 1fr auto; align-items: end; } }

.actionare-comuna-det > summary { list-style: none; cursor: pointer; display: inline-block; min-height: 2.75rem; line-height: 2.75rem; padding: 0 1rem; margin: 0.25rem 0 0.5rem; }
.actionare-comuna-det > summary::-webkit-details-marker { display: none; }
.actionare-comuna-det[open] > summary { background: var(--brand-dark); }

/*ctx:15823*/
:root { --toggle-on: #1f9d55; }
button[aria-pressed="true"], .button[aria-pressed="true"], .btn-toggle[aria-pressed="true"], .btn-toggle-on,
details[open] > summary.btn-toggle, summary.btn-toggle[aria-pressed="true"], .schema-toggle-opt-active, button.plasa-card.active {
    outline: 3px solid var(--toggle-on);
    outline-offset: 2px;
}

/*ctx:15827*/
.schita-campuri .camp-seg.camp-comun { stroke: #1f9d55; fill: #e6f6ec; }
.schita-campuri .camp-seg.camp-comun.camp-sel { stroke: #d00000; }
.schita-campuri .camp-seg.camp-comun-sel { stroke: #1f9d55; stroke-width: 5; fill: #c8ecd5; }
.schita-campuri .camp-comun-linie { fill: none; stroke: #1f9d55; stroke-width: 2.5; }
.schita-campuri .camp-comun-txt { font: 700 10px sans-serif; fill: #15703c; pointer-events: none; }
.schita-campuri.schita-mod-comun a[data-liber="1"] { cursor: crosshair; }
.schita-campuri.schita-mod-comun a[data-liber="0"] { opacity: 0.45; cursor: not-allowed; }
.actionare-comuna-mentiune { margin: 0.25rem 0; padding: 0.35rem 0.6rem; background: #e6f6ec; border-left: 4px solid #1f9d55; border-radius: 4px; font-weight: 600; color: #15703c; }
.actionare-comuna-mentiune[hidden] { display: none; }
.actionare-comuna-previz { background: #fff8e1; border-left-color: #e0a800; color: #6b4e00; }
tr.actionare-comuna-rand th { background: #e6f6ec; color: #15703c; text-align: left; }

/*ctx:15830*/
button, .button, summary.btn-toggle, summary.button, [data-toggle-btn] {
    transition: transform 0.08s ease-out, box-shadow 0.08s ease-out, background-color 0.15s, outline-color 0.15s;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.22);
    -webkit-tap-highlight-color: transparent;
}
button:active:not(:disabled), .button:active:not([aria-disabled="true"]), summary.btn-toggle:active, summary.button:active, [data-toggle-btn]:active {
    transform: translateY(2px) scale(0.97);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}
button:disabled { box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
    button, .button, summary.btn-toggle, summary.button, [data-toggle-btn] { transition: none; }
    button:active:not(:disabled), .button:active, summary.btn-toggle:active, summary.button:active, [data-toggle-btn]:active { transform: none; }
}
button.link-button:not(.button), .culoare-inchide, .plisse-inchide { box-shadow: none; }
button.link-button:not(.button):active:not(:disabled), .culoare-inchide:active, .plisse-inchide:active { box-shadow: none; transform: translateY(1px); }

/*ctx:15834*/
.mode-tab-active, .product-card-active, .tabs-preturi a.activ {
    outline: 3px solid var(--toggle-on);
    outline-offset: 2px;
}
.mode-tabs { padding: 4px; }

/*ctx:15838*/
.paginare { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; margin-top: .8rem; }
.paginare .hint { margin: 0 auto 0 0; }
.pag-btn { display: inline-block; padding: .5rem 1rem; border: 1px solid var(--brand); border-radius: 5px; color: var(--brand); background: #fff; text-decoration: none; min-height: 2.5rem; box-sizing: border-box; }

/*ctx:15841*/
.backup-manual { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.backup-manual .hint { margin: 0; }

/*ctx:15844*/
.cereri-client { margin: .8rem 1rem; display: grid; gap: .6rem; }
.cerere-client { border: 2px solid #d98e04; background: #fff8e6; border-radius: 6px; padding: .7rem .9rem; }
.cerere-client p { margin: 0 0 .6rem; }
.cerere-butoane { display: flex; flex-wrap: wrap; gap: .5rem; }
.cerere-butoane form, .cerere-raspuns form { margin: 0; }
.cerere-butoane button, .cerere-raspuns button { min-height: 2.75rem; padding: 0 1rem; border-radius: 5px; border: 1px solid var(--brand); background: #fff; color: var(--brand); cursor: pointer; font-size: 1rem; }
.cerere-butoane .cerere-permite { background: #1f9d55; border-color: #1f9d55; color: #fff; }
.cerere-butoane .cerere-refuza { border-color: #b3261e; color: #b3261e; }
.cerere-raspuns { border-color: #6b7480; background: #f2f4f7; }
.vanzatori-edit summary { cursor: pointer; color: var(--brand); font-size: .85rem; }

/*ctx:15847*/
.cauta-clienti { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin: 0.5rem 0 1rem; }
.cauta-clienti input[type=search] { flex: 1 1 14rem; min-width: 0; min-height: 2.6rem; font-size: 16px; }
.cauta-clienti button { min-height: 2.6rem; }
.devino-secundar { min-height: 2.6rem; }

/*ctx:15850*/
.alerta-jurnal-fundal { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.alerta-jurnal { background: #fff; border: 3px solid #b00020; border-radius: 10px; max-width: 34rem; width: 100%; max-height: 90vh; overflow: auto; padding: 1rem 1.2rem; }
.alerta-jurnal h2 { color: #b00020; margin-top: 0; }
.alerta-jurnal ul { padding-left: 1.1rem; }
.alerta-jurnal-butoane { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.alerta-jurnal-butoane a, .alerta-jurnal-butoane button { min-height: 2.8rem; padding: .5rem 1rem; display: inline-flex; align-items: center; }
.jurnal-filtre { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: end; margin: .6rem 0 1rem; }
.jurnal-alerta td { background: #fdecea; }
.cont-blocat { color: #b00020; font-size: .9rem; }

/*ctx:15853*/
.mesaje-semn { display: inline-flex; align-items: center; justify-content: center; margin-left: .35rem; min-width: 1.15rem; height: 1.15rem; border-radius: 50%; background: #d50000; color: #fff; font-size: .8rem; font-weight: 700; line-height: 1; }
.mesaje-semn[hidden] { display: none; }
.lista-mesaje { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.mesaj { border: 1px solid #c9d3e0; border-radius: 8px; padding: .7rem .9rem; background: #fff; }
.mesaj-nou { border-color: #d50000; box-shadow: 0 0 0 2px rgba(213,0,0,.15); }
.mesaj-cap { display: flex; flex-wrap: wrap; gap: .5rem; align-items: baseline; justify-content: space-between; }
.mesaj-eticheta { background: #d50000; color: #fff; border-radius: 4px; padding: 0 .35rem; font-size: .8rem; }
.alerta-mesaj { border-color: var(--brand); }
.alerta-mesaj h2 { color: var(--text); }
tr:target { outline: 3px solid var(--brand); outline-offset: -3px; }

/*ctx:15856*/
.pret-achizitie { color: #b42318; font-weight: 600; }
.pret-vanzare { color: #1a7f37; font-weight: 600; }

/*ctx:15859*/
.alerta-jurnal-butoane button.alerta-nu { background: #fff; color: #1f2933; border: 2px solid #1f4e8c; min-height: 2.8rem; min-width: 5rem; }

/*ctx:15862*/
.mode-tabs.sub-tabs { flex-wrap: wrap; margin-top: -.25rem; }
.mode-tabs.sub-tabs .mode-tab { font-size: .95rem; }
.status-asteptare { display: inline-block; background: #fff4d6; color: #7a4b00; border: 1px solid #f0c36d; border-radius: 999px; padding: 0 0.5rem; font-size: 0.8rem; white-space: nowrap; }
.status-respinsa { display: inline-block; background: #fde8e8; color: #9b1c1c; border: 1px solid #f0a3a3; border-radius: 999px; padding: 0 0.5rem; font-size: 0.8rem; }
label[data-h-min][hidden] { display: none !important; } /*ctx:15865*/

/*ctx:15868*/
.sp-form { display: flex; flex-direction: column; gap: 0.9rem; grid-column: 1 / -1; }
.sp-form fieldset { border: 1px solid var(--border, #d0d7de); border-radius: 8px; padding: 0.7rem; display: grid; grid-template-columns: 1fr; gap: 0.6rem; min-width: 0; }
.sp-form legend { font-weight: 600; padding: 0 0.3rem; }
.sp-forme-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
.sp-forma { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; min-height: 44px; padding: 0.5rem; border: 2px solid var(--border, #d0d7de); border-radius: 8px; cursor: pointer; text-align: center; font-size: 0.85rem; }
.sp-forma:has(input:checked) { border-color: var(--brand); background: rgba(166, 30, 45, 0.08); }
.sp-forma input { width: 20px; height: 20px; }
.sp-schite { display: flex; justify-content: center; }
.sp-latura { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 0.5rem 0.8rem; padding: 0.5rem; border: 1px dashed var(--border, #d0d7de); border-radius: 6px; }
.sp-latura > strong { flex: 0 0 100%; text-align: center; }
.sp-latura > label { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 0.2rem; text-align: center; }
.sp-latura > label input[type=number] { width: 8rem; min-width: 8rem; text-align: center; }
.sp-latura > :not(label):not(strong) { flex: 1 1 100%; min-width: 0; }
.sp-latura[hidden] { display: none; }
.sp-form input, .sp-form select { font-size: 16px; min-height: 44px; }
@media (min-width: 700px) {
    .sp-forme-grid { grid-template-columns: repeat(4, 1fr); }
    .sp-latura .sp-foaie { grid-column: 1 / -1; }
    .sp-form fieldset.sp-optiuni { grid-template-columns: 1fr 1fr; }
}
.sp-s10[hidden] { display: none !important; }
.sp-form input[data-sticla-culoare] { cursor: pointer; }
.sp-cort[hidden], .sp-opt input[hidden] { display: none !important; }
.sp-opt { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.sp-opt input[type=number] { width: 6rem; }
.sp-opt-titlu { grid-column: 1 / -1; }
.sp-forma { position: relative; }
.sp-forma input[type=radio] { position: absolute; opacity: 0; width: 100%; height: 100%; inset: 0; margin: 0; cursor: pointer; }
.sp-forma:has(input:focus-visible) { outline: 3px solid var(--brand); outline-offset: 2px; }

.sp-strangere { grid-column: 1 / -1; border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.sp-strangere legend { font-size: 0.85rem; font-weight: 600; padding: 0; margin-bottom: 0.3rem; }
.sp-str-opt { flex: 1 1 7rem; display: flex !important; flex-direction: row !important; align-items: center; justify-content: center; gap: 0.4rem; min-height: 44px; padding: 0.4rem 0.6rem; border: 2px solid var(--border, #d0d7de); border-radius: 8px; cursor: pointer; }
.sp-str-opt:has(input:checked) { border-color: var(--brand); background: rgba(166, 30, 45, 0.08); font-weight: 600; }
.sp-str-opt input { width: 20px; height: 20px; }
.sp-fx-col[hidden], .sp-fx-var[hidden], .sp-fixa-opt[hidden] { display: none !important; }
.sp-fx-gros[hidden], .sp-fx-var[hidden], .sp-fx-col[hidden] { display: none !important; }

/*ctx:15871*/
.culoare-rand.sp-cs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
.culoare-rand.sp-cs .culoare-tile { min-width: 0; width: 100%; box-sizing: border-box; overflow: hidden; }
.sp-cs-chip { display: block; width: 100%; height: 60px; border: 1px solid #888; box-sizing: border-box; }

/*ctx:15874*/
details.setari-cont > summary { list-style: none; cursor: pointer; display: inline-block; user-select: none; }
details.setari-cont > summary::-webkit-details-marker { display: none; }
details.setari-cont > summary::after { content: " ▾"; }
details.setari-cont[open] > summary::after { content: " ▴"; }
.setari-cont-form { display: grid; gap: .6rem; margin: .6rem 0 0; min-width: 14rem; }
.setari-cont-form label { display: grid; gap: .25rem; font-size: .9rem; }
.setari-cont-form input[type=text], .setari-cont-form input[type=email], .setari-cont-form input[type=password], .setari-cont-form select { font-size: 1rem; min-height: 2.75rem; width: 100%; }
.setari-cont-form label.setari-cont-activ { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; }

/*ctx:15877*/
button.link-secondary, button.link-secondary:hover { background: transparent; color: var(--brand); }
button.link-danger, button.link-danger:hover { background: transparent; color: var(--error); }
button.link-secondary:hover, button.link-danger:hover { text-decoration: underline; }
.culoare-tile[hidden] { display: none; }

/*ctx:15880*/
.sp-decupaj { grid-column: 1 / -1; }
.sp-dc-campuri { display: grid; grid-template-columns: 1fr; gap: .5rem; margin-top: .4rem; padding: .5rem; background: #fff6f6; border: 1px solid #e6bcbc; border-radius: 6px; }
.sp-dc-campuri[hidden] { display: none; }
/*ctx:15883*/
.sp-dc-lat { grid-column: 1 / -1; align-items: end; display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: .1rem; padding-top: .6rem; border-top: 2px dotted #c98a8a; }
.sp-dc-campuri label { display: grid; gap: .25rem; }
.sp-dc-campuri input, .sp-dc-campuri select { font-size: 1rem; min-height: 2.75rem; }
@media (min-width: 641px) { .sp-dc-campuri { grid-template-columns: 1fr 1fr; } .sp-dc-campuri .hint { grid-column: 1 / -1; } }
.sp-elev-box[hidden] { display: none; }
.sp-elev-box { border: 1px solid var(--border, #d0d7de); border-radius: 6px; padding: .5rem; background: #fff; }
/*ctx:15886*/
.sp-profile { display: grid; gap: 0.5rem; }
.sp-prof-rand { display: grid; grid-template-columns: 1fr; gap: 0.4rem; }
.sp-prof-rand[hidden] { display: none; }
@media (min-width: 520px) { .sp-prof-rand { grid-template-columns: 2fr 1.2fr 0.8fr; } }
.prof-sup-culoare[hidden] { display: none; }
.prof-sup-culoare input { width: 100%; font-size: 16px; }

/*ctx:15889*/
.sp-seg { display: grid; gap: .5rem; margin-top: .6rem; padding: .5rem; background: #f3f8fc; border: 1px solid #b7cfe4; border-radius: 6px; }
.sp-seg[hidden], .sp-seg-opt[hidden] { display: none; }
.sp-seg, .sp-cort { grid-column: 1 / -1; }
.sp-seg-opt { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.sp-seg-opt select { min-width: 9rem; font-size: 16px; }
.ps-form [hidden], .grid-form label[hidden] { display: none !important; }

/*ctx:15892*/
.sg-form { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr; gap: 0.6rem; border: 1px solid var(--border, #d0d7de); border-radius: 8px; padding: 0.7rem; min-width: 0; }
.sg-form legend { font-weight: 600; padding: 0 0.3rem; }
.sg-form fieldset.sg-capete { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr; gap: 0.6rem; border: 1px solid var(--border, #d0d7de); border-radius: 8px; padding: 0.7rem; min-width: 0; }
.sg-form input, .sg-form select { font-size: 16px; min-height: 44px; max-width: 100%; }
.sg-form [hidden] { display: none !important; }
.sg-rezultat { padding: 0.4rem 0.6rem; background: rgba(0, 0, 0, 0.04); border-radius: 6px; }
.sg-err { color: #a61e2d; }
@media (min-width: 700px) { .sg-form, .sg-form fieldset.sg-capete { grid-template-columns: 1fr 1fr; } }

/*ctx:15895*/
.sg-panou { grid-column: 1 / -1; padding: 0.4rem; background: #f4f9fc; border: 1px solid #c5d6e2; border-radius: 8px; }
.sg-svg { width: 100%; height: auto; max-height: 190px; display: block; }
.sg-mini { width: 100%; height: auto; display: block; }
.sg-tip-afis { cursor: pointer; background: #fff; }
.culoare-rand.sg-opt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.culoare-rand.sg-opt .culoare-tile { max-width: none; width: 100%; box-sizing: border-box; }
@media (max-width: 520px) { .culoare-rand.sg-opt { grid-template-columns: 1fr; } }

/*ctx:15898*/
.demo-mascat { display: inline-block; background: #111; color: #111; border-radius: 3px; vertical-align: middle; user-select: none; min-width: 3.5rem; min-height: 0.9em; }

/*ctx:15901*/
.proiecte-actiuni { display: flex; flex-direction: column; align-items: stretch; gap: 0.35rem; }
.proiecte-actiuni form { margin: 0 !important; }
.proiecte-actiuni button:not(.link-secondary):not(.link-danger), .proiecte-actiuni .button { width: 100%; white-space: normal; text-align: center; }
.proiecte-actiuni details > summary { cursor: pointer; }
@media (min-width: 641px) {
    .tabel-proiecte { font-size: 0.82rem; }
    .tabel-proiecte th, .tabel-proiecte td { padding: 0.45rem 0.3rem; vertical-align: top; }
    .tabel-proiecte .proiecte-docs { flex-direction: column; align-items: stretch; gap: 0.3rem; }
    .tabel-proiecte .proiecte-docs .button, .tabel-proiecte .proiecte-docs summary.button,
    .tabel-proiecte .proiecte-actiuni button:not(.link-secondary):not(.link-danger), .tabel-proiecte .proiecte-actiuni .button {
        padding: 0.3rem 0.5rem; font-size: 0.78rem; min-height: 2.1rem; line-height: 1.25rem; border-radius: 8px; text-align: center; white-space: normal;
    }
    .tabel-proiecte .proiecte-docs details.doc-choice > summary { display: block; }
    .tabel-proiecte .proiecte-docs .doc-choice-menu { padding: 0.25rem; gap: 0.25rem; min-width: 0; }
    .tabel-proiecte .proiecte-docs .doc-choice-menu .button { white-space: normal; }
    /*ctx:15905*/
    .tabel-proiecte th.col-doc, .tabel-proiecte td.col-doc { width: 7.2rem; min-width: 7.2rem; }
    .tabel-proiecte th.col-act, .tabel-proiecte td.col-act { width: 7.4rem; min-width: 7.4rem; }
}
/*ctx:15908*/
@media (min-width: 641px) { .tabel-proiecte .proiecte-actiuni .link-secondary, .tabel-proiecte .proiecte-actiuni .link-danger { font-size: 0.8rem; } }
.tabel-proiecte .status-asteptare, .tabel-proiecte .status-respinsa { white-space: normal; border-radius: 10px; max-width: 14rem; }

/*ctx:15911*/
.schema-pos-marker-indisponibil { opacity: 0.28; cursor: not-allowed; pointer-events: auto; }
/*ctx:15914*/
.mode-tab-alerta { font-weight: 700; color: var(--accent); }
.mode-tab-alerta.mode-tab-active { color: inherit; }
/*ctx:15917*/
.pvc-panou { grid-column: 1 / -1; padding: 0.4rem; background: #f6f6fe; border: 1px solid #cdd0ea; border-radius: 8px; }
.pvc-svg { width: 100%; height: auto; max-height: 300px; display: block; }
.pvc-tipuri { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
@media (min-width: 641px) { .pvc-tipuri { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pvc-tip { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; padding: 0.4rem; border: 2px solid #d6d6d6; border-radius: 10px; cursor: pointer; text-align: center; background: #fff; }
.pvc-tip input { position: absolute; opacity: 0; pointer-events: none; }
.pvc-tip-ales { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(225, 29, 46, 0.15); }
.pvc-tip-desen { width: 72px; height: 72px; display: block; }
.pvc-mini { width: 72px; height: 72px; }
.pvc-tip-nume { font-size: 0.85rem; line-height: 1.2; }
.pvc-reteta { grid-column: 1 / -1; }
.pvc-reteta h4 { margin: 0.8rem 0 0.3rem; }
.pvc-tabel { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.pvc-tabel th, .pvc-tabel td { border-bottom: 1px solid #e3e3e3; padding: 0.2rem 0.35rem; text-align: left; vertical-align: top; }
#pvc-reteta-corp { overflow-x: auto; }
.pvc-form { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr; gap: 0.6rem; border: 1px solid var(--border, #d0d7de); border-radius: 8px; padding: 0.7rem; min-width: 0; }
.pvc-form legend { font-weight: 600; padding: 0 0.3rem; }
.pvc-form input:not([type=radio]), .pvc-form select { font-size: 16px; min-height: 44px; max-width: 100%; }
.pvc-form [hidden] { display: none !important; }
.pvc-form .full { grid-column: 1 / -1; }
@media (min-width: 700px) { .pvc-form { grid-template-columns: 1fr 1fr; } }

/*ctx:15920*/
.tabel-proiecte td.col-marja { white-space: nowrap; font-size: 0.78rem; padding-left: 0.2rem; padding-right: 0.2rem; }

/*ctx:15923*/
@media (max-width: 1100px) {
    .table-wrap:has(.tabel-proiecte) { overflow-x: visible; }
    .tabel-proiecte { min-width: 0; display: block; }
    .tabel-proiecte thead, .tabel-proiecte thead tr { display: block; border: 0; padding: 0; margin: 0 0 0.4rem; background: none; }
    .tabel-proiecte thead th { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; padding: 0; border: 0; } /*ctx:15927*/
    .tabel-proiecte thead th:has(#optAll) { position: static; width: auto; height: auto; overflow: visible; clip: auto; display: block; border: 0; padding: 0.2rem 0.6rem; } /*ctx:15930*/
    .tabel-proiecte tbody { display: block; }
    .tabel-proiecte tr { display: block; border: 1px solid var(--border); border-radius: 10px; padding: 0.4rem 0.6rem; margin: 0 0 0.8rem; background: #fff; }
    .tabel-proiecte td { display: flex; gap: 0.6rem; align-items: baseline; border-bottom: 1px solid var(--border); padding: 0.35rem 0; width: auto; min-width: 0; }
    .tabel-proiecte td::before { content: attr(data-label); flex: 0 0 7.5rem; font-weight: 600; color: #4a5560; }
    .tabel-proiecte td:last-child { border-bottom: 0; }
    .tabel-proiecte td.col-doc, .tabel-proiecte td.col-act, .tabel-proiecte th.col-doc, .tabel-proiecte th.col-act { display: block; width: auto; min-width: 0; }
    .tabel-proiecte td.col-doc::before, .tabel-proiecte td.col-act::before { display: block; margin-bottom: 0.3rem; }
    .tabel-proiecte .proiecte-docs, .tabel-proiecte .proiecte-actiuni { flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 0.4rem; }
    .tabel-proiecte .proiecte-docs > *, .tabel-proiecte .proiecte-actiuni > * { flex: 1 1 9rem; min-width: 0; }
    .tabel-proiecte .proiecte-docs .button, .tabel-proiecte .proiecte-docs summary.button,
    .tabel-proiecte .proiecte-actiuni button:not(.link-secondary):not(.link-danger), .tabel-proiecte .proiecte-actiuni .button { min-height: 44px; }
}

.card.configure-lat { max-width: min(96rem, calc(100% - 2rem)); }