:root {
    --s365-baar-navy: #082f63;
    --s365-baar-navy-deep: #061f42;
    --s365-baar-blue: #0873bb;
    --s365-baar-gold: #f3ab18;
    --s365-baar-text: #263d55;
    --s365-baar-muted: #6e7e8f;
    --s365-baar-line: #d8e0e7;
    --s365-baar-soft: #f6f8fa;
    --s365-baar-white: #fff;
    --s365-baar-success: #177245;
    --s365-baar-danger: #a92e2e;
}

.s365-baar-wrap,
.s365-baar-wrap * { box-sizing: border-box; }

.s365-baar-wrap {
    width: 100%;
    padding: 58px 22px 72px;
    background: #f5f7f9;
    color: var(--s365-baar-text);
    font-family: inherit;
}

.s365-baar-shell { width: 100%; max-width: 1280px; margin: 0 auto; }
.s365-baar-shell--narrow { max-width: 620px; }

.s365-baar-heading { max-width: 830px; margin: 0 auto 28px; text-align: center; }
.s365-baar-heading h1,
.s365-baar-dashboard-top h1 {
    margin: 0 0 12px;
    color: var(--s365-baar-navy);
    font-size: clamp(31px, 4vw, 46px);
    line-height: 1.12;
    letter-spacing: -.7px;
}
.s365-baar-heading p,
.s365-baar-dashboard-top p { margin: 0; color: var(--s365-baar-muted); line-height: 1.7; font-size: 15px; }
.s365-baar-eyebrow {
    display: block;
    margin-bottom: 9px;
    color: var(--s365-baar-blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.s365-baar-card {
    overflow: hidden;
    border: 1px solid var(--s365-baar-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(8,47,99,.07);
}
.s365-baar-card + .s365-baar-card { margin-top: 24px; }
.s365-baar-card-head { padding: 25px 28px 18px; }
.s365-baar-card-head--inside { padding-bottom: 8px; }
.s365-baar-card-head h2 { margin: 0 0 5px; color: var(--s365-baar-navy); font-size: 21px; line-height: 1.3; }
.s365-baar-card-head p { margin: 0; color: var(--s365-baar-muted); font-size: 13px; line-height: 1.6; }
.s365-baar-card-body { padding: 10px 28px 30px; }
.s365-baar-card-body--topless { padding-top: 4px; }
.s365-baar-divider { height: 1px; background: var(--s365-baar-line); }

.s365-baar-grid { display: grid; gap: 20px; }
.s365-baar-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s365-baar-field { min-width: 0; }
.s365-baar-field label { display: block; margin: 0 0 7px; color: #314d68; font-size: 13px; font-weight: 800; }
.s365-baar-field label span { color: #b53a3a; }
.s365-baar-field input,
.s365-baar-field select,
.s365-baar-field textarea,
.s365-baar-filter input,
.s365-baar-filter select {
    width: 100%;
    min-height: 49px;
    padding: 11px 13px;
    border: 1px solid #cbd6e0;
    border-radius: 5px;
    background: #fff;
    color: #17334f;
    font: inherit;
    font-size: 14px;
    outline: 0;
}
.s365-baar-field textarea { min-height: 150px; resize: vertical; }
.s365-baar-field input[type=file] { padding: 10px; background: #f9fbfc; }
.s365-baar-field input:focus,
.s365-baar-field select:focus,
.s365-baar-field textarea:focus,
.s365-baar-filter input:focus,
.s365-baar-filter select:focus { border-color: var(--s365-baar-blue); box-shadow: 0 0 0 3px rgba(8,115,187,.08); }
.s365-baar-field small { display: block; margin-top: 5px; color: #83909c; font-size: 11px; }

.s365-baar-consent { display: flex; gap: 11px; align-items: flex-start; margin-top: 24px; padding: 15px 16px; border: 1px solid #e3e8ed; background: #f9fafb; border-radius: 6px; color: #53697d; font-size: 12.5px; line-height: 1.6; }
.s365-baar-consent input { width: 17px; height: 17px; margin: 2px 0 0; flex: 0 0 auto; }

.s365-baar-actions { display: flex; justify-content: flex-end; margin-top: 24px; }
.s365-baar-btn {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    cursor: pointer;
    transition: .2s ease;
}
.s365-baar-btn--primary { background: var(--s365-baar-navy); border-color: var(--s365-baar-navy); color: #fff !important; }
.s365-baar-btn--primary:hover { background: var(--s365-baar-navy-deep); }
.s365-baar-btn--secondary { background: #fff; border-color: var(--s365-baar-navy); color: var(--s365-baar-navy) !important; }
.s365-baar-btn--secondary:hover { background: #f2f6fa; }
.s365-baar-btn--ghost { background: transparent; border-color: #cdd7df; color: #526b82 !important; }
.s365-baar-btn--full { width: 100%; }

.s365-baar-alert { max-width: 920px; margin: 0 auto 20px; padding: 16px 18px; border-radius: 7px; border: 1px solid; font-size: 13px; line-height: 1.6; }
.s365-baar-alert strong { display: block; }
.s365-baar-alert span { display: block; margin-top: 5px; }
.s365-baar-alert--success { background: #f0faf5; border-color: #bfe3cf; color: #1c6242; }
.s365-baar-alert--error { background: #fff5f5; border-color: #e7c7c7; color: #913333; }

.s365-baar-success-card { max-width: 720px; margin: 0 auto; padding: 34px; text-align: center; }
.s365-baar-success-card h2 { margin: 0 0 15px; color: var(--s365-baar-navy); }
.s365-baar-case-number { display: inline-block; margin: 6px 0 14px; padding: 13px 17px; border: 1px solid #d7e0e7; background: #f6f8fa; color: var(--s365-baar-navy); font-size: 22px; font-weight: 800; letter-spacing: .5px; border-radius: 6px; }
.s365-baar-success-card p { margin: 0; color: var(--s365-baar-muted); line-height: 1.7; }

.s365-baar-login-card { padding: 28px; }
.s365-baar-login-card p { margin: 0 0 16px; }
.s365-baar-login-card label { display: block; margin-bottom: 6px; color: #314d68; font-size: 13px; font-weight: 800; }
.s365-baar-login-card input[type=text],
.s365-baar-login-card input[type=password] { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #cbd6e0; border-radius: 5px; }
.s365-baar-login-card .login-remember label { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.s365-baar-login-card .button { min-height: 47px; padding: 0 22px; border: 1px solid var(--s365-baar-navy); border-radius: 5px; background: var(--s365-baar-navy); color: #fff; font-weight: 800; cursor: pointer; }

.s365-baar-dashboard-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 28px; margin-bottom: 26px; }
.s365-baar-dashboard-top > div:first-child { max-width: 780px; }
.s365-baar-top-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.s365-baar-back { display: inline-block; margin-bottom: 14px; color: var(--s365-baar-blue) !important; font-size: 13px; font-weight: 700; text-decoration: none !important; }

.s365-baar-filter { display: grid; grid-template-columns: minmax(0,1fr) 220px auto; gap: 12px; margin-bottom: 18px; }

.s365-baar-table-card { overflow: hidden; border: 1px solid var(--s365-baar-line); border-radius: 10px; background: #fff; box-shadow: 0 12px 34px rgba(8,47,99,.06); }
.s365-baar-table-wrap { overflow-x: auto; }
.s365-baar-table { width: 100%; min-width: 880px; border-collapse: collapse; }
.s365-baar-table th { padding: 14px 16px; border-bottom: 1px solid #dbe3ea; background: #f7f9fb; color: #64798e; font-size: 10px; font-weight: 800; text-align: left; letter-spacing: .6px; text-transform: uppercase; }
.s365-baar-table td { padding: 16px; border-bottom: 1px solid #e5eaee; color: #334e68; font-size: 13px; vertical-align: middle; }
.s365-baar-table tr:last-child td { border-bottom: 0; }
.s365-baar-table td small { display: block; margin-top: 3px; color: #8795a3; font-size: 10px; }
.s365-baar-empty { padding: 34px !important; text-align: center; color: var(--s365-baar-muted) !important; }
.s365-baar-link { color: var(--s365-baar-blue) !important; font-weight: 800; text-decoration: none !important; }

.s365-baar-status { display: inline-flex; align-items: center; min-height: 27px; padding: 0 9px; border-radius: 999px; background: #edf2f6; color: #52677b; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .4px; }
.s365-baar-status--new { background: #eef5ff; color: #315f94; }
.s365-baar-status--review { background: #fff8e9; color: #946b15; }
.s365-baar-status--missing { background: #fff1f1; color: #9c3d3d; }
.s365-baar-status--ready { background: #edf8f4; color: #216749; }
.s365-baar-status--completed { background: #eef3f5; color: #3d5969; }

.s365-baar-case-layout { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(300px,.65fr); gap: 24px; align-items: start; }
.s365-baar-sticky { position: sticky; top: 24px; }
.s365-baar-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.s365-baar-info { padding: 14px 15px; border: 1px solid #e0e6eb; background: #f9fafb; border-radius: 6px; }
.s365-baar-info span { display: block; margin-bottom: 5px; color: #7c8c9c; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .45px; }
.s365-baar-info strong { color: #243f5a; font-size: 14px; word-break: break-word; }

.s365-baar-doc-list { display: grid; gap: 10px; }
.s365-baar-doc { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 15px; border: 1px solid #e0e6eb; border-radius: 6px; background: #fff; }
.s365-baar-doc > div { min-width: 0; }
.s365-baar-doc strong { display: block; color: #28455f; font-size: 13px; }
.s365-baar-doc small { display: block; margin-top: 3px; color: #8996a2; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 560px; }
.s365-baar-doc-state { display: inline-block; margin-bottom: 5px; color: var(--s365-baar-success); font-size: 9px; font-weight: 900; letter-spacing: .5px; text-transform: uppercase; }
.s365-baar-doc-state--missing { color: var(--s365-baar-danger); }

@media (max-width: 900px) {
    .s365-baar-grid--2,
    .s365-baar-info-grid { grid-template-columns: 1fr; }
    .s365-baar-dashboard-top { align-items: flex-start; flex-direction: column; }
    .s365-baar-top-actions { justify-content: flex-start; }
    .s365-baar-filter { grid-template-columns: 1fr; }
    .s365-baar-case-layout { grid-template-columns: 1fr; }
    .s365-baar-sticky { position: static; }
}

@media (max-width: 767px) {
    .s365-baar-wrap { padding: 42px 14px 54px; }
    .s365-baar-card-head { padding: 22px 18px 15px; }
    .s365-baar-card-body { padding: 8px 18px 24px; }
    .s365-baar-actions { justify-content: stretch; }
    .s365-baar-actions .s365-baar-btn,
    .s365-baar-top-actions .s365-baar-btn { width: 100%; }
    .s365-baar-top-actions { width: 100%; }
    .s365-baar-doc { align-items: flex-start; }
    .s365-baar-doc small { max-width: 220px; }
}

/* =========================================================
   DOSAR DINAMIC PF / PJ + VEHICUL INMATRICULAT / NEINMATRICULAT
========================================================= */
.s365-baar-conditional[hidden] { display: none !important; }

.s365-baar-requirements {
    margin-top: 20px;
    padding: 16px 18px;
    border: 1px solid #d9e3ec;
    border-left: 4px solid var(--s365-baar-gold);
    border-radius: 7px;
    background: #fbfcfd;
    color: #5d7185;
    font-size: 12.5px;
    line-height: 1.65;
}
.s365-baar-requirements strong {
    display: block;
    margin-bottom: 8px;
    color: var(--s365-baar-navy);
    font-size: 13px;
}
.s365-baar-requirements span {
    display: inline-flex;
    align-items: center;
    margin: 3px 7px 3px 0;
    padding: 5px 9px;
    border: 1px solid #dce4eb;
    border-radius: 999px;
    background: #fff;
    color: #536b81;
    font-size: 11px;
    font-weight: 700;
}

.s365-baar-mandate-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 18px 20px;
    border: 1px solid #d9e3ec;
    border-radius: 7px;
    background: #f7f9fb;
}
.s365-baar-mandate-box > div { min-width: 0; }
.s365-baar-mandate-box strong {
    display: block;
    margin-bottom: 4px;
    color: var(--s365-baar-navy);
    font-size: 13px;
}
.s365-baar-mandate-box span {
    display: block;
    color: #667b8f;
    font-size: 12px;
    line-height: 1.55;
}
.s365-baar-helper {
    margin: 10px 0 0;
    color: #82909d;
    font-size: 11.5px;
    line-height: 1.55;
}

@media (max-width: 767px) {
    .s365-baar-mandate-box {
        align-items: stretch;
        flex-direction: column;
    }
    .s365-baar-mandate-box .s365-baar-btn { width: 100%; }
}


/* v1.2.3 - acord explicit pentru generarea mandatului */
.s365-baar-mandate-consents {
    margin-top: 18px;
    display: grid;
    gap: 10px;
}
.s365-baar-mandate-consents .s365-baar-consent {
    margin-top: 0;
}
#s365-generate-mandate:disabled {
    opacity: .48;
    cursor: not-allowed;
    filter: grayscale(.2);
}

/* =========================================================
   v1.3 - PANOU BROKER: aspect profesional (doar prezentare, fara schimbari de logica)
   Se aplica doar pe pagina Panou BAAR (lista, dosar, autentificare).
   Revenire: sterge tot de la acest comentariu pana la sfarsitul fisierului.
========================================================= */
body:has(.s365-baar-dashboard-wrap) .page-header,
body:has(.s365-baar-login-wrap) .page-header { display: none; }

.s365-baar-dashboard-wrap,
.s365-baar-login-wrap { background: transparent; font-variant-numeric: tabular-nums; }
.s365-baar-dashboard-wrap { padding: 34px 22px 44px; }

.s365-baar-dashboard-wrap a:focus-visible,
.s365-baar-dashboard-wrap button:focus-visible { outline: 3px solid #ffcf78; outline-offset: 2px; }

/* ---- banda de titlu ---- */
.s365-baar-dashboard-wrap .s365-baar-dashboard-top {
    position: relative;
    overflow: hidden;
    align-items: center;
    margin-bottom: 22px;
    padding: 30px 34px;
    border-radius: 14px;
    background:
        radial-gradient(120% 150% at 100% 0, rgba(243,171,24,.18) 0, rgba(243,171,24,0) 46%),
        linear-gradient(135deg, #082f63 0%, #0b4287 100%);
    box-shadow: 0 18px 40px rgba(8,47,99,.22);
}
.s365-baar-dashboard-wrap .s365-baar-dashboard-top h1 { margin-bottom: 8px; color: #fff; font-size: clamp(28px, 3.4vw, 38px); letter-spacing: -.5px; }
.s365-baar-dashboard-wrap .s365-baar-dashboard-top p { color: rgba(255,255,255,.8); }
.s365-baar-dashboard-wrap .s365-baar-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 11px; color: #f3ab18; font-size: 11px; letter-spacing: 1.7px; }
.s365-baar-dashboard-wrap .s365-baar-eyebrow::before { content: ""; width: 20px; height: 2px; border-radius: 2px; background: #f3ab18; }
.s365-baar-dashboard-wrap .s365-baar-back {
    display: flex;
    width: fit-content;
    align-items: center;
    margin-bottom: 16px;
    padding: 6px 12px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 999px;
    color: #fff !important;
    font-size: 12.5px;
    transition: .18s ease;
}
.s365-baar-dashboard-wrap .s365-baar-back:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.6); }
.s365-baar-dashboard-wrap .s365-baar-dashboard-top .s365-baar-btn--secondary { background: #fff; border-color: #fff; color: #082f63 !important; }
.s365-baar-dashboard-wrap .s365-baar-dashboard-top .s365-baar-btn--secondary:hover { background: #e9f2fb; }
.s365-baar-dashboard-wrap .s365-baar-dashboard-top .s365-baar-btn--ghost { border-color: rgba(255,255,255,.42); color: #fff !important; }
.s365-baar-dashboard-wrap .s365-baar-dashboard-top .s365-baar-btn--ghost:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.75); }

/* ---- cautare / filtre ---- */
.s365-baar-dashboard-wrap .s365-baar-filter {
    align-items: center;
    margin-bottom: 20px;
    padding: 14px;
    border: 1px solid var(--s365-baar-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(8,47,99,.05);
}
.s365-baar-dashboard-wrap .s365-baar-filter input,
.s365-baar-dashboard-wrap .s365-baar-filter select { min-height: 48px; border-color: #d3dde6; border-radius: 8px; background-color: #fff; }
.s365-baar-dashboard-wrap .s365-baar-filter input[type=text] {
    padding-left: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2373879a' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 15px 50%;
}
.s365-baar-dashboard-wrap .s365-baar-filter select {
    padding-right: 40px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2373879a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
}
.s365-baar-dashboard-wrap .s365-baar-filter .s365-baar-btn { min-height: 48px; padding: 0 28px; border-radius: 8px; font-size: 14px; }
.s365-baar-dashboard-wrap button.s365-baar-btn--primary { background: #082f63; border-color: #082f63; color: #fff !important; }
.s365-baar-dashboard-wrap button.s365-baar-btn--primary:hover { background: #061f42; border-color: #061f42; color: #fff !important; }

/* ---- tabel dosare ---- */
.s365-baar-dashboard-wrap .s365-baar-table-card { border-radius: 14px; box-shadow: 0 14px 36px rgba(8,47,99,.07); }
.s365-baar-dashboard-wrap .s365-baar-table th { padding: 15px 20px; background: #f3f6f9; color: #5b7088; font-size: 11px; letter-spacing: .9px; }
.s365-baar-dashboard-wrap .s365-baar-table td { padding: 18px 20px; border-bottom-color: #e9eef2; color: #2a445d; font-size: 14px; }
.s365-baar-dashboard-wrap .s365-baar-table tbody tr { transition: background .15s ease; }
.s365-baar-dashboard-wrap .s365-baar-table tbody tr:hover { background: #f7fafd; }
.s365-baar-dashboard-wrap .s365-baar-table td:first-child strong { color: #082f63; letter-spacing: .2px; }
.s365-baar-dashboard-wrap .s365-baar-table td small { margin-top: 4px; color: #8a99a7; font-size: 11.5px; letter-spacing: .3px; }
.s365-baar-dashboard-wrap .s365-baar-table td:last-child { text-align: right; white-space: nowrap; }
.s365-baar-dashboard-wrap .s365-baar-table th,
.s365-baar-dashboard-wrap .s365-baar-table td { border-left: 0; border-right: 0; }
.s365-baar-dashboard-wrap .s365-baar-table tbody tr > td,
.s365-baar-dashboard-wrap .s365-baar-table tbody tr:nth-child(odd) > td { background-color: transparent; }
.s365-baar-dashboard-wrap .s365-baar-table tbody tr:hover > td { background-color: #f7fafd; }
.s365-baar-dashboard-wrap .s365-baar-link,
.s365-baar-dashboard-wrap .s365-baar-table .s365-baar-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid #cddff0;
    border-radius: 7px;
    background: #f2f8fd;
    color: #0a5f9c !important;
    font-size: 13px;
    font-weight: 800;
    transition: .18s ease;
}
.s365-baar-dashboard-wrap .s365-baar-table .s365-baar-link::after { content: "→"; font-weight: 700; }
.s365-baar-dashboard-wrap .s365-baar-link:hover { background: #082f63; border-color: #082f63; color: #fff !important; }
.s365-baar-dashboard-wrap .s365-baar-table td.s365-baar-empty { padding: 44px 24px !important; font-size: 14px; text-align: center; white-space: normal; }

/* ---- statusuri ---- */
.s365-baar-dashboard-wrap .s365-baar-status { gap: 7px; min-height: 30px; padding: 0 12px 0 10px; font-size: 11px; letter-spacing: .5px; }
.s365-baar-dashboard-wrap .s365-baar-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.s365-baar-dashboard-wrap .s365-baar-status--new { background: #e8f1fd; color: #1d5fa8; }
.s365-baar-dashboard-wrap .s365-baar-status--review { background: #fff4dc; color: #8a5f06; }
.s365-baar-dashboard-wrap .s365-baar-status--missing { background: #ffe9e9; color: #a83232; }
.s365-baar-dashboard-wrap .s365-baar-status--ready { background: #e3f6ec; color: #176a43; }
.s365-baar-dashboard-wrap .s365-baar-status--completed { background: #eceff2; color: #4a5f6e; }

/* ---- vizualizare dosar ---- */
.s365-baar-dashboard-wrap .s365-baar-card { border-radius: 14px; box-shadow: 0 14px 36px rgba(8,47,99,.07); }
.s365-baar-dashboard-wrap .s365-baar-card-head { padding: 21px 26px 17px; border-bottom: 1px solid #edf1f4; }
.s365-baar-dashboard-wrap .s365-baar-card-head h2 { font-size: 18px; letter-spacing: -.1px; }
.s365-baar-dashboard-wrap .s365-baar-card-body { padding: 22px 26px 26px; }
.s365-baar-dashboard-wrap .s365-baar-info { padding: 14px 16px; border: 1px solid #e3e9ee; border-left: 3px solid #cfe0ee; border-radius: 8px; background: #f8fafc; }
.s365-baar-dashboard-wrap .s365-baar-info span { color: #6f8294; font-size: 10.5px; letter-spacing: .6px; }
.s365-baar-dashboard-wrap .s365-baar-info strong { color: #17334f; font-size: 14.5px; }
.s365-baar-dashboard-wrap .s365-baar-doc { padding: 15px 18px; border-color: #e1e8ee; border-radius: 9px; transition: border-color .15s ease, box-shadow .15s ease; }
.s365-baar-dashboard-wrap .s365-baar-doc:hover { border-color: #c4d6e6; box-shadow: 0 4px 14px rgba(8,47,99,.06); }
.s365-baar-dashboard-wrap .s365-baar-doc strong { color: #1f3b56; font-size: 14px; }
.s365-baar-dashboard-wrap .s365-baar-doc small { color: #8190a0; font-size: 11.5px; }
.s365-baar-dashboard-wrap .s365-baar-doc-state { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 7px; padding: 3px 9px; border-radius: 999px; background: #e7f6ee; font-size: 10px; letter-spacing: .6px; }
.s365-baar-dashboard-wrap .s365-baar-doc-state::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.s365-baar-dashboard-wrap .s365-baar-doc-state--missing { background: #fdecec; }
.s365-baar-dashboard-wrap .s365-baar-sticky { border-top: 4px solid #f3ab18; }
.s365-baar-dashboard-wrap .s365-baar-field textarea,
.s365-baar-dashboard-wrap .s365-baar-field select { border-color: #d3dde6; border-radius: 8px; }
.s365-baar-dashboard-wrap .s365-baar-field + .s365-baar-field { margin-top: 18px; }
.s365-baar-dashboard-wrap .s365-baar-sticky .s365-baar-btn { margin-top: 20px; }

/* ---- autentificare broker ---- */
.s365-baar-login-wrap { padding: 52px 14px 84px; }
.s365-baar-login-wrap .s365-baar-heading { margin-bottom: 26px; }
.s365-baar-login-wrap .s365-baar-heading::before {
    content: "";
    display: block;
    width: 58px;
    height: 58px;
    margin: 0 auto 20px;
    border-radius: 17px;
    background: #082f63 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3Ccircle cx='12' cy='15.5' r='1.2' fill='%23ffffff'/%3E%3C/svg%3E") center / 28px 28px no-repeat;
    box-shadow: 0 14px 28px rgba(8,47,99,.28);
}
.s365-baar-login-wrap .s365-baar-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; letter-spacing: 1.7px; }
.s365-baar-login-wrap .s365-baar-eyebrow::before { content: ""; width: 18px; height: 2px; background: #f3ab18; }
.s365-baar-login-wrap .s365-baar-heading h1 { font-size: clamp(27px, 4vw, 36px); }
.s365-baar-login-wrap .s365-baar-login-card { padding: 32px; border-radius: 14px; border-top: 4px solid #f3ab18; }
.s365-baar-login-wrap .s365-baar-login-card p:last-child { margin-bottom: 0; }
.s365-baar-login-wrap .s365-baar-login-card input[type=text],
.s365-baar-login-wrap .s365-baar-login-card input[type=password] { min-height: 50px; border-color: #cbd6e0; border-radius: 8px; background: #fff; font-size: 15px; }
.s365-baar-login-wrap .s365-baar-login-card input[type=text]:focus,
.s365-baar-login-wrap .s365-baar-login-card input[type=password]:focus { border-color: #0873bb; outline: 0; box-shadow: 0 0 0 3px rgba(8,115,187,.12); }
.s365-baar-login-wrap .s365-baar-login-card .login-submit { margin-top: 22px; }
.s365-baar-login-wrap .s365-baar-login-card .button { width: 100%; min-height: 50px; border-radius: 8px; font-size: 15px; transition: .18s ease; }
.s365-baar-login-wrap .s365-baar-login-card .button:hover { background: #061f42; border-color: #061f42; color: #fff; }

/* ---- telefon / tableta ---- */
@media (max-width: 900px) {
    .s365-baar-dashboard-wrap .s365-baar-dashboard-top { align-items: flex-start; }
}
@media (max-width: 767px) {
    .s365-baar-dashboard-wrap { padding: 22px 14px 36px; }
    .s365-baar-dashboard-wrap .s365-baar-dashboard-top { padding: 24px 20px; border-radius: 12px; }
    .s365-baar-dashboard-wrap .s365-baar-filter { padding: 12px; }
    .s365-baar-dashboard-wrap .s365-baar-card-head { padding: 18px 18px 14px; }
    .s365-baar-dashboard-wrap .s365-baar-card-body { padding: 18px 18px 22px; }
    .s365-baar-login-wrap .s365-baar-login-card { padding: 24px 20px; }

    /* lista de dosare devine carduri */
    .s365-baar-dashboard-wrap .s365-baar-table-card { border: 0; background: transparent; box-shadow: none; }
    .s365-baar-dashboard-wrap .s365-baar-table { display: block; min-width: 0; }
    .s365-baar-dashboard-wrap .s365-baar-table thead { display: none; }
    .s365-baar-dashboard-wrap .s365-baar-table tbody { display: grid; gap: 12px; }
    .s365-baar-dashboard-wrap .s365-baar-table tbody tr { display: grid; gap: 10px; padding: 16px 18px; border: 1px solid var(--s365-baar-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 22px rgba(8,47,99,.06); }
    .s365-baar-dashboard-wrap .s365-baar-table td { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0; border: 0; text-align: right; }
    .s365-baar-dashboard-wrap .s365-baar-table td::before { color: #7a8b9b; font-size: 11px; font-weight: 800; letter-spacing: .7px; text-align: left; text-transform: uppercase; }
    .s365-baar-dashboard-wrap .s365-baar-table td:nth-child(1)::before { content: "Dosar"; }
    .s365-baar-dashboard-wrap .s365-baar-table td:nth-child(2)::before { content: "Solicitant"; }
    .s365-baar-dashboard-wrap .s365-baar-table td:nth-child(3)::before { content: "Vehicul"; }
    .s365-baar-dashboard-wrap .s365-baar-table td:nth-child(4)::before { content: "Status"; }
    .s365-baar-dashboard-wrap .s365-baar-table td:nth-child(5)::before { content: "Data"; }
    .s365-baar-dashboard-wrap .s365-baar-table td:nth-child(3) small { display: none; }
    .s365-baar-dashboard-wrap .s365-baar-table td:last-child { display: block; margin-top: 4px; padding-top: 14px; border-top: 1px solid #edf1f4; text-align: center; }
    .s365-baar-dashboard-wrap .s365-baar-table td:last-child::before { content: none; }
    .s365-baar-dashboard-wrap .s365-baar-table td:last-child .s365-baar-link { width: 100%; justify-content: center; min-height: 44px; }
    .s365-baar-dashboard-wrap .s365-baar-table td.s365-baar-empty { display: block; border: 0; text-align: center; }
    .s365-baar-dashboard-wrap .s365-baar-table td.s365-baar-empty::before { content: none; }
    .s365-baar-dashboard-wrap .s365-baar-doc .s365-baar-link { min-height: 40px; }
}

/* ---- Lead-uri BAAR (sectiunea din calculator) - aliniata la stilul panoului ---- */
.s365-leads-shell { width: auto !important; max-width: none !important; margin: 0 22px 56px !important; padding: 0 !important; border-top: 0 !important; background: transparent !important; font-variant-numeric: tabular-nums; }
.s365-leads-shell .s365-leads-head {
    align-items: center !important;
    margin: 0 0 20px !important;
    padding: 28px 32px !important;
    border-radius: 14px;
    background:
        radial-gradient(120% 150% at 100% 0, rgba(243,171,24,.18) 0, rgba(243,171,24,0) 46%),
        linear-gradient(135deg, #082f63 0%, #0b4287 100%);
    box-shadow: 0 18px 40px rgba(8,47,99,.22);
}
.s365-leads-shell .s365-leads-eyebrow { display: inline-flex !important; align-items: center !important; gap: 9px !important; margin: 0 0 11px !important; color: #f3ab18 !important; font-size: 11px !important; letter-spacing: .16em !important; }
.s365-leads-shell .s365-leads-eyebrow::before { content: ""; width: 20px; height: 2px; border-radius: 2px; background: #f3ab18; }
.s365-leads-shell .s365-leads-heading h2 { color: #fff !important; font-size: clamp(26px, 3vw, 34px) !important; letter-spacing: -.5px !important; }
.s365-leads-shell .s365-leads-heading p { margin-top: 8px !important; color: rgba(255,255,255,.8) !important; font-size: 15px !important; }
.s365-leads-shell .s365-leads-kpi { min-height: 60px !important; border-color: rgba(255,255,255,.22) !important; border-radius: 12px !important; background: rgba(255,255,255,.1) !important; }
.s365-leads-shell .s365-leads-kpi strong { color: #fff !important; font-size: 22px !important; }
.s365-leads-shell .s365-leads-kpi span { color: rgba(255,255,255,.78) !important; }

.s365-leads-shell .s365-leads-toolbar { margin: 0 0 20px !important; padding: 12px 14px !important; border: 1px solid var(--s365-baar-line) !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 8px 24px rgba(8,47,99,.05) !important; }
.s365-leads-shell .s365-leads-filter { height: 36px !important; border-color: #d3dde6 !important; transition: .18s ease !important; }
.s365-leads-shell .s365-leads-filter:hover { background: #f2f8fd !important; }
.s365-leads-shell .s365-leads-filter.is-active:hover { background: #082f63 !important; }
.s365-leads-shell .s365-leads-filter b { opacity: .8; }
.s365-leads-shell .s365-leads-notice { border-radius: 10px !important; }

.s365-leads-shell .s365-leads-table-wrap { border-color: var(--s365-baar-line) !important; border-radius: 14px !important; box-shadow: 0 14px 36px rgba(8,47,99,.07) !important; }
.s365-leads-shell .s365-leads-table th { background: #f3f6f9 !important; color: #5b7088 !important; }

.s365-leads-shell .s365-leads-card { padding: 22px !important; border-color: var(--s365-baar-line) !important; border-radius: 14px !important; box-shadow: 0 14px 36px rgba(8,47,99,.07) !important; }
.s365-leads-shell .s365-leads-card-top { margin-bottom: 16px !important; padding-bottom: 16px !important; border-bottom: 1px solid #edf1f4 !important; }
.s365-leads-shell .s365-leads-card .s365-leads-client strong { font-size: 16px !important; }
.s365-leads-shell .s365-leads-card-grid > div { padding: 11px 14px; border: 1px solid #e3e9ee; border-left: 3px solid #cfe0ee; border-radius: 8px; background: #f8fafc; }
.s365-leads-shell .s365-leads-card-grid span { color: #6f8294 !important; font-size: 10.5px !important; letter-spacing: .6px !important; }
.s365-leads-shell .s365-leads-card-grid span.s365-leads-risk { display: inline-flex !important; min-height: 28px !important; margin: 0 !important; font-size: 11px !important; letter-spacing: 0 !important; }
.s365-leads-shell .s365-leads-card-grid strong { color: #17334f !important; font-size: 14px !important; }
.s365-leads-shell .s365-leads-btn { height: 44px !important; border-radius: 8px !important; font-size: 13px !important; transition: .18s ease !important; }
.s365-leads-shell .s365-leads-status-form select { height: 44px !important; border-radius: 8px !important; border-color: #d3dde6 !important; }
.s365-leads-shell .s365-leads-empty { border-radius: 14px !important; }

/* lista de lead-uri: carduri pe orice latime (tabelul ar cere derulare orizontala) */
@media (min-width: 1051px) {
    .s365-leads-shell .s365-leads-table-wrap { display: none !important; }
    .s365-leads-shell .s365-leads-cards { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; }
    .s365-leads-shell .s365-leads-actions { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .s365-leads-shell .s365-leads-btn { width: 100% !important; min-width: 0 !important; max-width: none !important; }
    .s365-leads-shell .s365-leads-status-form { grid-template-columns: 1fr 112px !important; margin-top: 14px !important; }
}
@media (max-width: 767px) {
    .s365-leads-shell { margin: 0 14px 40px !important; }
    .s365-leads-shell .s365-leads-head { padding: 24px 20px !important; border-radius: 12px; }
    .s365-leads-shell .s365-leads-toolbar { padding: 10px 12px !important; }
    .s365-leads-shell .s365-leads-card { padding: 18px !important; }
}