@import '_content/Blazor.SignaturePad/Blazor.SignaturePad.g22u5lm4z9.bundle.scp.css';

/* /Components/ConfigurationHeader.razor.rz.scp.css */
.settings-heading[b-7sk4lzmmqp] {
    display: grid;
    gap: 18px;
}

.settings-breadcrumb[b-7sk4lzmmqp] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9a8589;
    font-size: 12px;
}

.settings-breadcrumb a[b-7sk4lzmmqp] {
    color: #735e62;
    text-decoration: none;
}

.settings-breadcrumb strong[b-7sk4lzmmqp] {
    color: #287562;
}

.settings-hero[b-7sk4lzmmqp] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.settings-hero-icon[b-7sk4lzmmqp] {
    display: grid;
    place-items: center;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    border: 1px solid #cfe1dc;
    border-radius: 19px;
    color: #fff;
    background: linear-gradient(145deg, #287562, #2f6f9f);
    box-shadow: 0 12px 26px rgba(40, 117, 98, .19);
}

.settings-hero > div:last-child > span[b-7sk4lzmmqp] {
    color: #287562;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.settings-hero h1[b-7sk4lzmmqp] {
    margin: 2px 0 3px;
    color: #281d1f;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 900;
    letter-spacing: -1.6px;
    line-height: 1;
}

.settings-hero p[b-7sk4lzmmqp] {
    max-width: 720px;
    margin: 0;
    color: #79666a;
    font-size: 14px;
}

.settings-back[b-7sk4lzmmqp] {
    display: flex;
    align-items: center;
    gap: 11px;
    width: max-content;
    min-height: 48px;
    padding: 8px 14px;
    border: 1px solid #eadfe1;
    border-radius: 13px;
    color: #695559;
    background: rgba(255, 255, 255, .88);
    text-decoration: none;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.settings-back:hover[b-7sk4lzmmqp] {
    transform: translateY(-1px);
    border-color: #aac0c7;
    color: #315e6e;
    box-shadow: 0 10px 24px rgba(73, 42, 48, .07);
}

.settings-back[b-7sk4lzmmqp] >  svg {
    flex: 0 0 auto;
}

.settings-back span[b-7sk4lzmmqp],
.settings-back strong[b-7sk4lzmmqp],
.settings-back small[b-7sk4lzmmqp] {
    display: block;
}

.settings-back strong[b-7sk4lzmmqp] {
    font-size: 13px;
    font-weight: 850;
}

.settings-back small[b-7sk4lzmmqp] {
    margin-top: 2px;
    color: #9a8589;
    font-size: 10px;
}

@media (max-width: 560px) {
    .settings-hero[b-7sk4lzmmqp] {
        align-items: flex-start;
    }

    .settings-hero-icon[b-7sk4lzmmqp] {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        border-radius: 15px;
    }

    .settings-back[b-7sk4lzmmqp] { width: 100%; }
}
/* /Components/Dialogs/AssignWorkDialog.razor.rz.scp.css */
.assign-work-dialog[b-6c7817gsmb] { min-width:min(620px,92vw); }
.assign-header[b-6c7817gsmb] { display:flex; gap:14px; align-items:center; margin-bottom:16px; }
.assign-header > span.assign-icon[b-6c7817gsmb] { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:#e5f6ef; color:#167b60; }
.assign-header span[b-6c7817gsmb] { color:#167b60; text-transform:uppercase; font-size:.68rem; font-weight:800; letter-spacing:.12em; }
.assign-header h2[b-6c7817gsmb] { margin:2px 0; font-size:1.35rem; }
.assign-header p[b-6c7817gsmb] { margin:0; color:#76696b; font-size:.82rem; }
.assign-help[b-6c7817gsmb] { padding:11px 13px; background:#f4f8fa; border:1px solid #dce8ec; border-radius:12px; color:#465b64; font-size:.82rem; }
.assign-legend[b-6c7817gsmb] { display:flex; flex-wrap:wrap; gap:12px; padding:10px 2px 0; color:#6f6265; font-size:.7rem; font-weight:750; }
.assign-legend span[b-6c7817gsmb] { display:flex; align-items:center; gap:5px; }
.assign-legend i[b-6c7817gsmb] { width:9px; height:9px; border-radius:50%; background:#a0aaa6; }
.assign-legend .available i[b-6c7817gsmb] { background:#23a66f; }.assign-legend .unavailable i[b-6c7817gsmb] { background:#e2a52d; }.assign-legend .working i[b-6c7817gsmb] { background:#d84c52; }
.assign-list[b-6c7817gsmb] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:12px 0 14px; max-height:380px; overflow:auto; }
.assign-person[b-6c7817gsmb] { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; min-height:94px; padding:12px; border:1px solid #dde5e2; border-radius:15px; background:#fff; cursor:pointer; transition:.15s ease; }
.assign-person:hover[b-6c7817gsmb],.assign-person.selected[b-6c7817gsmb] { border-color:#4a8d7c; background:#f0faf6; }
.assign-person.selected[b-6c7817gsmb] { box-shadow:0 0 0 2px rgba(40,117,98,.12); }
.assign-person input[b-6c7817gsmb] { position:absolute; opacity:0; pointer-events:none; }
.person-avatar[b-6c7817gsmb] { position:relative; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; color:#fff; background:#287562; font-weight:850; }
.person-avatar i[b-6c7817gsmb] { position:absolute; right:-1px; bottom:1px; width:13px; height:13px; border:2px solid #fff; border-radius:50%; background:#23a66f; }
.assign-person.unavailable .person-avatar i[b-6c7817gsmb] { background:#e2a52d; }.assign-person.working .person-avatar i[b-6c7817gsmb] { background:#d84c52; }
.person-copy[b-6c7817gsmb] { flex:1; display:flex; flex-direction:column; min-width:0; }
.person-copy strong[b-6c7817gsmb] { color:#271d1f; }
.person-copy small[b-6c7817gsmb] { color:#807477; overflow:hidden; text-overflow:ellipsis; }
.person-copy b[b-6c7817gsmb] { margin-top:4px; color:#23815f; font-size:.66rem; }.assign-person.unavailable .person-copy b[b-6c7817gsmb]{color:#a26a08}.assign-person.working .person-copy b[b-6c7817gsmb]{color:#bd343b}
.assign-person em[b-6c7817gsmb] { padding:4px 7px; border-radius:999px; color:#176d53; background:#e4f5ed; font-size:.62rem; font-style:normal; font-weight:850; white-space:nowrap; }
.assign-person:not(.recommended) .person-avatar[b-6c7817gsmb] { background:#718087; }
.assign-person .mud-icon-root[b-6c7817gsmb] { color:#18815f; }
.assign-note[b-6c7817gsmb] { display:grid; gap:7px; font-weight:700; }
.assign-box[b-6c7817gsmb] { display:grid; gap:7px; margin-bottom:13px; font-weight:700; }
.assign-box small[b-6c7817gsmb] { color:#897d7f; font-weight:500; }
.assign-box>div[b-6c7817gsmb] { display:flex; align-items:center; gap:7px; border:1px solid #dfd2d4; border-radius:12px; padding:0 11px; }
.assign-box .mud-icon-root[b-6c7817gsmb] { color:#527268; }
.assign-box input[b-6c7817gsmb],.assign-box select[b-6c7817gsmb] { width:100%; padding:11px 0; border:0; outline:0; background:#fff; font:inherit; }
.assign-note small[b-6c7817gsmb] { color:#897d7f; font-weight:500; }
.assign-note textarea[b-6c7817gsmb] { resize:vertical; width:100%; border:1px solid #dfd2d4; border-radius:12px; padding:12px; font:inherit; outline:none; }
.assign-note textarea:focus[b-6c7817gsmb] { border-color:#397c6d; box-shadow:0 0 0 3px rgba(57,124,109,.1); }
.assign-empty[b-6c7817gsmb] { padding:22px; text-align:center; color:#887d7f; border:1px dashed #ddcfd1; border-radius:12px; }
@media(max-width:680px){.assign-list[b-6c7817gsmb]{grid-template-columns:1fr}.assign-person[b-6c7817gsmb]{min-height:84px}}
/* /Components/Dialogs/MudAppointmentDetailsDialog.razor.rz.scp.css */
.appointment-dialog[b-zyyjnrdzxe] { color:#172321; }
.dialog-hero[b-zyyjnrdzxe] { position:relative; display:flex; align-items:center; gap:.9rem; padding:.3rem 0 1rem; border-bottom:1px solid #e4eae8; }.dialog-icon[b-zyyjnrdzxe] { width:48px; height:48px; display:grid; place-items:center; flex:none; border-radius:14px; color:#fff; background:#167a65; }.dialog-icon svg[b-zyyjnrdzxe] { font-size:1.55rem; }.dialog-hero > div[b-zyyjnrdzxe] { min-width:0; flex:1; }.eyebrow[b-zyyjnrdzxe] { display:block; color:#167a65; font-size:.65rem; font-weight:900; letter-spacing:.14em; }.dialog-hero h2[b-zyyjnrdzxe] { margin:.2rem 0; font-size:1.4rem; letter-spacing:-.025em; }.dialog-hero p[b-zyyjnrdzxe] { margin:0; color:#71807c; font-size:.78rem; }.close-button[b-zyyjnrdzxe] { align-self:flex-start; width:36px; height:36px; display:grid; place-items:center; border:0; border-radius:10px; color:#63716d; background:#f2f5f4; cursor:pointer; }
.validation-message[b-zyyjnrdzxe] { display:flex; align-items:center; gap:.45rem; margin-top:.8rem; padding:.65rem .8rem; color:#98493e; background:#fff0ed; border:1px solid #f1c1ba; border-radius:10px; font-size:.78rem; font-weight:700; }
.form-section[b-zyyjnrdzxe] { margin-top:.85rem; padding:.9rem; border:1px solid #e0e7e5; border-radius:14px; background:#fff; }.form-section.compact[b-zyyjnrdzxe] { margin-bottom:.1rem; }.section-heading[b-zyyjnrdzxe] { display:flex; align-items:center; gap:.65rem; margin-bottom:.9rem; }.section-heading > span[b-zyyjnrdzxe] { width:27px; height:27px; display:grid; place-items:center; flex:none; border-radius:50%; color:#167a65; background:#e5f5ef; font-size:.72rem; font-weight:900; }.section-heading strong[b-zyyjnrdzxe],.section-heading small[b-zyyjnrdzxe] { display:block; }.section-heading strong[b-zyyjnrdzxe] { font-size:.88rem; }.section-heading small[b-zyyjnrdzxe] { color:#7b8885; font-size:.68rem; }
.form-grid[b-zyyjnrdzxe] { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }.full-field[b-zyyjnrdzxe] { grid-column:1/-1; }.date-grid[b-zyyjnrdzxe] { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:.7rem; }
.duration-options[b-zyyjnrdzxe] { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; margin-top:.75rem; }.duration-options > span[b-zyyjnrdzxe] { margin-right:.2rem; color:#71807c; font-size:.7rem; font-weight:750; }.duration-options button[b-zyyjnrdzxe] { min-height:30px; padding:0 .65rem; border:1px solid #d8e1de; border-radius:15px; color:#53615e; background:#fff; font-size:.7rem; font-weight:800; cursor:pointer; }.duration-options button.active[b-zyyjnrdzxe] { color:#105f50; border-color:#65a997; background:#e9f6f1; }
.time-summary[b-zyyjnrdzxe] { display:flex; align-items:center; gap:.65rem; margin-top:.75rem; padding:.65rem .75rem; color:#176b5a; background:#f0f8f5; border-radius:10px; }.time-summary span[b-zyyjnrdzxe],.time-summary strong[b-zyyjnrdzxe],.time-summary small[b-zyyjnrdzxe] { display:block; }.time-summary strong[b-zyyjnrdzxe] { font-size:.82rem; }.time-summary small[b-zyyjnrdzxe] { color:#6c7c78; font-size:.68rem; }
.resource-help[b-zyyjnrdzxe] { display:flex; align-items:center; gap:.4rem; margin-top:.65rem; color:#667772; font-size:.7rem; }
.confirmation-toggle[b-zyyjnrdzxe] { display:flex; align-items:center; gap:.7rem; margin-bottom:.8rem; padding:.7rem; border:1px solid #e0e7e5; border-radius:11px; cursor:pointer; }.confirmation-toggle input[b-zyyjnrdzxe] { position:absolute; opacity:0; pointer-events:none; }.toggle-ui[b-zyyjnrdzxe] { position:relative; width:38px; height:22px; flex:none; border-radius:11px; background:#cbd4d1; transition:.15s; }.toggle-ui[b-zyyjnrdzxe]::after { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.18); transition:.15s; }.confirmation-toggle input:checked + .toggle-ui[b-zyyjnrdzxe] { background:#d89a2b; }.confirmation-toggle input:checked + .toggle-ui[b-zyyjnrdzxe]::after { transform:translateX(16px); }.confirmation-toggle > span:last-child[b-zyyjnrdzxe],.confirmation-toggle strong[b-zyyjnrdzxe],.confirmation-toggle small[b-zyyjnrdzxe] { display:block; }.confirmation-toggle strong[b-zyyjnrdzxe] { font-size:.78rem; }.confirmation-toggle small[b-zyyjnrdzxe] { color:#74817e; font-size:.66rem; }
.dialog-actions[b-zyyjnrdzxe] { width:100%; display:flex; justify-content:space-between; align-items:center; gap:.7rem; padding:.25rem 0; }.dialog-actions > div[b-zyyjnrdzxe] { display:flex; align-items:center; gap:.45rem; }.dialog-actions button[b-zyyjnrdzxe] { min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:.35rem; padding:0 .85rem; border-radius:10px; font-weight:800; cursor:pointer; }.save-button[b-zyyjnrdzxe] { color:#fff; border:1px solid #167a65; background:#167a65; }.cancel-button[b-zyyjnrdzxe] { color:#53615e; border:1px solid #d8e0de; background:#fff; }.danger-button[b-zyyjnrdzxe] { color:#a2473e; border:1px solid #edc1bb; background:#fff7f5; }.text-button[b-zyyjnrdzxe] { color:#176b5a; border:0; background:#edf7f3; }
[b-zyyjnrdzxe] .mud-input-control { margin-top:0; }
@media (max-width:650px) { .form-grid[b-zyyjnrdzxe],.date-grid[b-zyyjnrdzxe] { grid-template-columns:1fr; }.full-field[b-zyyjnrdzxe] { grid-column:auto; }.dialog-actions[b-zyyjnrdzxe] { align-items:stretch; flex-direction:column-reverse; }.dialog-actions > div[b-zyyjnrdzxe] { width:100%; }.dialog-actions button[b-zyyjnrdzxe] { flex:1; }.dialog-hero p[b-zyyjnrdzxe] { display:none; } }
/* /Components/Dialogs/QuickCustomerDialog.razor.rz.scp.css */
.quick-customer-header[b-uozwojyfpg] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding: 16px;
    border: 1px solid #cfe4dd;
    border-radius: 16px;
    background: linear-gradient(135deg, #f2faf7, #f7fbfd);
}

.quick-customer-header > span[b-uozwojyfpg] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    color: #fff;
    background: #287562;
}

.quick-customer-header small[b-uozwojyfpg],
.quick-customer-header h2[b-uozwojyfpg],
.quick-customer-header p[b-uozwojyfpg] { margin: 0; }
.quick-customer-header small[b-uozwojyfpg] { color: #287562; font-size: 9px; font-weight: 900; letter-spacing: 1.2px; }
.quick-customer-header h2[b-uozwojyfpg] { margin-top: 2px; color: #263b36; font-size: 22px; }
.quick-customer-header p[b-uozwojyfpg] { margin-top: 3px; color: #6f817c; font-size: 12px; }

.quick-customer-fields[b-uozwojyfpg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.quick-customer-fields[b-uozwojyfpg] >  .mud-input-control:first-child { grid-column: 1 / -1; }

.quick-customer-more[b-uozwojyfpg] {
    margin-top: 15px;
    border: 1px solid #dce8e4;
    border-radius: 13px;
    background: #f8fbfa;
}

.quick-customer-more summary[b-uozwojyfpg] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 12px;
    color: #365c52;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.quick-customer-more summary span[b-uozwojyfpg] { margin-left: auto; color: #83958f; font-size: 9px; text-transform: uppercase; }
.quick-customer-more > div[b-uozwojyfpg] { display: grid; grid-template-columns: 2fr 1fr 1.4fr; gap: 10px; padding: 0 12px 12px; }

@media (max-width: 600px) {
    .quick-customer-fields[b-uozwojyfpg],
    .quick-customer-more > div[b-uozwojyfpg] { grid-template-columns: 1fr; }
    .quick-customer-fields[b-uozwojyfpg] >  .mud-input-control:first-child { grid-column: auto; }
}
/* /Components/Dialogs/ReceptionBookingDialog.razor.rz.scp.css */
.booking-dialog[b-dz8wde0ryy]{min-width:min(760px,94vw)}.booking-header[b-dz8wde0ryy]{display:flex;align-items:center;gap:14px;padding-bottom:16px}.booking-header>span[b-dz8wde0ryy]{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:#fff;background:#317487}.booking-header>div[b-dz8wde0ryy]{flex:1}.booking-header small[b-dz8wde0ryy]{color:#317487;font-size:.67rem;font-weight:900;letter-spacing:.14em}.booking-header h2[b-dz8wde0ryy]{margin:2px 0;font-size:1.45rem}.booking-header p[b-dz8wde0ryy]{margin:0;color:#756d6f}.booking-validation[b-dz8wde0ryy]{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:11px 13px;border:1px solid #ebcf9f;border-radius:11px;color:#875710;background:#fff9ee}.booking-section[b-dz8wde0ryy]{margin-top:11px;padding:15px;border:1px solid #e3e5e5;border-radius:15px;background:#fbfcfc}.booking-section.compact[b-dz8wde0ryy]{display:grid;gap:12px}.section-title[b-dz8wde0ryy]{display:flex;align-items:center;gap:9px;margin-bottom:13px}.section-title i[b-dz8wde0ryy]{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#477c72;font-style:normal;font-weight:900}.section-title span[b-dz8wde0ryy]{display:flex;flex-direction:column}.section-title small[b-dz8wde0ryy]{color:#81797b}.booking-grid[b-dz8wde0ryy]{display:grid;grid-template-columns:1fr 1fr;gap:11px}.booking-date-grid[b-dz8wde0ryy]{display:grid;grid-template-columns:1fr 1fr;gap:11px}.booking-confirm[b-dz8wde0ryy]{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #dde4e2;border-radius:12px;background:#fff;cursor:pointer}.booking-confirm input[b-dz8wde0ryy]{position:absolute;opacity:0}.booking-confirm>span[b-dz8wde0ryy]{width:39px;height:22px;border-radius:99px;background:#d9dddd;position:relative}.booking-confirm>span[b-dz8wde0ryy]:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #899}.booking-confirm input:checked+span[b-dz8wde0ryy]{background:#287c68}.booking-confirm input:checked+span[b-dz8wde0ryy]:after{left:20px}.booking-confirm div[b-dz8wde0ryy]{display:flex;flex-direction:column}.booking-confirm small[b-dz8wde0ryy]{color:#80787a}.booking-actions[b-dz8wde0ryy]{width:100%;display:flex;justify-content:space-between;gap:12px}.booking-actions>div[b-dz8wde0ryy]{display:flex;gap:8px}.booking-actions button[b-dz8wde0ryy]{display:flex;align-items:center;gap:6px;min-height:41px;padding:0 13px;border:1px solid #d9dddd;border-radius:10px;background:#fff;font-weight:800}.booking-actions .save[b-dz8wde0ryy],.booking-actions .receive[b-dz8wde0ryy]{color:#fff;border-color:#287562;background:#287562}.booking-actions .receive[b-dz8wde0ryy]{background:#2f6f9f;border-color:#2f6f9f}.booking-actions .delete[b-dz8wde0ryy]{color:#a84a51;border-color:#edcdd0;background:#fff7f8}@media(max-width:650px){.booking-grid[b-dz8wde0ryy],.booking-date-grid[b-dz8wde0ryy]{grid-template-columns:1fr}.booking-actions[b-dz8wde0ryy]{align-items:stretch;flex-direction:column}.booking-actions>div[b-dz8wde0ryy]{justify-content:flex-end;flex-wrap:wrap}}
/* /Components/Dialogs/SendDocumentEmailDialog.razor.rz.scp.css */
.email-dialog-title[b-a2i4ezkg5v] { display:flex; align-items:center; gap:11px; }
.email-dialog-title>span[b-a2i4ezkg5v] { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#176f55; background:#e7f6f0; }
.email-dialog-title small[b-a2i4ezkg5v],.email-dialog-title strong[b-a2i4ezkg5v] { display:block; }
.email-dialog-title small[b-a2i4ezkg5v] { color:#8b777b; font-size:8px; font-weight:900; letter-spacing:.8px; }
.email-dialog-title strong[b-a2i4ezkg5v] { margin-top:2px; color:#302629; font-size:18px; }
.email-internal-warning[b-a2i4ezkg5v] { display:flex; align-items:flex-start; gap:9px; margin-bottom:14px; padding:11px 12px; border:1px solid #efcf8b; border-radius:11px; color:#84520b; background:#fff7e5; }
.email-internal-warning strong[b-a2i4ezkg5v],.email-internal-warning small[b-a2i4ezkg5v] { display:block; }
.email-internal-warning small[b-a2i4ezkg5v] { margin-top:2px; font-size:9px; }
.email-document-summary[b-a2i4ezkg5v] { display:flex; align-items:center; gap:10px; margin-bottom:15px; padding:12px; border:1px solid #e9dfe1; border-radius:12px; color:#c51d26; background:#fbf8f8; }
.email-document-summary>span[b-a2i4ezkg5v] { min-width:0; }
.email-document-summary small[b-a2i4ezkg5v],.email-document-summary strong[b-a2i4ezkg5v],.email-document-summary em[b-a2i4ezkg5v] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.email-document-summary small[b-a2i4ezkg5v] { color:#9a8387; font-size:8px; font-weight:850; letter-spacing:.6px; }
.email-document-summary strong[b-a2i4ezkg5v] { margin-top:2px; color:#3b2e31; font-size:12px; }
.email-document-summary em[b-a2i4ezkg5v] { margin-top:2px; color:#8a767a; font-size:9px; font-style:normal; }
.email-preview-note[b-a2i4ezkg5v] { display:flex; align-items:center; gap:6px; margin-top:5px; color:#756368; font-size:9px; }
/* /Components/Dialogs/SendTrackingEmailDialog.razor.rz.scp.css */
.tracking-email-title[b-ov2wkw2rhf] { display:flex; align-items:center; gap:12px; }
.tracking-email-title > span[b-ov2wkw2rhf] { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#fff; background:#21735f; }
.tracking-email-title small[b-ov2wkw2rhf],.tracking-email-title strong[b-ov2wkw2rhf] { display:block; }
.tracking-email-title small[b-ov2wkw2rhf] { color:#5c8177; font-size:9px; font-weight:900; letter-spacing:1px; }
.tracking-email-title strong[b-ov2wkw2rhf] { margin-top:2px; color:#263b35; font-size:18px; }
.tracking-email-code[b-ov2wkw2rhf] { margin-bottom:16px; padding:18px; text-align:center; border:1px solid #cfe4dd; border-radius:15px; background:linear-gradient(135deg,#f1faf7,#f4f9fb); }
.tracking-email-code small[b-ov2wkw2rhf],.tracking-email-code strong[b-ov2wkw2rhf],.tracking-email-code span[b-ov2wkw2rhf] { display:block; }
.tracking-email-code small[b-ov2wkw2rhf] { color:#648279; font-size:9px; font-weight:900; letter-spacing:1.2px; }
.tracking-email-code strong[b-ov2wkw2rhf] { margin-top:6px; color:#176b5b; font-size:22px; letter-spacing:1.8px; }
.tracking-email-code span[b-ov2wkw2rhf] { margin-top:5px; color:#71847e; font-size:11px; }
.tracking-email-privacy[b-ov2wkw2rhf] { display:flex; align-items:center; gap:7px; margin-top:14px; padding:11px; border-radius:11px; color:#3d655b; background:#edf7f3; font-size:11px; }
/* /Components/Layout/GlobalSearch.razor.rz.scp.css */
.global-search[b-bhs8w8ibj4] { position: relative; flex: 0 1 340px; width: min(340px, 30vw); margin-right: 10px; }
.global-search-input[b-bhs8w8ibj4] { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 11px; border: 1px solid #dce7e4; border-radius: 13px; color: #667570; background: #f7faf9; transition: .15s ease; }
.global-search-input.open[b-bhs8w8ibj4], .global-search-input:focus-within[b-bhs8w8ibj4] { border-color: #8eb8ac; background: #fff; box-shadow: 0 0 0 3px rgba(40,117,98,.07); }
.global-search-input input[b-bhs8w8ibj4] { min-width: 0; width: 100%; border: 0; outline: 0; color: #172722; background: transparent; font: inherit; font-size: 12px; }
.global-search-input input[b-bhs8w8ibj4]::placeholder { color: #80908b; }
.global-search-clear[b-bhs8w8ibj4], .global-search-results header button[b-bhs8w8ibj4] { display: grid; place-items: center; padding: 2px; border: 0; color: #6f7e79; background: transparent; cursor: pointer; }
.global-search-results[b-bhs8w8ibj4] { position: absolute; z-index: 1500; top: calc(100% + 9px); right: 0; width: min(470px, calc(100vw - 24px)); overflow: hidden; border: 1px solid #dce7e4; border-radius: 17px; background: #fff; box-shadow: 0 22px 60px rgba(23,39,34,.16); }
.global-search-results header[b-bhs8w8ibj4] { display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 0 12px 0 14px; border-bottom: 1px solid #dce7e4; color: #596a64; background: #f7faf9; font-size: 10px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.global-search-list[b-bhs8w8ibj4] { max-height: min(480px, 68vh); overflow-y: auto; padding: 7px; }
.global-search-result[b-bhs8w8ibj4] { display: grid; grid-template-columns: 38px minmax(0,1fr) auto 20px; align-items: center; gap: 10px; width: 100%; min-height: 57px; padding: 7px 9px; border: 0; border-radius: 12px; color: #263832; background: transparent; text-align: left; cursor: pointer; }
.global-search-result:hover[b-bhs8w8ibj4] { background: #f0f7f5; }
.result-icon[b-bhs8w8ibj4] { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: #287562; background: #eaf6f2; }
.result-icon.vehicle[b-bhs8w8ibj4] { color: #1d4ed8; background: #dbeafe; } .result-icon.quote[b-bhs8w8ibj4] { color: #7c3aed; background: #ede9fe; } .result-icon.entity[b-bhs8w8ibj4] { color: #0f766e; background: #ccfbf1; }
.result-copy[b-bhs8w8ibj4] { min-width: 0; } .result-copy strong[b-bhs8w8ibj4], .result-copy small[b-bhs8w8ibj4] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-copy strong[b-bhs8w8ibj4] { font-size: 12px; } .result-copy small[b-bhs8w8ibj4] { margin-top: 3px; color: #71817c; font-size: 10px; }
.result-type[b-bhs8w8ibj4] { padding: 4px 7px; border-radius: 999px; color: #2f6f9f; background: #eaf3f8; font-size: 9px; font-weight: 850; }
.global-search-result > :last-child[b-bhs8w8ibj4] { color: #9aaba5; }
.global-search-empty[b-bhs8w8ibj4] { display: grid; justify-items: center; gap: 6px; padding: 27px 18px; color: #71817c; text-align: center; }
.global-search-empty strong[b-bhs8w8ibj4] { color: #263832; font-size: 12px; } .global-search-empty span[b-bhs8w8ibj4] { max-width: 330px; font-size: 10px; } .global-search-empty.error > :first-child[b-bhs8w8ibj4] { color: #d71920; }
@media (max-width: 1050px) { .global-search[b-bhs8w8ibj4] { flex-basis: 230px; width: 230px; } .global-search-input input[b-bhs8w8ibj4]::placeholder { color: transparent; } }
@media (max-width: 760px) { .global-search[b-bhs8w8ibj4] { display: none; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.iz-topbar[b-9fq34ll00n] {
    height: 82px;
    padding: 0 26px;
    border-bottom: 1px solid #dce7e4;
    background: rgba(255, 255, 255, .97) !important;
    backdrop-filter: blur(16px);
}

.iz-menu-button[b-9fq34ll00n] {
    width: 46px;
    height: 46px;
    margin-right: 14px;
    border: 1px solid #dce7e4;
    border-radius: 14px;
    color: #506762 !important;
    background: #f7faf9;
}

.iz-brand[b-9fq34ll00n] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #172722;
    text-decoration: none;
}

.iz-brand-mark[b-9fq34ll00n] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin: 0;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg, #287562, #2f6f9f);
    font-size: 31px;
    font-weight: 900;
    line-height: 1;
}

.iz-brand-copy[b-9fq34ll00n] {
    display: grid;
    gap: 1px;
}

.iz-brand-copy strong[b-9fq34ll00n] {
    font-size: 21px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.iz-brand-copy small[b-9fq34ll00n] {
    color: #8a7479;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}

.iz-app-status[b-9fq34ll00n] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 24px;
    padding: 9px 13px;
    border-radius: 12px;
    color: #286552;
    background: #eaf6f2;
    font-size: 12px;
    font-weight: 700;
}

.iz-status-dot[b-9fq34ll00n] {
    width: 8px;
    height: 8px;
    margin: 0;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .12);
}

.iz-active-work[b-9fq34ll00n] {
    display: inline-flex;
    position: fixed;
    z-index: 1300;
    top: 92px;
    right: 24px;
    align-items: center;
    gap: 10px;
    min-width: 250px;
    min-height: 48px;
    margin-left: 0;
    padding: 6px 10px 6px 13px;
    border: 1px solid #b9e6d3;
    border-radius: 15px;
    color: #124c3a;
    background: linear-gradient(135deg, #f0fdf8, #e7f8f1);
    box-shadow: 0 7px 18px rgba(5, 150, 105, .08);
    cursor: pointer;
    animation: active-work-arrive-b-9fq34ll00n .2s ease-out;
}

@keyframes active-work-arrive-b-9fq34ll00n {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.iz-active-work:hover[b-9fq34ll00n] {
    border-color: #72cfaa;
    background: #e6f8f0;
}

.iz-active-work-pulse[b-9fq34ll00n] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #16a36a;
    box-shadow: 0 0 0 5px rgba(22, 163, 106, .12);
    animation: active-work-pulse-b-9fq34ll00n 1.8s infinite;
}

.iz-active-work-copy[b-9fq34ll00n] {
    display: grid;
    min-width: 0;
    text-align: left;
}

.iz-active-work-copy small[b-9fq34ll00n] {
    color: #4e806e;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.iz-active-work-copy strong[b-9fq34ll00n] {
    max-width: 130px;
    overflow: hidden;
    color: #153f33;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iz-active-work-time[b-9fq34ll00n] {
    margin-left: auto;
    padding: 6px 8px;
    border-radius: 9px;
    color: #087653;
    background: #fff;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
}

@keyframes active-work-pulse-b-9fq34ll00n {
    50% { box-shadow: 0 0 0 8px rgba(22, 163, 106, 0); }
}

.iz-quick-action[b-9fq34ll00n] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 46px;
    margin-right: 18px;
    padding: 0 17px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #349078, #1f6956);
    box-shadow: 0 8px 18px rgba(40, 117, 98, .20);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease;
}

.iz-company-action[b-9fq34ll00n] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 46px;
    margin-right: 10px;
    padding: 0 15px;
    border: 1px solid #dce7e4;
    border-radius: 14px;
    color: #263832;
    background: #fff;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.iz-company-action:hover[b-9fq34ll00n] {
    color: #2f6f9f;
    border-color: #b9d2e3;
    background: #f2f7fa;
}

.iz-quick-action:hover[b-9fq34ll00n] {
    color: #fff;
    box-shadow: 0 11px 24px rgba(40, 117, 98, .26);
    transform: translateY(-1px);
}

.iz-user-area[b-9fq34ll00n] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.iz-user-greeting[b-9fq34ll00n] {
    display: grid;
    margin: 0;
    text-align: right;
}

.iz-user-greeting small[b-9fq34ll00n] {
    color: #927c81;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.iz-user-greeting strong[b-9fq34ll00n] {
    max-width: 240px;
    overflow: hidden;
    color: #4b3b3e;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iz-user-button[b-9fq34ll00n] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 72px;
    height: 50px;
    padding: 4px 8px 4px 5px;
    border: 1px solid #dce7e4;
    border-radius: 16px;
    color: #263832;
    background: #fff;
    cursor: pointer;
}

.iz-user-avatar[b-9fq34ll00n] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 12px;
    color: #286552;
    background: #eaf6f2;
    font-size: 13px;
    font-weight: 850;
}

.iz-login-button[b-9fq34ll00n] {
    min-height: 46px;
    padding-inline: 22px !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: #287562 !important;
    font-weight: 750 !important;
}

[b-9fq34ll00n] .iz-drawer {
    border-right: 1px solid #dce7e4 !important;
    background: #fff !important;
}

.iz-drawer-content[b-9fq34ll00n] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 18px 12px 14px;
}

.iz-drawer-label[b-9fq34ll00n] {
    padding: 0 14px 10px;
    color: #74837e;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.iz-drawer-footer[b-9fq34ll00n] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding: 12px;
    border: 1px solid #dce7e4;
    border-radius: 15px;
    background: #f7faf9;
    overflow: hidden;
}

.iz-drawer-footer-icon[b-9fq34ll00n] {
    display: grid;
    flex: 0 0 34px;
    place-items: center;
    width: 34px;
    height: 34px;
    margin: 0;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg, #287562, #2f6f9f);
    font-size: 22px;
    font-weight: 900;
}

.iz-drawer-footer > span:last-child[b-9fq34ll00n] {
    display: grid;
    min-width: 92px;
    color: #5f484d;
    line-height: 1.1;
}

.iz-drawer-footer small[b-9fq34ll00n] {
    color: #927c81;
    font-size: 10px;
}

.iz-main-content[b-9fq34ll00n] {
    min-height: 100vh;
    padding-top: 82px !important;
    background: #f4f8f7;
}

.iz-main-content.has-active-work .iz-page-frame[b-9fq34ll00n] {
    padding-top: 94px;
}

.iz-page-frame[b-9fq34ll00n] {
    width: min(1560px, 100%);
    margin: 0 auto;
    padding: 28px clamp(18px, 3vw, 42px) 48px;
}

@media (max-width: 800px) {
    .iz-topbar[b-9fq34ll00n] {
        height: 72px;
        padding: 0 12px;
    }

    .iz-menu-button[b-9fq34ll00n] {
        margin-right: 8px;
    }

    .iz-brand-mark[b-9fq34ll00n] {
        width: 40px;
        height: 40px;
        border-radius: 13px;
        font-size: 27px;
    }

    .iz-brand-copy small[b-9fq34ll00n],
    .iz-app-status[b-9fq34ll00n],
    .iz-user-greeting[b-9fq34ll00n] {
        display: none;
    }

    .iz-active-work[b-9fq34ll00n] {
        top: 80px;
        right: 12px;
        left: 12px;
        min-width: 0;
        margin-left: 0;
        padding-inline: 10px;
    }

    .iz-active-work-copy[b-9fq34ll00n] {
        display: grid;
        flex: 1;
    }

    .iz-active-work-copy strong[b-9fq34ll00n] { max-width: min(42vw, 190px); }

    .iz-active-work-time[b-9fq34ll00n] {
        padding: 4px 6px;
        font-size: 11px;
    }

    .iz-quick-action[b-9fq34ll00n] {
        min-width: 46px;
        margin-right: 8px;
        padding: 0 12px;
    }

    .iz-company-action[b-9fq34ll00n] {
        min-width: 46px;
        margin-right: 6px;
        padding: 0 12px;
    }

    .iz-company-action span[b-9fq34ll00n] {
        display: none;
    }

    .iz-quick-action span[b-9fq34ll00n] {
        display: none;
    }

    .iz-main-content[b-9fq34ll00n] {
        padding-top: 72px !important;
    }

    .iz-main-content.has-active-work .iz-page-frame[b-9fq34ll00n] {
        padding-top: 86px;
    }

    .iz-page-frame[b-9fq34ll00n] {
        padding: 18px 12px 32px;
    }
}

@media (max-width: 480px) {
    .iz-brand-copy[b-9fq34ll00n] {
        display: none;
    }
}

#blazor-error-ui[b-9fq34ll00n] {
    position: fixed;
    right: 18px;
    bottom: 18px;
    left: 18px;
    z-index: 1000;
    display: none;
    padding: 14px 48px 14px 18px;
    border: 1px solid #fecaca;
    border-radius: 14px;
    color: #991b1b;
    background: #fff1f2;
    box-shadow: 0 14px 40px rgba(127, 29, 29, .16);
}

#blazor-error-ui .dismiss[b-9fq34ll00n] {
    position: absolute;
    top: 10px;
    right: 14px;
    cursor: pointer;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.iz-nav-menu[b-e1hxokvvnr] {
    display: grid;
    gap: 5px;
}

[b-e1hxokvvnr] .mud-nav-link,
[b-e1hxokvvnr] .mud-nav-group .mud-nav-link {
    min-height: 50px;
    margin: 0;
    padding: 0 14px;
    border-radius: 14px;
    color: #263832;
    font-size: 14px;
    font-weight: 650;
}

[b-e1hxokvvnr] .mud-nav-link .mud-nav-link-icon,
[b-e1hxokvvnr] .mud-nav-group .mud-nav-link-icon {
    color: #626b68;
}

[b-e1hxokvvnr] .mud-nav-link:hover {
    color: #236d5a;
    background: #f0f8f5;
}

[b-e1hxokvvnr] .mud-nav-link.active {
    color: #236d5a;
    background: #eaf6f2;
    box-shadow: inset 3px 0 0 #287562;
}

[b-e1hxokvvnr] .mud-nav-link.active .mud-nav-link-icon {
    color: #287562;
}

[b-e1hxokvvnr] .mud-nav-group {
    border-radius: 14px;
}

[b-e1hxokvvnr] .mud-nav-group > .mud-nav-link {
    font-weight: 750;
}

[b-e1hxokvvnr] .mud-nav-group .mud-collapse-container {
    padding: 4px 0 4px 13px;
}

.iz-nav-separator[b-e1hxokvvnr] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 14px 10px 7px;
    color: #74837e;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.iz-nav-separator[b-e1hxokvvnr]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #dce7e4;
}
/* /Components/Layout/PublicLandingLayout.razor.rz.scp.css */
.public-landing-shell[b-phabn9tpsb]{min-height:100vh;overflow-x:hidden;background:#f1f7f5;color:#142a25}
/* /Components/Layout/PublicTrackingLayout.razor.rz.scp.css */
.public-tracking-shell[b-7jhwgjmje8] { min-height:100vh; overflow-x:hidden; background:#eff6f3; }
/* /Components/Layout/WorkshopDisplayLayout.razor.rz.scp.css */
.workshop-display-shell[b-q1f94a8cuf] {
    position: fixed;
    inset: 0;
    overflow: hidden;
    background: #07110f;
}
/* /Components/Pages/AdministrationPage.razor.rz.scp.css */
.admin-page[b-vdgisj4wbw]{display:grid;gap:20px;padding-bottom:32px;color:#302528}.admin-start[b-vdgisj4wbw],.admin-everyday[b-vdgisj4wbw],.advanced-admin[b-vdgisj4wbw],.admin-rule[b-vdgisj4wbw]{border:1px solid #e5dcde;border-radius:20px;background:#fff;box-shadow:0 16px 38px rgba(58,39,43,.06)}.admin-start[b-vdgisj4wbw]{padding:24px}.admin-start-copy>span[b-vdgisj4wbw],.admin-everyday>div>span[b-vdgisj4wbw]{color:#477080;font-size:10px;font-weight:900;letter-spacing:1.1px}.admin-start-copy h2[b-vdgisj4wbw],.admin-everyday h2[b-vdgisj4wbw]{margin:4px 0;color:#2f2527;font-size:23px}.admin-start-copy p[b-vdgisj4wbw],.admin-everyday p[b-vdgisj4wbw]{margin:0;color:#826f73;font-size:13px}.creation-grid[b-vdgisj4wbw]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.creation-card[b-vdgisj4wbw]{display:flex;align-items:center;gap:13px;min-height:92px;padding:15px;border:1px solid #e5dcde;border-radius:16px;color:#352a2c;background:#fff;text-decoration:none;transition:.16s ease}.creation-card:hover[b-vdgisj4wbw]{transform:translateY(-2px);border-color:#afc7cf;box-shadow:0 12px 25px rgba(45,84,98,.1)}.creation-card>span[b-vdgisj4wbw]{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;color:#315e6e;background:#eaf3f6}.creation-card.customer>span[b-vdgisj4wbw]{color:#287157;background:#e8f5ef}.creation-card.supplier>span[b-vdgisj4wbw]{color:#8d621d;background:#fff3dc}.creation-card>div[b-vdgisj4wbw]{flex:1}.creation-card strong[b-vdgisj4wbw],.creation-card small[b-vdgisj4wbw]{display:block}.creation-card strong[b-vdgisj4wbw]{font-size:14px}.creation-card small[b-vdgisj4wbw]{margin-top:4px;color:#8b777b;font-size:11px;line-height:1.35}.admin-everyday[b-vdgisj4wbw]{display:flex;align-items:center;gap:24px;padding:22px 24px}.admin-everyday>div[b-vdgisj4wbw]{flex:1}.admin-everyday>a[b-vdgisj4wbw]{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:13px;color:#fff;background:#477080;text-decoration:none;font-size:12px;font-weight:850}.advanced-admin[b-vdgisj4wbw]{overflow:hidden}.advanced-admin>summary[b-vdgisj4wbw]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}.advanced-admin>summary[b-vdgisj4wbw]::-webkit-details-marker{display:none}.advanced-admin>summary>span[b-vdgisj4wbw]{display:flex;align-items:center;gap:11px}.advanced-admin>summary strong[b-vdgisj4wbw],.advanced-admin>summary small[b-vdgisj4wbw]{display:block}.advanced-admin>summary strong[b-vdgisj4wbw]{font-size:13px}.advanced-admin>summary small[b-vdgisj4wbw]{margin-top:2px;color:#8d797d;font-size:10px}.advanced-admin[open]>summary[b-vdgisj4wbw]{border-bottom:1px solid #eee7e8;background:#f8fbfc}.advanced-grid[b-vdgisj4wbw]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.advanced-grid>a[b-vdgisj4wbw]{display:flex;align-items:center;gap:11px;padding:16px;border:1px solid #e8dfe1;border-radius:14px;color:#45373a;text-decoration:none}.advanced-grid>a:hover[b-vdgisj4wbw]{border-color:#afc7cf;background:#f7fbfc}.advanced-grid strong[b-vdgisj4wbw],.advanced-grid small[b-vdgisj4wbw]{display:block}.advanced-grid strong[b-vdgisj4wbw]{font-size:12px}.advanced-grid small[b-vdgisj4wbw]{margin-top:3px;color:#927f83;font-size:10px}.admin-rule[b-vdgisj4wbw]{display:flex;align-items:center;gap:14px;padding:17px 20px;color:#315e6e;background:#f3f8f9;border-color:#d6e4e7}.admin-rule>div strong[b-vdgisj4wbw],.admin-rule>div span[b-vdgisj4wbw]{display:block}.admin-rule strong[b-vdgisj4wbw]{font-size:12px}.admin-rule span[b-vdgisj4wbw]{margin-top:3px;color:#6f8086;font-size:11px}@media(max-width:850px){.creation-grid[b-vdgisj4wbw],.advanced-grid[b-vdgisj4wbw]{grid-template-columns:1fr}}@media(max-width:600px){.admin-start[b-vdgisj4wbw]{padding:16px}.admin-everyday[b-vdgisj4wbw]{align-items:stretch;flex-direction:column}.admin-everyday>a[b-vdgisj4wbw]{justify-content:center}.admin-rule[b-vdgisj4wbw]{align-items:flex-start}}
.admin-page .creation-grid[b-vdgisj4wbw]{grid-template-columns:minmax(0,680px)}
/* /Components/Pages/BillingQueuePage.razor.rz.scp.css */
.billing-page[b-x1wa4an65l]{display:grid;gap:16px;padding:6px 4px 36px;color:#251b1d}.billing-loading[b-x1wa4an65l]{min-height:420px;display:flex;align-items:center;justify-content:center;gap:14px}.billing-loading div[b-x1wa4an65l]{display:grid}.billing-loading small[b-x1wa4an65l]{color:#89777a}.billing-hero[b-x1wa4an65l]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid #dce9e2;border-radius:22px;background:linear-gradient(135deg,#f4fbf7,#fff);box-shadow:0 14px 36px rgba(35,77,57,.06)}.billing-hero>div:first-child>span[b-x1wa4an65l],.billing-panel header small[b-x1wa4an65l]{color:#247653;font-size:10px;font-weight:900;letter-spacing:.12em}.billing-hero h1[b-x1wa4an65l]{margin:4px 0 2px;font-size:34px;letter-spacing:-.045em}.billing-hero p[b-x1wa4an65l]{margin:0;color:#687a70}.billing-hero>div:last-child[b-x1wa4an65l]{display:flex;gap:9px}.billing-hero a[b-x1wa4an65l],.billing-hero button[b-x1wa4an65l]{min-height:43px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #cfe3d8;border-radius:12px;color:#345d49;background:#fff;font-weight:850;text-decoration:none;cursor:pointer}.billing-notice[b-x1wa4an65l]{display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid #dce9e2;border-radius:15px;color:#247653;background:#f5fbf8}.billing-notice>div[b-x1wa4an65l]{display:grid}.billing-notice small[b-x1wa4an65l]{color:#658071}.billing-summary[b-x1wa4an65l]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.billing-summary article[b-x1wa4an65l]{min-height:88px;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e2e9e5;border-radius:17px;background:#fff}.billing-summary article>span[b-x1wa4an65l]{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#6d44d7;background:#f0ebff}.billing-summary article>span.green[b-x1wa4an65l]{color:#247653;background:#e5f5ec}.billing-summary article>span.amber[b-x1wa4an65l]{color:#a6630c;background:#fff2db}.billing-summary article div[b-x1wa4an65l]{display:grid}.billing-summary strong[b-x1wa4an65l]{font-size:24px}.billing-summary small[b-x1wa4an65l]{color:#708078}.billing-toolbar[b-x1wa4an65l]{display:flex;align-items:center;justify-content:space-between;gap:14px}.billing-toolbar label[b-x1wa4an65l]{flex:1;max-width:600px;min-height:46px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #dce7e1;border-radius:13px;background:#fff}.billing-toolbar input[b-x1wa4an65l]{width:100%;border:0;outline:0;background:transparent}.billing-toolbar>div[b-x1wa4an65l]{display:flex;gap:7px}.billing-toolbar button[b-x1wa4an65l]{min-height:40px;padding:0 13px;border:1px solid #dce7e1;border-radius:11px;color:#5d7066;background:#fff;font-weight:800;cursor:pointer}.billing-toolbar button.active[b-x1wa4an65l]{border-color:#247653;color:#1d6748;background:#edf8f2}.billing-panel[b-x1wa4an65l]{overflow:hidden;border:1px solid #dfe8e3;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(31,65,48,.05)}.billing-panel>header[b-x1wa4an65l]{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #e8efeb}.billing-panel h2[b-x1wa4an65l]{margin:2px 0 0;font-size:20px}.billing-panel header>span[b-x1wa4an65l]{color:#708078;font-size:11px}.billing-list[b-x1wa4an65l]{display:grid}.billing-row[b-x1wa4an65l]{min-height:94px;display:grid;grid-template-columns:auto minmax(160px,1.05fr) minmax(140px,1fr) minmax(145px,.85fr) minmax(110px,.7fr) auto auto;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #edf1ef}.billing-row:last-child[b-x1wa4an65l]{border:0}.billing-row:hover[b-x1wa4an65l]{background:#fbfdfc}.billing-icon[b-x1wa4an65l]{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#247653;background:#e8f6ee}.billing-row>div[b-x1wa4an65l]{display:grid;min-width:0}.billing-row>div strong[b-x1wa4an65l],.billing-row>div span[b-x1wa4an65l]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-row>div small[b-x1wa4an65l]{color:#7b8b83;font-size:9px}.billing-row>div strong[b-x1wa4an65l]{font-size:12px}.billing-row>div span[b-x1wa4an65l]{color:#7b8b83;font-size:10px}.billing-vehicle>strong[b-x1wa4an65l]{font-size:16px!important;color:#251b1d}.billing-total strong[b-x1wa4an65l]{color:#247653;font-size:15px!important}.invoice-button[b-x1wa4an65l]{min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border:0;border-radius:11px;color:#fff;background:#247653;font-size:10px;font-weight:900;cursor:pointer}.details-button[b-x1wa4an65l]{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#5e7066;background:#f1f6f3;text-decoration:none}.invoice-reference[b-x1wa4an65l]{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;color:#247653;background:#e5f5ec;font-size:10px;font-weight:850;white-space:nowrap}.billing-empty[b-x1wa4an65l]{min-height:230px;display:grid;place-content:center;justify-items:center;gap:5px;color:#7d8d84}.billing-empty :deep(.mud-icon-root)[b-x1wa4an65l]{font-size:38px;color:#247653}.billing-empty strong[b-x1wa4an65l]{color:#2b3a32}
@media(max-width:1100px){.billing-row[b-x1wa4an65l]{grid-template-columns:auto minmax(0,1fr) minmax(140px,.8fr) auto}.billing-row>div:nth-of-type(2)[b-x1wa4an65l],.billing-total[b-x1wa4an65l]{grid-column:2}.invoice-button[b-x1wa4an65l],.invoice-reference[b-x1wa4an65l]{grid-column:3;grid-row:1/span 3}.details-button[b-x1wa4an65l]{grid-column:4;grid-row:1/span 3}}
@media(max-width:700px){.billing-hero[b-x1wa4an65l],.billing-toolbar[b-x1wa4an65l]{align-items:flex-start;flex-direction:column}.billing-hero>div:last-child[b-x1wa4an65l],.billing-toolbar label[b-x1wa4an65l]{width:100%;max-width:none}.billing-summary[b-x1wa4an65l]{grid-template-columns:1fr}.billing-row[b-x1wa4an65l]{grid-template-columns:auto 1fr}.invoice-button[b-x1wa4an65l],.invoice-reference[b-x1wa4an65l],.details-button[b-x1wa4an65l]{grid-column:1/-1;grid-row:auto}.details-button[b-x1wa4an65l]{width:100%}}
/* /Components/Pages/CarDetailsPage.razor.rz.scp.css */
.vehicle-loading[b-zm2md75vqs] { display:flex; align-items:center; justify-content:center; gap:16px; min-height:360px; }
.vehicle-loading strong[b-zm2md75vqs],.vehicle-loading span[b-zm2md75vqs] { display:block; }
.vehicle-loading span[b-zm2md75vqs] { margin-top:3px; color:#89777b; font-size:13px; }
.vehicle-page[b-zm2md75vqs] { display:grid; gap:15px; padding-bottom:88px; color:#291d1f; }
.vehicle-breadcrumb[b-zm2md75vqs] { display:flex; align-items:center; gap:8px; color:#9a8589; font-size:12px; }
.vehicle-breadcrumb a[b-zm2md75vqs] { display:inline-flex; align-items:center; gap:5px; color:#b8171e; font-weight:800; text-decoration:none; }
.vehicle-breadcrumb strong[b-zm2md75vqs] { color:#6b565a; }
.vehicle-hero[b-zm2md75vqs] { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.vehicle-identity[b-zm2md75vqs] { display:flex; align-items:center; gap:15px; }
.vehicle-logo[b-zm2md75vqs] { display:grid; place-items:center; flex:0 0 66px; width:66px; height:66px; padding:10px; border:1px solid #eadcde; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(62,36,41,.07); }
.vehicle-logo img[b-zm2md75vqs] { width:100%; height:100%; object-fit:contain; }
.vehicle-identity > div:last-child > span[b-zm2md75vqs] { color:#287562; font-size:11px; font-weight:850; letter-spacing:1.4px; text-transform:uppercase; }
.vehicle-identity h1[b-zm2md75vqs] { margin:4px 0 0; font-size:clamp(31px,3vw,43px); font-weight:850; letter-spacing:-1.8px; line-height:1; }
.vehicle-identity p[b-zm2md75vqs] { max-width:670px; margin:7px 0 0; color:#7b686c; font-size:13px; }
.vehicle-hero-actions[b-zm2md75vqs] { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.vehicle-new-work[b-zm2md75vqs],.vehicle-new-quote[b-zm2md75vqs] { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:43px; padding:0 15px; border-radius:13px; font-size:12px; font-weight:850; text-decoration:none; }
.vehicle-new-work[b-zm2md75vqs] { border:1px solid #287562; color:#fff; background:linear-gradient(135deg,#1f6956,#349078); box-shadow:0 10px 24px rgba(40,117,98,.18); }
.vehicle-new-quote[b-zm2md75vqs] { border:1px solid #e6d7da; color:#5b464a; background:#fff; }
.vehicle-callout[b-zm2md75vqs] { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid #f0d29f; border-radius:14px; color:#8c570c; background:#fff9ed; }
.vehicle-callout strong[b-zm2md75vqs],.vehicle-callout span[b-zm2md75vqs] { display:block; }
.vehicle-callout strong[b-zm2md75vqs] { font-size:13px; }
.vehicle-callout span[b-zm2md75vqs] { margin-top:2px; color:#9a733c; font-size:11px; }
.vehicle-search-callout[b-zm2md75vqs] { justify-content:space-between; border-color:#d5e5df; color:#314a43; background:linear-gradient(135deg,#fff,#f4faf8); }
.vehicle-callout-copy[b-zm2md75vqs] { display:flex; align-items:center; gap:11px; }
.vehicle-callout-copy > .mud-icon-root[b-zm2md75vqs] { padding:8px; width:39px; height:39px; border-radius:11px; color:#fff; background:#287562; }
.vehicle-quick-search[b-zm2md75vqs] { min-width:min(420px,100%); }
.vehicle-draft-status[b-zm2md75vqs] { margin-left:auto; color:#8a7377; font-size:10px; font-weight:750; }
.vehicle-summary[b-zm2md75vqs] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; }
.vehicle-summary article[b-zm2md75vqs] { display:flex; align-items:center; gap:11px; min-height:60px; padding:10px 13px; border:1px solid #eadfe1; border-radius:14px; background:#fff; }
.vehicle-summary article > span[b-zm2md75vqs] { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:11px; color:#1f6956; background:#eaf6f2; }
.vehicle-summary strong[b-zm2md75vqs],.vehicle-summary small[b-zm2md75vqs] { display:block; }
.vehicle-summary strong[b-zm2md75vqs] { overflow:hidden; color:#4a363a; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.vehicle-summary small[b-zm2md75vqs] { margin-top:2px; color:#927f83; font-size:10px; }
.vehicle-owner-link[b-zm2md75vqs] { color:#b8171e; text-decoration:none; }
.vehicle-owner-link:hover[b-zm2md75vqs] { text-decoration:underline; }
.vehicle-overview[b-zm2md75vqs] { padding:17px; border:1px solid #e7dadd; border-radius:18px; background:linear-gradient(145deg,#fff,#fdf8f9); }
.vehicle-overview-heading[b-zm2md75vqs] { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:13px; }
.vehicle-overview-heading span[b-zm2md75vqs] { color:#287562; font-size:10px; font-weight:850; letter-spacing:1.1px; text-transform:uppercase; }
.vehicle-overview-heading h2[b-zm2md75vqs] { margin:2px 0 0; font-size:20px; }
.vehicle-overview-metrics[b-zm2md75vqs] { display:flex; gap:8px; }
.vehicle-overview-metrics span[b-zm2md75vqs] { padding:7px 10px; border:1px solid #ecdde0; border-radius:999px; color:#7d696d; background:#fff; font-size:10px; letter-spacing:0; text-transform:none; }
.vehicle-overview-metrics strong[b-zm2md75vqs] { color:#1f6956; font-size:13px; }
.vehicle-overview-grid[b-zm2md75vqs] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.vehicle-review-card[b-zm2md75vqs] { display:flex; align-items:center; gap:12px; padding:13px; border:1px solid #eadfe1; border-radius:14px; background:#fff; }
.vehicle-review-card > .mud-icon-root[b-zm2md75vqs] { color:#287562; }
.vehicle-review-card small[b-zm2md75vqs],.vehicle-review-card strong[b-zm2md75vqs],.vehicle-review-card span[b-zm2md75vqs] { display:block; }
.vehicle-review-card small[b-zm2md75vqs] { color:#947e82; font-size:9px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; }
.vehicle-review-card strong[b-zm2md75vqs] { margin-top:3px; font-size:14px; }
.vehicle-review-card span[b-zm2md75vqs] { margin-top:2px; color:#8a7579; font-size:10px; }
.vehicle-recent-work[b-zm2md75vqs] { grid-column:1/-1; display:grid; gap:7px; }
.vehicle-recent-work > strong[b-zm2md75vqs] { font-size:12px; }
.vehicle-recent-work a[b-zm2md75vqs] { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 11px; border:1px solid #eee2e4; border-radius:11px; color:#4b363a; background:#fff; text-decoration:none; }
.vehicle-recent-work a:hover[b-zm2md75vqs] { border-color:#dfbfc3; background:#fff8f9; }
.vehicle-recent-work a span[b-zm2md75vqs] { color:#8d777b; font-size:10px; }
.vehicle-file-name[b-zm2md75vqs] { display:block; max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vehicle-content[b-zm2md75vqs] { overflow:hidden; border:1px solid #e7dadd; border-radius:20px; background:#fff; box-shadow:0 18px 45px rgba(62,36,41,.07); }
[b-zm2md75vqs] .vehicle-tabs .mud-tabs-tabbar { border-bottom:1px solid #eee3e5; background:#faf6f7; }
[b-zm2md75vqs] .vehicle-tabs .mud-tab { min-height:52px; font-size:11px; font-weight:800; }
[b-zm2md75vqs] .vehicle-tabs .mud-tab.mud-tab-active { color:#1f6956; }
[b-zm2md75vqs] .vehicle-tab-panel { padding:18px !important; }
[b-zm2md75vqs] .vehicle-tab-panel > .mud-grid { margin:0; width:100%; }
[b-zm2md75vqs] .vehicle-tab-panel .mud-paper { padding:8px !important; border:1px solid #eee3e5; border-radius:14px; background:#fdfbfb; }
.vehicle-catalog[b-zm2md75vqs] { margin-bottom:18px; padding:17px; border:1px solid #ead7da; border-radius:17px; background:linear-gradient(135deg,#fff8f9,#fff); box-shadow:0 9px 28px rgba(74,36,42,.06); }
.vehicle-catalog-heading[b-zm2md75vqs] { display:flex; align-items:center; gap:12px; margin-bottom:15px; }
.vehicle-catalog-icon[b-zm2md75vqs] { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:13px; color:#fff; background:linear-gradient(135deg,#1f6956,#349078); box-shadow:0 8px 19px rgba(40,117,98,.2); }
.vehicle-catalog-heading > div:nth-child(2)[b-zm2md75vqs] { min-width:0; }
.vehicle-catalog-heading span[b-zm2md75vqs] { color:#287562; font-size:9px; font-weight:850; letter-spacing:1px; text-transform:uppercase; }
.vehicle-catalog-heading h2[b-zm2md75vqs] { margin:2px 0; color:#38282b; font-size:17px; }
.vehicle-catalog-heading p[b-zm2md75vqs] { margin:0; color:#8d777b; font-size:11px; }
.vehicle-catalog-reset[b-zm2md75vqs] { margin-left:auto; padding:7px 10px; border:1px solid #e8dadd; border-radius:9px; color:#7b6267; background:#fff; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
.vehicle-catalog-fields[b-zm2md75vqs] { display:grid; grid-template-columns:1fr 1fr 1.6fr auto; align-items:center; gap:10px; }
.vehicle-catalog-apply[b-zm2md75vqs] { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:56px; padding:0 16px; border:1px solid #287562; border-radius:12px; color:#fff; background:linear-gradient(135deg,#1f6956,#349078); box-shadow:0 8px 20px rgba(40,117,98,.18); font:inherit; font-size:11px; font-weight:850; white-space:nowrap; cursor:pointer; }
.vehicle-catalog-apply:disabled[b-zm2md75vqs] { border-color:#ded1d3; color:#a99397; background:#f2edef; box-shadow:none; cursor:not-allowed; }
.vehicle-catalog-preview[b-zm2md75vqs] { display:flex; flex-wrap:wrap; gap:6px; margin-top:11px; }
.vehicle-catalog-preview span[b-zm2md75vqs] { padding:5px 9px; border:1px solid #eadbdd; border-radius:999px; color:#695357; background:#fff; font-size:9px; font-weight:750; }
.vehicle-catalog-status[b-zm2md75vqs] { display:flex; align-items:center; gap:5px; margin-top:10px; color:#267c4b; font-size:10px; font-weight:750; }
.vehicle-history-panel[b-zm2md75vqs]{display:grid;gap:16px}.vehicle-history-header[b-zm2md75vqs]{display:flex;align-items:center;justify-content:space-between;gap:18px}.vehicle-history-title[b-zm2md75vqs]{display:flex;align-items:center;gap:12px}.vehicle-history-title>span[b-zm2md75vqs]{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;color:#4f6472;background:#eef3f6}.vehicle-history-title small[b-zm2md75vqs]{color:#687b87;font-size:9px;font-weight:900;letter-spacing:1.2px}.vehicle-history-title h2[b-zm2md75vqs]{margin:2px 0;color:#312326;font-size:20px}.vehicle-history-title p[b-zm2md75vqs]{margin:0;color:#8d787c;font-size:11px}.vehicle-history-tools[b-zm2md75vqs]{display:flex;align-items:center;gap:8px;min-width:min(540px,50%)}.vehicle-history-tools[b-zm2md75vqs]  .mud-input-control{flex:1}.history-refresh[b-zm2md75vqs]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 12px;border:1px solid #dce4e8;border-radius:11px;color:#536773;background:#f8fafb;font:inherit;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}.history-refresh:disabled[b-zm2md75vqs]{cursor:wait;opacity:.55}.vehicle-history-summary[b-zm2md75vqs]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.vehicle-history-summary article[b-zm2md75vqs]{padding:11px 13px;border:1px solid #e4e9ec;border-radius:12px;background:#f8fafb}.vehicle-history-summary small[b-zm2md75vqs],.vehicle-history-summary strong[b-zm2md75vqs]{display:block}.vehicle-history-summary small[b-zm2md75vqs]{color:#7e8d96;font-size:9px;text-transform:uppercase}.vehicle-history-summary strong[b-zm2md75vqs]{margin-top:3px;font-size:15px}.movement-list[b-zm2md75vqs],.history-card-list[b-zm2md75vqs]{display:grid;gap:9px}.movement-card[b-zm2md75vqs]{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid #e1e7ea;border-radius:14px;background:#fff}.movement-card:hover[b-zm2md75vqs]{border-color:#cbd6dc;background:#fafcfd}.movement-icon[b-zm2md75vqs]{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#4f6472;background:#eef3f6}.movement-main small[b-zm2md75vqs],.movement-main strong[b-zm2md75vqs],.movement-main span[b-zm2md75vqs],.movement-quantity small[b-zm2md75vqs],.movement-quantity strong[b-zm2md75vqs],.movement-quantity span[b-zm2md75vqs]{display:block}.movement-main small[b-zm2md75vqs]{color:#667b87;font-size:8px;font-weight:900;letter-spacing:.6px}.movement-main strong[b-zm2md75vqs]{margin-top:2px;font-size:13px}.movement-main span[b-zm2md75vqs]{margin-top:2px;color:#897579;font-size:10px}.movement-quantity[b-zm2md75vqs]{text-align:right}.movement-quantity small[b-zm2md75vqs]{color:#84939b;font-size:8px;text-transform:uppercase}.movement-quantity strong[b-zm2md75vqs]{margin-top:2px;font-size:15px}.movement-quantity span[b-zm2md75vqs]{color:#87969e;font-size:9px}.history-card[b-zm2md75vqs]{display:grid;grid-template-columns:auto minmax(220px,1.5fr) minmax(110px,.5fr) minmax(105px,.5fr) auto auto;align-items:center;gap:14px;padding:13px;border:1px solid #e1e7ea;border-radius:15px;background:#fff}.history-card:hover[b-zm2md75vqs],.history-card.expanded[b-zm2md75vqs]{border-color:#cbd6dc;box-shadow:0 9px 24px rgba(44,64,74,.07)}.history-card-icon[b-zm2md75vqs]{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#4f6472;background:#eef3f6}.history-card-icon.invoice[b-zm2md75vqs]{color:#6650c8;background:#f0edff}.history-card-main>div[b-zm2md75vqs]{display:flex;align-items:center;gap:9px}.history-card-main small[b-zm2md75vqs]{color:#87969e;font-size:9px;font-weight:800}.history-card-main strong[b-zm2md75vqs]{font-size:14px}.history-card-main>span[b-zm2md75vqs]{display:block;margin-top:4px;color:#687981;font-size:11px}.history-card-meta small[b-zm2md75vqs],.history-card-meta strong[b-zm2md75vqs]{display:block}.history-card-meta small[b-zm2md75vqs]{color:#87969e;font-size:8px;font-weight:800;text-transform:uppercase}.history-card-meta strong[b-zm2md75vqs]{margin-top:3px;color:#465861;font-size:11px}.history-card-meta.total strong[b-zm2md75vqs]{color:#19744b;font-size:13px}.history-status[b-zm2md75vqs]{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.history-status.done[b-zm2md75vqs]{color:#17734a;background:#e8f7f0}.history-status.pending[b-zm2md75vqs]{color:#9b5b00;background:#fff2dc}.history-status.cancelled[b-zm2md75vqs]{color:#b8171e;background:#fff0f1}.history-details[b-zm2md75vqs]{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:0 10px;border:1px solid #dce4e8;border-radius:9px;color:#526671;background:#f8fafb;font:inherit;font-size:9px;font-weight:850;white-space:nowrap;cursor:pointer}.history-lines[b-zm2md75vqs]{grid-column:1/-1;display:grid;gap:6px;padding:13px;border-radius:12px;background:#f6f9fa}.history-lines header[b-zm2md75vqs],.history-line[b-zm2md75vqs]{display:grid;grid-template-columns:minmax(220px,1fr) 110px 110px;align-items:center;gap:12px}.history-lines header[b-zm2md75vqs]{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #dfe7ea}.history-lines header strong[b-zm2md75vqs]{font-size:12px}.history-lines header span[b-zm2md75vqs],.history-lines>p[b-zm2md75vqs]{margin:0;color:#7d8e97;font-size:10px}.history-line[b-zm2md75vqs]{padding:8px 10px;border-radius:9px;background:#fff}.history-line span small[b-zm2md75vqs],.history-line span strong[b-zm2md75vqs]{display:block}.history-line span small[b-zm2md75vqs]{color:#84949c;font-size:8px;font-weight:800}.history-line span strong[b-zm2md75vqs]{margin-top:2px;font-size:11px}.history-loading[b-zm2md75vqs],.history-empty[b-zm2md75vqs]{display:flex;align-items:center;justify-content:center;gap:9px;min-height:170px;color:#7d8e97}.history-empty[b-zm2md75vqs]{flex-direction:column;text-align:center}.history-empty .mud-icon-root[b-zm2md75vqs]{font-size:34px}.history-empty strong[b-zm2md75vqs]{color:#465861}.history-empty span[b-zm2md75vqs]{font-size:11px}
.vehicle-actions[b-zm2md75vqs] { position:fixed; z-index:20; right:24px; bottom:16px; left:var(--mud-drawer-width-left,0); display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:1080px; min-height:66px; margin:0 auto; padding:9px 11px 9px 16px; border:1px solid #dfcfd2; border-radius:17px; background:rgba(255,255,255,.96); box-shadow:0 18px 55px rgba(57,28,33,.18); backdrop-filter:blur(14px); }
.vehicle-actions > div:first-child strong[b-zm2md75vqs],.vehicle-actions > div:first-child span[b-zm2md75vqs] { display:block; }
.vehicle-actions > div:first-child strong[b-zm2md75vqs] { font-size:13px; }
.vehicle-actions > div:first-child span[b-zm2md75vqs] { margin-top:2px; color:#8d797d; font-size:10px; }
.vehicle-action-draft[b-zm2md75vqs] { display:flex; align-items:center; gap:4px; margin-top:4px; color:#2f8f58; font-size:9px; font-weight:750; }
.vehicle-action-buttons[b-zm2md75vqs] { display:flex; align-items:center; gap:8px; }
.vehicle-action-buttons button[b-zm2md75vqs] { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:0 15px; border-radius:12px; font:inherit; font-size:12px; font-weight:850; cursor:pointer; }
.vehicle-save[b-zm2md75vqs] { border:1px solid #287562; color:#fff; background:linear-gradient(135deg,#1f6956,#349078); box-shadow:0 9px 22px rgba(40,117,98,.2); }
.vehicle-delete[b-zm2md75vqs] { border:1px solid #efc6ca; color:#b5151c; background:#fff1f2; }
.vehicle-action-buttons button:disabled[b-zm2md75vqs] { cursor:not-allowed; filter:grayscale(.35); opacity:.5; box-shadow:none; }
@media(max-width:1100px){.vehicle-summary[b-zm2md75vqs]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.vehicle-catalog-fields[b-zm2md75vqs]{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-catalog-apply[b-zm2md75vqs]{width:100%}}
@media(max-width:900px){.vehicle-hero[b-zm2md75vqs]{align-items:flex-start;flex-direction:column}.vehicle-summary[b-zm2md75vqs]{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-hero-actions[b-zm2md75vqs]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.vehicle-new-work[b-zm2md75vqs],.vehicle-new-quote[b-zm2md75vqs]{width:100%}.vehicle-search-callout[b-zm2md75vqs]{align-items:stretch;flex-direction:column}.vehicle-quick-search[b-zm2md75vqs]{min-width:0}.vehicle-overview-grid[b-zm2md75vqs]{grid-template-columns:1fr}.vehicle-recent-work[b-zm2md75vqs]{grid-column:auto}}
@media(max-width:1100px){.vehicle-history-header[b-zm2md75vqs]{align-items:stretch;flex-direction:column}.vehicle-history-tools[b-zm2md75vqs]{min-width:0}.history-card[b-zm2md75vqs]{grid-template-columns:auto 1fr auto}.history-card-meta[b-zm2md75vqs]{display:none}.history-status[b-zm2md75vqs]{justify-self:end}.history-lines[b-zm2md75vqs]{grid-column:1/-1}}
@media(max-width:700px){.vehicle-page[b-zm2md75vqs]{padding-bottom:130px}.vehicle-summary[b-zm2md75vqs]{grid-template-columns:1fr}.vehicle-overview-heading[b-zm2md75vqs]{align-items:flex-start;flex-direction:column}.vehicle-overview-metrics[b-zm2md75vqs]{flex-wrap:wrap}.vehicle-actions[b-zm2md75vqs]{right:10px;bottom:10px;left:10px;align-items:stretch;flex-direction:column;gap:7px}.vehicle-actions>div:first-child[b-zm2md75vqs]{display:none}.vehicle-action-buttons[b-zm2md75vqs]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-logo[b-zm2md75vqs]{flex-basis:52px;width:52px;height:52px}.vehicle-catalog-heading[b-zm2md75vqs]{align-items:flex-start;flex-wrap:wrap}.vehicle-catalog-reset[b-zm2md75vqs]{margin-left:56px}.vehicle-catalog-fields[b-zm2md75vqs]{grid-template-columns:1fr}.vehicle-history-tools[b-zm2md75vqs]{display:grid;grid-template-columns:1fr}.vehicle-history-summary[b-zm2md75vqs]{grid-template-columns:1fr}.history-card[b-zm2md75vqs]{grid-template-columns:auto 1fr}.history-status[b-zm2md75vqs]{grid-column:2}.history-details[b-zm2md75vqs]{grid-column:1/-1}.history-lines[b-zm2md75vqs]{grid-column:1/-1}.history-line[b-zm2md75vqs]{grid-template-columns:1fr 70px}.history-line span:last-child[b-zm2md75vqs]{display:none}.movement-card[b-zm2md75vqs]{grid-template-columns:auto 1fr}.movement-quantity[b-zm2md75vqs]{grid-column:2;text-align:left}}
/* /Components/Pages/Childs/EntitiesManagmentCollaboratorsPage.razor.rz.scp.css */
.collaborator-setup[b-7houk9hrtb]{display:grid;gap:16px}.collaborator-heading[b-7houk9hrtb]{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #d6e4e7;border-radius:16px;background:#f3f8f9}.collaborator-heading>span[b-7houk9hrtb]{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#fff;background:#477080}.collaborator-heading small[b-7houk9hrtb]{color:#477080;font-size:9px;font-weight:900;letter-spacing:1px}.collaborator-heading h3[b-7houk9hrtb]{margin:1px 0;color:#302629;font-size:18px}.collaborator-heading p[b-7houk9hrtb]{margin:0;color:#72848a;font-size:11px}.collaborator-grid[b-7houk9hrtb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.collaborator-card[b-7houk9hrtb]{display:grid;align-content:start;gap:14px;padding:17px;border:1px solid #e7dfe1;border-radius:16px;background:#fff}.card-heading[b-7houk9hrtb]{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #eee7e8}.card-heading>span[b-7houk9hrtb]{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;color:#fff;background:#477080;font-size:11px;font-weight:900}.card-heading strong[b-7houk9hrtb],.card-heading small[b-7houk9hrtb]{display:block}.card-heading strong[b-7houk9hrtb]{font-size:13px}.card-heading small[b-7houk9hrtb]{margin-top:2px;color:#8a7b7e;font-size:10px}.department-list[b-7houk9hrtb]{border:0!important;padding:0!important}.pin-field[b-7houk9hrtb]{display:flex;align-items:flex-start;gap:9px}.pin-field>div[b-7houk9hrtb]{flex:1}.pin-field>button[b-7houk9hrtb]{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 12px;border:0;border-radius:11px;color:#85535b;background:#f4e9eb;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.pin-help[b-7houk9hrtb]{display:flex;align-items:flex-start;gap:7px;padding:10px;border-radius:11px;color:#5d747c;background:#edf5f7;font-size:10px;line-height:1.45}.status-fields[b-7houk9hrtb]{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:850px){.collaborator-grid[b-7houk9hrtb]{grid-template-columns:1fr}}@media(max-width:560px){.collaborator-heading[b-7houk9hrtb]{align-items:flex-start}.pin-field[b-7houk9hrtb]{flex-direction:column}.pin-field>button[b-7houk9hrtb]{width:100%;justify-content:center}.status-fields[b-7houk9hrtb]{grid-template-columns:1fr}}
/* /Components/Pages/Childs/EntitiesManagmentGeneralPage.razor.rz.scp.css */
.entity-general-grid[b-zbcfo6u206] {
    align-items: flex-start;
}

.essential-panel[b-zbcfo6u206],
.identity-panel[b-zbcfo6u206],
.relation-panel[b-zbcfo6u206] {
    padding: 0 12px 18px;
}

.essential-panel[b-zbcfo6u206] {
    padding: 18px;
    border: 1px solid #ecdfe1;
    border-radius: 16px;
    background: linear-gradient(145deg, #fff, #fffafb);
    box-shadow: 0 12px 30px rgba(72, 41, 47, .06);
}

.entity-section-title[b-zbcfo6u206] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee4e6;
}

.entity-section-title > span[b-zbcfo6u206] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    color: #fff;
    background: #287562;
    font-size: 12px;
    font-weight: 900;
}

.entity-section-title h3[b-zbcfo6u206] {
    margin: 0;
    color: #453236;
    font-size: 16px;
}

.entity-section-title p[b-zbcfo6u206] {
    margin: 1px 0 0;
    color: #917d81;
    font-size: 10px;
}

.entity-section-title.compact[b-zbcfo6u206] {
    margin-bottom: 12px;
}

.entity-role-picker[b-zbcfo6u206] {
    display: grid;
    gap: 8px;
    margin-bottom: 18px;
}

.role-picker-label[b-zbcfo6u206] {
    color: #594347;
    font-size: 12px;
    font-weight: 850;
}

.role-options[b-zbcfo6u206] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.entity-role-option[b-zbcfo6u206] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid #e6d9dc;
    border-radius: 12px;
    color: #6d575c;
    background: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: .16s ease;
}

.entity-role-option:hover[b-zbcfo6u206] {
    color: #bd171d;
    border-color: #e7b9bd;
    background: #fff5f6;
    transform: translateY(-1px);
}

.entity-role-option.is-selected[b-zbcfo6u206] {
    color: #fff;
    border-color: #287562;
    background: linear-gradient(135deg, #e62d33, #c9161d);
    box-shadow: 0 8px 18px rgba(40, 117, 98, .18);
}

.entity-role-picker small[b-zbcfo6u206] {
    color: #9a868a;
    font-size: 10px;
}

[b-zbcfo6u206] .essential-fields .mud-input-control {
    margin-top: 0;
}

.additional-details[b-zbcfo6u206],
.administrative-details[b-zbcfo6u206] {
    overflow: hidden;
    border: 1px solid #eadde0;
    border-radius: 14px;
    background: #fff;
}

.additional-details > summary[b-zbcfo6u206],
.administrative-details > summary[b-zbcfo6u206] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 10px 14px;
    color: #594347;
    background: #fcf9fa;
    cursor: pointer;
    list-style: none;
}

.additional-details > summary[b-zbcfo6u206]::-webkit-details-marker,
.administrative-details > summary[b-zbcfo6u206]::-webkit-details-marker {
    display: none;
}

.summary-icon[b-zbcfo6u206] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 10px;
    color: #287562;
    background: #fff0f1;
}

.additional-details summary > span:nth-child(2)[b-zbcfo6u206],
.administrative-details summary > span:nth-child(2)[b-zbcfo6u206] {
    display: grid;
    flex: 1;
}

.additional-details summary strong[b-zbcfo6u206],
.administrative-details summary strong[b-zbcfo6u206] {
    font-size: 13px;
}

.additional-details summary small[b-zbcfo6u206],
.administrative-details summary small[b-zbcfo6u206] {
    margin-top: 1px;
    color: #988388;
    font-size: 10px;
}

[b-zbcfo6u206] .summary-chevron {
    transition: transform .18s ease;
}

.additional-details[open][b-zbcfo6u206]  .summary-chevron,
.administrative-details[open][b-zbcfo6u206]  .summary-chevron {
    transform: rotate(180deg);
}

.additional-content[b-zbcfo6u206],
.administrative-content[b-zbcfo6u206] {
    padding: 16px;
    border-top: 1px solid #eee4e6;
}

.administrative-details[b-zbcfo6u206] {
    margin-top: 14px;
}

.administrative-cards[b-zbcfo6u206] {
    align-items: stretch;
}

[b-zbcfo6u206] .administrative-cards > .mud-paper {
    flex: 1 1 0;
    border: 1px solid #eee4e6;
    border-radius: 12px;
}

.administrative-fields[b-zbcfo6u206] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.administrative-field-card[b-zbcfo6u206]{display:grid;grid-template-columns:40px 1fr;align-items:start;gap:10px;padding:14px;border:1px solid #e1e9eb;border-radius:13px;background:#f8fbfc}.administrative-field-card>span[b-zbcfo6u206]{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#477080;background:#e7f0f3}.administrative-field-card>div:nth-child(2) strong[b-zbcfo6u206],.administrative-field-card>div:nth-child(2) small[b-zbcfo6u206]{display:block}.administrative-field-card>div:nth-child(2) strong[b-zbcfo6u206]{font-size:12px}.administrative-field-card>div:nth-child(2) small[b-zbcfo6u206]{margin-top:2px;color:#7b898e;font-size:10px}.administrative-field-card>.mud-input-control[b-zbcfo6u206]{grid-column:1/-1}

[b-zbcfo6u206] .identity-panel > .mud-stack {
    gap: 7px;
}

[b-zbcfo6u206] .identity-panel .mud-stack-row {
    align-items: flex-start;
    gap: 12px;
}

[b-zbcfo6u206] .identity-panel .mud-input-control,
[b-zbcfo6u206] .relation-panel .mud-input-control {
    flex: 1 1 0;
}

[b-zbcfo6u206] .relation-tabs > .mud-tabs-tabbar {
    border: 1px solid #eee3e5;
    border-radius: 13px 13px 0 0;
    background: #faf6f7;
}

[b-zbcfo6u206] .relation-tabs .mud-tab {
    color: #715c60;
    font-size: 11px;
    font-weight: 800;
    text-transform: none;
}

[b-zbcfo6u206] .relation-tabs .mud-tab.mud-tab-active {
    color: #287562 !important;
}

[b-zbcfo6u206] .relation-tabs .mud-tabs-panels {
    min-height: 280px;
    border: 1px solid #eee3e5;
    border-top: 0;
    border-radius: 0 0 13px 13px;
    background: #fff;
}

[b-zbcfo6u206] .relation-tabs .mud-table-toolbar {
    background: #fcf9fa;
}

[b-zbcfo6u206] .relation-tabs .mud-table-head {
    background: #faf6f7;
}

@media (max-width: 700px) {
    [b-zbcfo6u206] .identity-panel .mud-stack-row {
        align-items: stretch;
        flex-direction: column;
    }

    .role-options[b-zbcfo6u206] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .entity-role-option[b-zbcfo6u206] {
        justify-content: flex-start;
    }

    .administrative-cards[b-zbcfo6u206] {
        flex-direction: column;
    }

    .administrative-fields[b-zbcfo6u206] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Childs/VehicleWorkHistoryPanel.razor.rz.scp.css */
.vehicle-history-panel[b-5udx8quitq]{display:grid;gap:16px}.vehicle-history-header[b-5udx8quitq]{display:flex;align-items:center;justify-content:space-between;gap:18px}.vehicle-history-title[b-5udx8quitq]{display:flex;align-items:center;gap:12px}.vehicle-history-title>span[b-5udx8quitq]{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;color:#4f6472;background:#eef3f6}.vehicle-history-title small[b-5udx8quitq]{color:#687b87;font-size:9px;font-weight:900;letter-spacing:1.2px}.vehicle-history-title h2[b-5udx8quitq]{margin:2px 0;color:#312326;font-size:20px}.vehicle-history-title p[b-5udx8quitq]{margin:0;color:#8d787c;font-size:11px}.vehicle-history-tools[b-5udx8quitq]{display:flex;align-items:center;gap:8px;min-width:min(620px,55%)}.vehicle-history-tools[b-5udx8quitq]  .mud-input-control{flex:1}.history-create[b-5udx8quitq],.history-refresh[b-5udx8quitq]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 12px;border-radius:11px;font:inherit;font-size:10px;font-weight:850;white-space:nowrap;text-decoration:none;cursor:pointer}.history-create[b-5udx8quitq]{border:1px solid #405661;color:#fff;background:#405661}.history-refresh[b-5udx8quitq]{border:1px solid #dce4e8;color:#536773;background:#f8fafb}.vehicle-history-summary[b-5udx8quitq]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.vehicle-history-summary article[b-5udx8quitq]{padding:11px 13px;border:1px solid #e4e9ec;border-radius:12px;background:#f8fafb}.vehicle-history-summary small[b-5udx8quitq],.vehicle-history-summary strong[b-5udx8quitq]{display:block}.vehicle-history-summary small[b-5udx8quitq]{color:#7e8d96;font-size:9px;text-transform:uppercase}.vehicle-history-summary strong[b-5udx8quitq]{margin-top:3px;font-size:15px}.history-card-list[b-5udx8quitq]{display:grid;gap:9px}.history-card[b-5udx8quitq]{display:grid;grid-template-columns:auto minmax(220px,1.5fr) minmax(105px,.55fr) minmax(105px,.55fr) auto auto;align-items:center;gap:14px;padding:13px;border:1px solid #e1e7ea;border-radius:15px;background:#fff;transition:.15s ease}.history-card:hover[b-5udx8quitq],.history-card.expanded[b-5udx8quitq]{border-color:#cbd6dc;box-shadow:0 9px 24px rgba(44,64,74,.07)}.history-card-icon[b-5udx8quitq]{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#4f6472;background:#eef3f6}.history-card-main>div[b-5udx8quitq]{display:flex;align-items:center;gap:9px}.history-card-main small[b-5udx8quitq]{color:#87969e;font-size:9px;font-weight:800}.history-card-main strong[b-5udx8quitq]{font-size:14px}.history-card-main>span[b-5udx8quitq]{display:block;margin-top:4px;color:#687981;font-size:11px}.history-card-meta small[b-5udx8quitq],.history-card-meta strong[b-5udx8quitq]{display:block}.history-card-meta small[b-5udx8quitq]{color:#87969e;font-size:8px;font-weight:800;text-transform:uppercase}.history-card-meta strong[b-5udx8quitq]{margin-top:3px;color:#465861;font-size:11px}.history-status[b-5udx8quitq]{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.history-status.done[b-5udx8quitq]{color:#17734a;background:#e8f7f0}.history-status.active[b-5udx8quitq]{color:#9b5b00;background:#fff2dc}.history-status.pending[b-5udx8quitq]{color:#516578;background:#edf2f6}.history-card-actions[b-5udx8quitq]{display:flex;gap:6px}.history-card-actions a[b-5udx8quitq],.history-details[b-5udx8quitq]{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:0 10px;border-radius:9px;font:inherit;font-size:9px;font-weight:850;white-space:nowrap;cursor:pointer}.history-card-actions a[b-5udx8quitq]{border:1px solid #cbd6dc;color:#405661;background:#f8fafb;text-decoration:none}.history-details[b-5udx8quitq]{border:1px solid #dce4e8;color:#526671;background:#f8fafb}.history-lines[b-5udx8quitq]{grid-column:1/-1;display:grid;gap:6px;padding:13px;border-radius:12px;background:#f6f9fa}.history-lines header[b-5udx8quitq],.history-line[b-5udx8quitq]{display:grid;grid-template-columns:minmax(220px,1fr) 110px 110px;align-items:center;gap:12px}.history-lines header[b-5udx8quitq]{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #dfe7ea}.history-lines header strong[b-5udx8quitq]{font-size:12px}.history-lines header span[b-5udx8quitq],.history-lines>p[b-5udx8quitq]{margin:0;color:#7d8e97;font-size:10px}.history-line[b-5udx8quitq]{padding:8px 10px;border-radius:9px;background:#fff}.history-line span small[b-5udx8quitq],.history-line span strong[b-5udx8quitq]{display:block}.history-line span small[b-5udx8quitq]{color:#84949c;font-size:8px;font-weight:800}.history-line span strong[b-5udx8quitq]{margin-top:2px;font-size:11px}.history-loading[b-5udx8quitq],.history-empty[b-5udx8quitq]{display:flex;align-items:center;justify-content:center;gap:9px;min-height:170px;color:#7d8e97}.history-empty[b-5udx8quitq]{flex-direction:column;text-align:center}.history-empty .mud-icon-root[b-5udx8quitq]{font-size:34px}.history-empty strong[b-5udx8quitq]{color:#465861}.history-empty span[b-5udx8quitq]{font-size:11px}@media(max-width:1100px){.vehicle-history-header[b-5udx8quitq]{align-items:stretch;flex-direction:column}.vehicle-history-tools[b-5udx8quitq]{min-width:0}.history-card[b-5udx8quitq]{grid-template-columns:auto 1fr auto}.history-card-meta[b-5udx8quitq]{display:none}.history-card-actions[b-5udx8quitq]{grid-column:2/-1}.history-status[b-5udx8quitq]{justify-self:end}.history-lines[b-5udx8quitq]{grid-column:1/-1}}@media(max-width:700px){.vehicle-history-tools[b-5udx8quitq]{display:grid;grid-template-columns:1fr 1fr}.vehicle-history-tools[b-5udx8quitq]  .mud-input-control{grid-column:1/-1}.vehicle-history-summary[b-5udx8quitq]{grid-template-columns:1fr}.history-card[b-5udx8quitq]{grid-template-columns:auto 1fr}.history-status[b-5udx8quitq]{grid-column:2}.history-card-actions[b-5udx8quitq]{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.history-lines[b-5udx8quitq]{grid-column:1/-1}.history-line[b-5udx8quitq]{grid-template-columns:1fr 70px}.history-line span:last-child[b-5udx8quitq]{display:none}}
/* /Components/Pages/Childs/WorkSheetManagmentDetailsPage.razor.rz.scp.css */
.work-details-flow[b-dienhhwdcr] {
    display: grid;
    gap: 15px;
}

.work-details-columns[b-dienhhwdcr] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 15px;
}

.work-details-section[b-dienhhwdcr] {
    min-width: 0;
    padding: 18px;
    border: 1px solid #eadfe1;
    border-radius: 17px;
    background: #fff;
}

.vehicle-section[b-dienhhwdcr] {
    background: linear-gradient(135deg, #fff 0%, #fffafa 100%);
}

.work-details-heading[b-dienhhwdcr] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 17px;
}

.work-details-heading > span:first-child[b-dienhhwdcr] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: #fff;
    background: #317487;
    font-size: 13px;
    font-weight: 900;
}

.work-details-heading h2[b-dienhhwdcr],
.work-details-heading p[b-dienhhwdcr] {
    margin: 0;
}

.work-details-heading h2[b-dienhhwdcr] {
    color: #3c2a2e;
    font-size: 17px;
    font-weight: 850;
}

.work-details-heading p[b-dienhhwdcr] {
    margin-top: 2px;
    color: #8b787c;
    font-size: 11px;
}

.section-complete[b-dienhhwdcr] {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    width: auto !important;
    height: 28px !important;
    margin-left: auto;
    padding: 0 9px;
    border-radius: 999px !important;
    color: #21744a !important;
    background: #eaf8f0 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

.vehicle-entry[b-dienhhwdcr] {
    display: grid;
    grid-template-columns: minmax(210px, 1.15fr) repeat(3, minmax(150px, 1fr));
    align-items: end;
    gap: 12px;
}

.plate-field > label[b-dienhhwdcr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 20px;
    margin-bottom: 4px;
    color: #655155;
    font-size: 11px;
    font-weight: 850;
}

.plate-field > label strong[b-dienhhwdcr] {
    padding: 3px 6px;
    border-radius: 999px;
    color: #185a49;
    background: #fff0f1;
    font-size: 8px;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.vehicle-flags[b-dienhhwdcr] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
}

.vehicle-flag[b-dienhhwdcr] {
    display: flex;
    align-items: center;
    min-width: 210px;
    padding: 5px 10px 5px 3px;
    border: 1px solid #eadfe1;
    border-radius: 13px;
    background: #fbf8f9;
}

.vehicle-flag.selected.urgent[b-dienhhwdcr] {
    border-color: #efb7bb;
    background: #fff1f2;
}

.vehicle-flag.selected.tow[b-dienhhwdcr] {
    border-color: #efd09b;
    background: #fff8e9;
}

.vehicle-flag strong[b-dienhhwdcr],
.vehicle-flag span[b-dienhhwdcr] {
    display: block;
}

.vehicle-flag strong[b-dienhhwdcr] {
    color: #594448;
    font-size: 11px;
}

.vehicle-flag span[b-dienhhwdcr] {
    margin-top: 1px;
    color: #948185;
    font-size: 9px;
}

.work-fields[b-dienhhwdcr] {
    display: grid;
    gap: 11px;
}

.work-fields.two-columns[b-dienhhwdcr] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.client-quick-select[b-dienhhwdcr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
    margin-bottom: 11px;
}

.client-quick-select[b-dienhhwdcr] >  .mud-button-root {
    min-height: 56px;
    padding-inline: 18px;
    border-radius: 11px;
    white-space: nowrap;
}

.client-search-result[b-dienhhwdcr] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
}

.client-search-result > span[b-dienhhwdcr] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #fff;
    background: #317487;
    font-size: 10px;
    font-weight: 900;
}

.client-search-result strong[b-dienhhwdcr],
.client-search-result small[b-dienhhwdcr] { display: block; }
.client-search-result strong[b-dienhhwdcr] { color: #31423e; font-size: 12px; }
.client-search-result small[b-dienhhwdcr] { margin-top: 2px; color: #7e918b; font-size: 10px; }

.work-details-section > .work-fields[b-dienhhwdcr],
.work-details-section[b-dienhhwdcr] >  .mud-input-control {
    margin-bottom: 10px;
}

.no-customers-callout[b-dienhhwdcr] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: -1px 0 11px;
    padding: 10px 11px;
    border: 1px solid #efd09b;
    border-radius: 12px;
    color: #86550f;
    background: #fff8e9;
}

.no-customers-callout span[b-dienhhwdcr] { flex: 1; }
.no-customers-callout strong[b-dienhhwdcr],
.no-customers-callout small[b-dienhhwdcr] { display: block; }
.no-customers-callout strong[b-dienhhwdcr] { font-size: 11px; }
.no-customers-callout small[b-dienhhwdcr] { margin-top: 2px; color: #9a733c; font-size: 9px; }
.no-customers-callout button[b-dienhhwdcr] { padding: 7px 9px; border: 1px solid #e5ba72; border-radius: 9px; color: #80500d; background: #fff; font-size: 9px; font-weight: 850; cursor: pointer; }

.client-address[b-dienhhwdcr] {
    margin-top: 5px;
    border: 1px solid #eee3e5;
    border-radius: 13px;
    background: #fbf8f9;
}

.client-address summary[b-dienhhwdcr] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    padding: 0 12px;
    color: #604b4f;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
    list-style: none;
}

.client-address summary[b-dienhhwdcr]::-webkit-details-marker {
    display: none;
}

.client-address summary span[b-dienhhwdcr] {
    margin-left: auto;
    color: #9b898c;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.client-address-fields[b-dienhhwdcr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 3px 12px 12px;
}

[b-dienhhwdcr] .mud-input-outlined-border {
    border-color: #dfd2d5 !important;
}

[b-dienhhwdcr] .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: #287562 !important;
}

@media (max-width: 1100px) {
    .vehicle-entry[b-dienhhwdcr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .work-details-columns[b-dienhhwdcr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .work-details-section[b-dienhhwdcr] {
        padding: 14px;
    }

    .vehicle-entry[b-dienhhwdcr],
    .work-fields.two-columns[b-dienhhwdcr],
    .client-address-fields[b-dienhhwdcr],
    .client-quick-select[b-dienhhwdcr] {
        grid-template-columns: 1fr;
    }

    .vehicle-flags[b-dienhhwdcr] {
        align-items: stretch;
        flex-direction: column;
    }

    .vehicle-flag[b-dienhhwdcr] {
        width: 100%;
    }

    .section-complete[b-dienhhwdcr] {
        display: none !important;
    }
}
/* /Components/Pages/Childs/WorksheetManagmentMovementsPage.razor.rz.scp.css */
.movement-workspace[b-net8vrqptl] { display: grid; gap: 14px; }
.movement-header[b-net8vrqptl] { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.movement-header span[b-net8vrqptl] { color:#287562; font-size:10px; font-weight:850; letter-spacing:1.2px; text-transform:uppercase; }
.movement-header h2[b-net8vrqptl] { margin:3px 0 0; color:#3d2b2e; font-size:20px; font-weight:850; }
.movement-header p[b-net8vrqptl] { margin:3px 0 0; color:#8a777b; font-size:11px; }
.movement-primary-action[b-net8vrqptl] { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:0 15px; border:1px solid #287562; border-radius:12px; color:#fff; background:linear-gradient(135deg,#1f6956,#349078); font:inherit; font-size:12px; font-weight:850; cursor:pointer; }
.movement-summary[b-net8vrqptl] { display:grid; grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); gap:10px; }
.movement-summary article[b-net8vrqptl] { padding:10px 13px; border:1px solid #eadfe1; border-radius:13px; background:#faf7f8; }
.movement-summary strong[b-net8vrqptl],.movement-summary span[b-net8vrqptl] { display:block; }
.movement-summary strong[b-net8vrqptl] { color:#1f6956; font-size:19px; }
.movement-summary span[b-net8vrqptl] { margin-top:2px; color:#8d7a7e; font-size:10px; }
.movement-summary .success strong[b-net8vrqptl] { color:#21744a; }
.movement-summary .cost[b-net8vrqptl] { background:#fff9ed; }
.movement-summary .cost strong[b-net8vrqptl] { color:#9a650d; }
.movement-summary .margin[b-net8vrqptl] { background:#eef9f3; }
.movement-summary .margin strong[b-net8vrqptl] { color:#21744a; }
.movement-summary .total[b-net8vrqptl] { background:#fff5f6; }
.movement-summary .total strong[b-net8vrqptl] { color:#185a49; }
.movement-table-surface[b-net8vrqptl] { max-width:100%; overflow-x:auto; overflow-y:hidden; border:1px solid #eadfe1; border-radius:15px; }
.movement-empty[b-net8vrqptl] { display:grid; justify-items:center; gap:5px; padding:48px 20px; color:#a08d91; text-align:center; }
.movement-empty strong[b-net8vrqptl] { color:#604b4f; font-size:14px; }
.movement-empty span[b-net8vrqptl] { font-size:10px; }
[b-net8vrqptl] .movement-table .mud-table-toolbar { min-height:60px; background:#faf7f8; }
[b-net8vrqptl] .movement-table .mud-table-head { background:#f7f2f3; }
[b-net8vrqptl] .movement-table .mud-table-head .mud-table-cell { color:#715d61; font-size:10px; font-weight:850; text-transform:uppercase; }
[b-net8vrqptl] .movement-table .mud-table-row:hover { background:#fff5f6 !important; }
[b-net8vrqptl] .movement-table .mud-table-container { overflow-x:auto; }
[b-net8vrqptl] .movement-table table { min-width:1515px; table-layout:fixed; }
[b-net8vrqptl] .movement-table .mud-table-cell { min-width:0; padding:12px 10px; border-color:#f0e7e9; overflow:visible; white-space:normal; }
[b-net8vrqptl] .movement-table .mud-table-cell:nth-child(1) { min-width:150px; }
[b-net8vrqptl] .movement-table .mud-table-cell:nth-child(2) { min-width:250px; }
[b-net8vrqptl] .movement-table .mud-table-cell:nth-child(3) { min-width:100px; }
[b-net8vrqptl] .movement-table .mud-table-cell:nth-child(4) { min-width:170px; }
[b-net8vrqptl] .movement-table .mud-table-cell:nth-child(5) { min-width:110px; }
[b-net8vrqptl] .movement-table .mud-table-cell:nth-child(6) { min-width:130px; }
[b-net8vrqptl] .movement-table .mud-table-cell:nth-child(7) { min-width:125px; }
[b-net8vrqptl] .movement-table .mud-table-cell:nth-child(8) { min-width:105px; }
[b-net8vrqptl] .movement-table .mud-table-cell:nth-child(9) { min-width:135px; }
[b-net8vrqptl] .movement-table .mud-input-control { width:100%; min-width:0; margin:0; }
[b-net8vrqptl] .movement-table .mud-input-slot { overflow:visible; text-overflow:clip; }
.line-category[b-net8vrqptl] { display:inline-flex; padding:5px 7px; border-radius:7px; color:#775e32; background:#fff6e5; font-size:9px; font-weight:850; white-space:nowrap; }
.line-category.service[b-net8vrqptl] { color:#27644f; background:#eaf7f2; }
@media print { .movement-primary-action[b-net8vrqptl],.mud-table-toolbar[b-net8vrqptl],.mud-table-pagination[b-net8vrqptl],.mud-table-cell:last-child[b-net8vrqptl] { display:none!important; } .movement-table-surface[b-net8vrqptl] { overflow:visible; border:0; } }
@media(max-width:650px){.movement-header[b-net8vrqptl]{align-items:stretch;flex-direction:column}.movement-summary[b-net8vrqptl]{grid-template-columns:1fr}.movement-primary-action[b-net8vrqptl]{width:100%}}
/* /Components/Pages/Childs/WorkSheetManagmentTasksPage.razor.rz.scp.css */
.task-board[b-htb8rtjo1y]{display:grid;gap:15px}.task-board-header[b-htb8rtjo1y]{display:flex;align-items:center;justify-content:space-between;gap:18px}.task-board-title[b-htb8rtjo1y]{display:flex;align-items:center;gap:12px}.task-board-title>span[b-htb8rtjo1y]{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#4e6471;background:#edf3f6}.task-board-title small[b-htb8rtjo1y]{color:#667b87;font-size:9px;font-weight:900;letter-spacing:1.1px}.task-board-title h2[b-htb8rtjo1y]{margin:2px 0;color:#302326;font-size:21px}.task-board-title p[b-htb8rtjo1y]{margin:0;color:#89767a;font-size:11px}.task-add[b-htb8rtjo1y]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:0 15px;border:1px solid #405661;border-radius:12px;color:#fff;background:#405661;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.task-dashboard[b-htb8rtjo1y]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.task-dashboard article[b-htb8rtjo1y]{padding:11px 13px;border:1px solid #e2e8eb;border-radius:13px;background:#f8fafb}.task-dashboard small[b-htb8rtjo1y],.task-dashboard strong[b-htb8rtjo1y]{display:block}.task-dashboard small[b-htb8rtjo1y]{color:#7c8b94;font-size:9px;text-transform:uppercase}.task-dashboard strong[b-htb8rtjo1y]{margin-top:3px;font-size:18px}.task-dashboard .pending strong[b-htb8rtjo1y]{color:#a06006}.task-dashboard .done strong[b-htb8rtjo1y]{color:#19744b}.task-toolbar[b-htb8rtjo1y]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px;border:1px solid #e2e8eb;border-radius:14px;background:#f8fafb}.task-toolbar[b-htb8rtjo1y]  .mud-input-control{max-width:390px}.task-filters[b-htb8rtjo1y]{display:flex;gap:5px}.task-filters button[b-htb8rtjo1y]{display:inline-flex;align-items:center;gap:6px;min-height:35px;padding:0 10px;border:1px solid transparent;border-radius:9px;color:#657780;background:transparent;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.task-filters button span[b-htb8rtjo1y]{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e7edf0}.task-filters button.active[b-htb8rtjo1y]{border-color:#cbd7dc;color:#334a55;background:#fff}.task-list[b-htb8rtjo1y]{display:grid;gap:10px}.task-card[b-htb8rtjo1y]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:13px;padding:14px;border:1px solid #dfe6e9;border-radius:16px;background:#fff;transition:.15s ease}.task-card:hover[b-htb8rtjo1y]{border-color:#c6d2d8;box-shadow:0 9px 25px rgba(45,61,69,.07)}.task-card.completed[b-htb8rtjo1y]{background:#f7fbf9}.task-check[b-htb8rtjo1y]{display:grid;place-items:center;width:39px;height:39px;border:0;border-radius:12px;color:#9b6a1a;background:#fff4df;cursor:pointer}.task-card.completed .task-check[b-htb8rtjo1y]{color:#19744b;background:#e6f6ee}.task-content[b-htb8rtjo1y]{display:grid;gap:10px}.task-heading[b-htb8rtjo1y]{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-heading small[b-htb8rtjo1y]{color:#87979f;font-size:9px}.task-state[b-htb8rtjo1y]{color:#9c620d;font-size:8px;font-weight:900;letter-spacing:.8px}.completed .task-state[b-htb8rtjo1y]{color:#19744b}.task-content h3[b-htb8rtjo1y]{margin:0;font-size:14px}.task-fields[b-htb8rtjo1y]{display:grid;grid-template-columns:1fr 1.25fr .7fr;gap:9px}.task-notes[b-htb8rtjo1y]{padding-top:3px}.task-actions[b-htb8rtjo1y]{display:flex;gap:5px}.task-actions button[b-htb8rtjo1y]{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce4e8;border-radius:10px;color:#526671;background:#f8fafb;cursor:pointer}.task-actions button.active[b-htb8rtjo1y]{color:#5d4eb0;background:#f0edff}.task-actions button.save[b-htb8rtjo1y]{color:#19744b;background:#eaf7f1}.task-actions button.delete[b-htb8rtjo1y]{color:#b8171e;background:#fff3f4}.task-empty[b-htb8rtjo1y]{display:grid;justify-items:center;gap:5px;min-height:220px;padding:45px;color:#84949c;text-align:center}.task-empty .mud-icon-root[b-htb8rtjo1y]{font-size:38px}.task-empty strong[b-htb8rtjo1y]{color:#455861}.task-empty span[b-htb8rtjo1y]{font-size:10px}@media(max-width:950px){.task-dashboard[b-htb8rtjo1y]{grid-template-columns:repeat(2,1fr)}.task-card[b-htb8rtjo1y]{grid-template-columns:auto 1fr}.task-actions[b-htb8rtjo1y]{grid-column:2}.task-fields[b-htb8rtjo1y]{grid-template-columns:1fr 1fr}}@media(max-width:650px){.task-board-header[b-htb8rtjo1y],.task-toolbar[b-htb8rtjo1y]{align-items:stretch;flex-direction:column}.task-add[b-htb8rtjo1y]{width:100%}.task-dashboard[b-htb8rtjo1y]{grid-template-columns:1fr 1fr}.task-toolbar[b-htb8rtjo1y]  .mud-input-control{max-width:none}.task-filters[b-htb8rtjo1y]{display:grid;grid-template-columns:repeat(3,1fr)}.task-fields[b-htb8rtjo1y]{grid-template-columns:1fr}.task-card[b-htb8rtjo1y]{grid-template-columns:1fr}.task-check[b-htb8rtjo1y]{position:absolute}.task-content[b-htb8rtjo1y]{padding-left:50px}.task-actions[b-htb8rtjo1y]{grid-column:1;justify-content:flex-end}}
/* /Components/Pages/Childs/WorkSheetManagmentTimesPage.razor.rz.scp.css */
.times-workspace[b-xpa2dpttxs] { display:grid; gap:14px; }
.times-header[b-xpa2dpttxs] { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.times-header > div:first-child > span[b-xpa2dpttxs] { color:#287562; font-size:10px; font-weight:850; letter-spacing:1.2px; text-transform:uppercase; }
.times-header h2[b-xpa2dpttxs] { margin:3px 0 0; color:#3d2b2e; font-size:20px; font-weight:850; }
.times-header p[b-xpa2dpttxs] { margin:3px 0 0; color:#8a777b; font-size:11px; }
.times-total[b-xpa2dpttxs] { display:flex; align-items:center; gap:9px; min-width:155px; padding:10px 13px; border:1px solid #efcdd0; border-radius:13px; color:#1f6956; background:#fff3f4; }
.times-total strong[b-xpa2dpttxs],.times-total span[b-xpa2dpttxs] { display:block; }
.times-total strong[b-xpa2dpttxs] { font-size:15px; }
.times-total span[b-xpa2dpttxs] { color:#98777c; font-size:9px; text-transform:uppercase; }
.times-summary[b-xpa2dpttxs] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.times-summary article[b-xpa2dpttxs] { padding:10px 13px; border:1px solid #eadfe1; border-radius:13px; background:#faf7f8; }
.times-summary strong[b-xpa2dpttxs],.times-summary span[b-xpa2dpttxs] { display:block; }
.times-summary strong[b-xpa2dpttxs] { color:#544045; font-size:19px; }
.times-summary span[b-xpa2dpttxs] { margin-top:2px; color:#8d7a7e; font-size:10px; }
.times-summary .accent strong[b-xpa2dpttxs] { color:#1f6956; }
.times-table-surface[b-xpa2dpttxs] { overflow:hidden; border:1px solid #eadfe1; border-radius:15px; }
.times-empty[b-xpa2dpttxs] { display:grid; justify-items:center; gap:5px; padding:48px 20px; color:#a08d91; text-align:center; }
.times-empty strong[b-xpa2dpttxs] { color:#604b4f; font-size:14px; }
.times-empty span[b-xpa2dpttxs] { font-size:10px; }
[b-xpa2dpttxs] .times-table .mud-table-head { background:#f7f2f3; }
[b-xpa2dpttxs] .times-table .mud-table-head .mud-table-cell { color:#715d61; font-size:10px; font-weight:850; text-transform:uppercase; }
[b-xpa2dpttxs] .times-table .mud-table-row:hover { background:#fff5f6 !important; }
[b-xpa2dpttxs] .times-table .mud-table-cell { border-color:#f0e7e9; }
.time-edit-button[b-xpa2dpttxs] { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:0 10px; border:1px solid #cbdad4; border-radius:9px; color:#296a50; background:#f3faf7; font-size:9px; font-weight:850; white-space:nowrap; cursor:pointer; }
.time-edit-button:hover[b-xpa2dpttxs] { color:#fff; background:#296a50; }
@media(max-width:650px){.times-header[b-xpa2dpttxs]{align-items:stretch;flex-direction:column}.times-summary[b-xpa2dpttxs]{grid-template-columns:1fr}.times-total[b-xpa2dpttxs]{width:100%}}
/* /Components/Pages/Childs/WorksheetMovementCardsPage.razor.rz.scp.css */
.lines-workspace[b-01m3r0eufz]{display:grid;gap:15px}.lines-header[b-01m3r0eufz]{display:flex;align-items:center;justify-content:space-between;gap:18px}.lines-title[b-01m3r0eufz]{display:flex;align-items:center;gap:12px}.lines-title>span[b-01m3r0eufz]{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#4f6472;background:#eef3f6}.lines-title small[b-01m3r0eufz]{color:#687b87;font-size:9px;font-weight:900;letter-spacing:1.1px}.lines-title h2[b-01m3r0eufz]{margin:2px 0;color:#302326;font-size:21px}.lines-title p[b-01m3r0eufz]{margin:0;color:#89767a;font-size:11px}.line-add[b-01m3r0eufz]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:0 15px;border:1px solid #405661;border-radius:12px;color:#fff;background:#405661;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.lines-kpis[b-01m3r0eufz]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.lines-kpis article[b-01m3r0eufz]{padding:11px 13px;border:1px solid #e2e8eb;border-radius:13px;background:#f8fafb}.lines-kpis small[b-01m3r0eufz],.lines-kpis strong[b-01m3r0eufz]{display:block}.lines-kpis small[b-01m3r0eufz]{color:#7c8b94;font-size:9px;text-transform:uppercase}.lines-kpis strong[b-01m3r0eufz]{margin-top:3px;font-size:17px}.lines-kpis .total[b-01m3r0eufz]{color:#19744b;background:#edf8f3}.lines-toolbar[b-01m3r0eufz]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px;border:1px solid #e2e8eb;border-radius:14px;background:#f8fafb}.lines-toolbar[b-01m3r0eufz]  .mud-input-control{max-width:400px}.line-filters[b-01m3r0eufz]{display:flex;gap:5px}.line-filters button[b-01m3r0eufz]{display:inline-flex;align-items:center;gap:6px;min-height:35px;padding:0 10px;border:1px solid transparent;border-radius:9px;color:#657780;background:transparent;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.line-filters button span[b-01m3r0eufz]{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#e7edf0}.line-filters button.active[b-01m3r0eufz]{border-color:#cbd7dc;color:#334a55;background:#fff}.lines-layout[b-01m3r0eufz]{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:13px}.line-list[b-01m3r0eufz]{display:grid;gap:9px}.line-card[b-01m3r0eufz]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:13px;padding:14px;border:1px solid #dfe6e9;border-radius:16px;background:#fff}.line-card:hover[b-01m3r0eufz],.line-card.editing[b-01m3r0eufz]{border-color:#c5d2d8;box-shadow:0 9px 25px rgba(45,61,69,.07)}.line-card.completed[b-01m3r0eufz]{background:#f7fbf9}.line-card-icon[b-01m3r0eufz]{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;color:#526773;background:#eef3f6}.line-card-heading[b-01m3r0eufz]{display:flex;align-items:center;gap:8px}.line-card-heading small[b-01m3r0eufz]{color:#7f9098;font-size:9px;font-weight:800}.line-kind[b-01m3r0eufz]{padding:4px 7px;border-radius:999px;color:#85600d;background:#fff4db;font-size:8px;font-weight:900}.line-kind.service[b-01m3r0eufz]{color:#19744b;background:#e8f7f0}.line-card h3[b-01m3r0eufz]{margin:7px 0 9px;font-size:14px}.line-card-values[b-01m3r0eufz]{display:grid;grid-template-columns:repeat(5,minmax(75px,1fr));gap:7px}.line-card-values span[b-01m3r0eufz]{padding:7px 8px;border-radius:9px;background:#f7f9fa}.line-card-values small[b-01m3r0eufz],.line-card-values strong[b-01m3r0eufz]{display:block}.line-card-values small[b-01m3r0eufz]{color:#85959d;font-size:8px}.line-card-values strong[b-01m3r0eufz]{margin-top:2px;font-size:11px}.line-card-values .net[b-01m3r0eufz]{color:#19744b;background:#edf8f3}.line-actions[b-01m3r0eufz]{display:flex;gap:5px}.line-actions button[b-01m3r0eufz]{display:grid;place-items:center;width:35px;height:35px;border:1px solid #dce4e8;border-radius:10px;color:#526671;background:#f8fafb;cursor:pointer}.line-actions button.active[b-01m3r0eufz]{color:#5c4db0;background:#f0edff}.line-actions .complete[b-01m3r0eufz]{color:#19744b;background:#edf8f3}.line-actions .delete[b-01m3r0eufz]{color:#b8171e;background:#fff3f4}.line-editor[b-01m3r0eufz]{grid-column:1/-1;display:grid;gap:10px;padding:13px;border:1px solid #dce5e9;border-radius:13px;background:#f7fafb}.line-editor-main[b-01m3r0eufz]{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:9px}.line-editor-values[b-01m3r0eufz]{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.line-editor-footer[b-01m3r0eufz]{display:flex;align-items:center;justify-content:flex-end;gap:8px}.line-editor-footer>span[b-01m3r0eufz]{margin-right:auto;color:#667983;font-size:10px}.line-editor-footer>span strong[b-01m3r0eufz]{margin-left:5px;color:#19744b;font-size:14px}.line-cancel[b-01m3r0eufz],.line-save[b-01m3r0eufz]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border-radius:10px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.line-cancel[b-01m3r0eufz]{border:1px solid #dce4e8;color:#526671;background:#fff}.line-save[b-01m3r0eufz]{border:1px solid #19744b;color:#fff;background:#19744b}.totals-card[b-01m3r0eufz]{position:sticky;top:84px;overflow:hidden;border:1px solid #dce5e9;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(45,61,69,.07)}.totals-card header[b-01m3r0eufz]{display:flex;align-items:center;gap:10px;padding:14px;background:#f4f8fa}.totals-card header>span[b-01m3r0eufz]{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#4f6472;background:#fff}.totals-card header small[b-01m3r0eufz]{color:#71838d;font-size:8px;font-weight:900;letter-spacing:.8px}.totals-card header h3[b-01m3r0eufz]{margin:2px 0;font-size:13px}.totals-card dl[b-01m3r0eufz]{display:grid;gap:0;margin:0;padding:8px 15px}.totals-card dl div[b-01m3r0eufz]{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf1f2}.totals-card dt[b-01m3r0eufz]{color:#6f818a;font-size:10px}.totals-card dd[b-01m3r0eufz]{margin:0;font-size:11px;font-weight:800}.grand-total[b-01m3r0eufz]{padding:15px;color:#fff;background:#405661}.grand-total small[b-01m3r0eufz],.grand-total strong[b-01m3r0eufz],.grand-total span[b-01m3r0eufz]{display:block}.grand-total small[b-01m3r0eufz]{font-size:8px;font-weight:900;letter-spacing:.8px}.grand-total strong[b-01m3r0eufz]{margin-top:3px;font-size:25px}.grand-total span[b-01m3r0eufz]{font-size:9px;opacity:.75}.margin-summary[b-01m3r0eufz]{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e5ebee}.margin-summary span[b-01m3r0eufz]{padding:11px;background:#f8fafb}.margin-summary small[b-01m3r0eufz],.margin-summary strong[b-01m3r0eufz]{display:block}.margin-summary small[b-01m3r0eufz]{color:#7b8c95;font-size:8px}.margin-summary strong[b-01m3r0eufz]{margin-top:2px;font-size:11px}.margin-summary .negative strong[b-01m3r0eufz]{color:#b8171e}.line-empty[b-01m3r0eufz]{display:grid;justify-items:center;gap:5px;min-height:250px;padding:45px;color:#84949c;text-align:center}.line-empty .mud-icon-root[b-01m3r0eufz]{font-size:38px}.line-empty strong[b-01m3r0eufz]{color:#455861}.line-empty span[b-01m3r0eufz]{font-size:10px}@media(max-width:1100px){.lines-layout[b-01m3r0eufz]{grid-template-columns:1fr}.totals-card[b-01m3r0eufz]{position:static}.line-card-values[b-01m3r0eufz]{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.lines-header[b-01m3r0eufz],.lines-toolbar[b-01m3r0eufz]{align-items:stretch;flex-direction:column}.line-add[b-01m3r0eufz]{width:100%}.lines-kpis[b-01m3r0eufz]{grid-template-columns:1fr 1fr}.lines-toolbar[b-01m3r0eufz]  .mud-input-control{max-width:none}.line-filters[b-01m3r0eufz]{display:grid;grid-template-columns:repeat(3,1fr)}.line-card[b-01m3r0eufz]{grid-template-columns:auto 1fr}.line-actions[b-01m3r0eufz]{grid-column:2}.line-card-values[b-01m3r0eufz]{grid-template-columns:1fr 1fr}.line-editor-main[b-01m3r0eufz],.line-editor-values[b-01m3r0eufz]{grid-template-columns:1fr}.line-editor-footer[b-01m3r0eufz]{align-items:stretch;flex-direction:column}.line-editor-footer>span[b-01m3r0eufz]{margin:0}.line-cancel[b-01m3r0eufz],.line-save[b-01m3r0eufz]{width:100%}}
/* /Components/Pages/Childs/WorkStationHistoryPage.razor.rz.scp.css */
.audit-workspace[b-zbs5niv3dq]{display:grid;gap:16px;padding:18px;background:#f8f7f7}.audit-workspace>header[b-zbs5niv3dq]{display:flex;align-items:center;gap:12px}.audit-workspace>header>span[b-zbs5niv3dq]{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#526c7c;background:#e9f0f3}.audit-workspace header small[b-zbs5niv3dq]{color:#526c7c;font-size:8px;font-weight:900;letter-spacing:1px}.audit-workspace header h2[b-zbs5niv3dq]{margin:2px 0;color:#302528;font-size:21px}.audit-workspace header p[b-zbs5niv3dq]{margin:0;color:#8c797d;font-size:10px}.audit-list[b-zbs5niv3dq]{display:grid;gap:8px}.audit-list article[b-zbs5niv3dq]{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:12px 14px;border:1px solid #e7dddf;border-radius:14px;background:#fff}.audit-icon[b-zbs5niv3dq]{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#526c7c;background:#e9f0f3}.audit-icon.quality[b-zbs5niv3dq]{color:#176c52;background:#e8f6f0}.audit-icon.finish[b-zbs5niv3dq],.audit-icon.delivery[b-zbs5niv3dq]{color:#fff;background:#21805e}.audit-icon.state[b-zbs5niv3dq]{color:#9a6109;background:#fff1cf}.audit-list strong[b-zbs5niv3dq],.audit-list p[b-zbs5niv3dq],.audit-list small[b-zbs5niv3dq],.audit-list time span[b-zbs5niv3dq]{display:block}.audit-list article>div>strong[b-zbs5niv3dq]{color:#413235;font-size:11px}.audit-list p[b-zbs5niv3dq]{margin:3px 0;color:#88757a;font-size:9px}.audit-list small[b-zbs5niv3dq]{color:#a18d91;font-size:8px}.audit-list time[b-zbs5niv3dq]{text-align:right}.audit-list time strong[b-zbs5niv3dq]{color:#403135;font-size:12px}.audit-list time span[b-zbs5niv3dq]{color:#9b878b;font-size:8px}.audit-empty[b-zbs5niv3dq]{display:grid;justify-items:center;gap:5px;padding:50px;border:1px dashed #d9cdd0;border-radius:15px;color:#9c898d;background:#fff;text-align:center}.audit-empty svg[b-zbs5niv3dq]{font-size:36px}.audit-empty strong[b-zbs5niv3dq]{color:#544448;font-size:13px}.audit-empty span[b-zbs5niv3dq]{font-size:9px}
/* /Components/Pages/Childs/WorkStationMovementsPage.razor.rz.scp.css */
.material-overview[b-s3fsltnf0h] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:18px;
    border-bottom:1px solid #eee5e6;
    background:linear-gradient(135deg,#fff,#faf7f7);
}

.material-overview-copy[b-s3fsltnf0h] { display:flex; align-items:center; gap:12px; min-width:0; }
.material-overview-copy>span[b-s3fsltnf0h] { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:13px; color:#526c7c; background:#e9f0f3; }
.material-overview-copy small[b-s3fsltnf0h] { color:#a08b8f; font-size:8px; font-weight:850; letter-spacing:.8px; }
.material-overview-copy h2[b-s3fsltnf0h] { margin:2px 0; color:#33282a; font-size:20px; }
.material-overview-copy p[b-s3fsltnf0h] { margin:0; color:#88777b; font-size:9px; }
.material-overview-actions[b-s3fsltnf0h] { display:flex; align-items:stretch; gap:8px; }
.material-overview-actions article[b-s3fsltnf0h] { display:grid; align-content:center; min-width:82px; padding:8px 11px; border:1px solid #e8dee0; border-radius:11px; background:#fff; }
.material-overview-actions article strong[b-s3fsltnf0h],.material-overview-actions article small[b-s3fsltnf0h] { display:block; }
.material-overview-actions article strong[b-s3fsltnf0h] { color:#3d3033; font-size:13px; }
.material-overview-actions article small[b-s3fsltnf0h] { margin-top:2px; color:#9b878b; font-size:8px; }
.material-overview-actions article.total strong[b-s3fsltnf0h] { color:#187556; }
.material-overview-actions article.pending[b-s3fsltnf0h] { border-color:#efd399; background:#fff8e8; }
.material-overview-actions article.pending strong[b-s3fsltnf0h] { color:#a15b00; }
.material-overview-actions button[b-s3fsltnf0h] { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:0 15px; border:0; border-radius:11px; color:#fff; background:#526c7c; font:inherit; font-size:10px; font-weight:850; cursor:pointer; }

.material-entry-panel[b-s3fsltnf0h] {
    display: grid;
    gap: 14px;
    margin: 14px;
    padding: 16px;
    border: 1px solid #dbe3e7;
    border-radius: 15px;
    background: #f7fafb;
}

.material-entry-heading[b-s3fsltnf0h] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.material-entry-heading > span[b-s3fsltnf0h] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    color: #526c7c;
    background: #e7eff3;
}

.material-entry-heading strong[b-s3fsltnf0h],
.material-entry-heading small[b-s3fsltnf0h] { display:block; }
.material-entry-heading strong[b-s3fsltnf0h] { color:#352a2c; font-size:14px; }
.material-entry-heading small[b-s3fsltnf0h] { margin-top:2px; color:#88797c; font-size:9px; }

.material-entry-fields[b-s3fsltnf0h] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 150px auto;
    gap: 10px;
    align-items: start;
}

.material-entry-actions[b-s3fsltnf0h] {
    display: flex;
    gap: 7px;
    min-height: 40px;
}

.material-entry-actions button[b-s3fsltnf0h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 13px;
    border-radius: 10px;
    font: inherit;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
}

.material-entry-actions .cancel[b-s3fsltnf0h] { border:1px solid #ddd2d4; color:#645458; background:#fff; }
.material-entry-actions .save[b-s3fsltnf0h] { border:1px solid #516c7b; color:#fff; background:#516c7b; }
.material-entry-actions .save:disabled[b-s3fsltnf0h] { cursor:not-allowed; opacity:.45; }

.selected-material-preview[b-s3fsltnf0h] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border-radius: 10px;
    color: #176c52;
    background: #e9f7f1;
}

.selected-material-preview>div:nth-child(2)[b-s3fsltnf0h] { flex:1; min-width:0; }
.selected-material-values[b-s3fsltnf0h] { display:flex; gap:7px; margin-left:auto; }
.selected-material-values>span[b-s3fsltnf0h] { min-width:88px; padding:6px 9px; border:1px solid #cce8dc; border-radius:8px; background:#fff; }
.selected-material-values small[b-s3fsltnf0h],.selected-material-values strong[b-s3fsltnf0h] { display:block; }
.selected-material-values small[b-s3fsltnf0h] { color:#699180; font-size:7px; }
.selected-material-values strong[b-s3fsltnf0h] { margin-top:2px; color:#176c52; font-size:10px; }

.selected-material-preview strong[b-s3fsltnf0h],
.selected-material-preview small[b-s3fsltnf0h] { display:block; }
.selected-material-preview strong[b-s3fsltnf0h] { font-size:11px; }
.selected-material-preview small[b-s3fsltnf0h] { margin-top:2px; font-size:9px; }

.material-parts-alert[b-s3fsltnf0h] {
    display:flex;
    align-items:center;
    gap:11px;
    margin:14px 14px 0;
    padding:12px 14px;
    border:1px solid #efcf8b;
    border-radius:13px;
    color:#80500d;
    background:#fff8e7;
}
.material-parts-alert>span[b-s3fsltnf0h] { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:#995d00; background:#ffebbb; }
.material-parts-alert>div[b-s3fsltnf0h] { display:grid; gap:2px; min-width:0; }
.material-parts-alert strong[b-s3fsltnf0h] { font-size:12px; }
.material-parts-alert small[b-s3fsltnf0h] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#9a6c2d; font-size:9px; }
.material-parts-alert em[b-s3fsltnf0h] { margin-left:auto; color:#9a6c2d; font-size:9px; font-style:normal; }

.material-status-button[b-s3fsltnf0h] {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-width:126px;
    min-height:34px;
    padding:0 9px;
    border:1px solid transparent;
    border-radius:9px;
    font:inherit;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}
.material-status-button.available[b-s3fsltnf0h] { color:#3c6573; border-color:#d3e2e7; background:#edf5f7; }
.material-status-button.missing[b-s3fsltnf0h] { color:#a34f00; border-color:#efc37e; background:#fff3d9; }
.material-status-button.ordered[b-s3fsltnf0h] { color:#6c52a3; border-color:#ded2f1; background:#f4effb; }
.material-status-button.applied[b-s3fsltnf0h] { color:#167457; border-color:#c8e8dc; background:#eaf7f2; }

.material-status-select[b-s3fsltnf0h] { min-width:138px; }
.material-status-select[b-s3fsltnf0h]  .mud-input-control { margin:0; }
.material-status-select[b-s3fsltnf0h]  .mud-input { min-height:40px; border-radius:10px; background:#f7fafb; }
.material-status-select[b-s3fsltnf0h]  .mud-select-input { font-size:.78rem; font-weight:800; padding-top:10px; padding-bottom:10px; }

@media (max-width: 760px) {
    .material-overview[b-s3fsltnf0h] { align-items:stretch; flex-direction:column; }
    .material-overview-actions[b-s3fsltnf0h] { flex-wrap:wrap; }
    .material-overview-actions article[b-s3fsltnf0h] { flex:1; }
    .material-overview-actions button[b-s3fsltnf0h] { width:100%; }
    .material-entry-fields[b-s3fsltnf0h] { grid-template-columns:1fr; }
    .material-entry-actions button[b-s3fsltnf0h] { flex:1; }
    .selected-material-preview[b-s3fsltnf0h] { align-items:flex-start; flex-wrap:wrap; }
    .selected-material-values[b-s3fsltnf0h] { width:100%; margin-left:0; }
    .selected-material-values>span[b-s3fsltnf0h] { flex:1; min-width:0; }
    .material-parts-alert[b-s3fsltnf0h] { align-items:flex-start; flex-wrap:wrap; }
    .material-parts-alert em[b-s3fsltnf0h] { width:100%; margin-left:49px; }
}

.material-table-title[b-s3fsltnf0h] {
    display: grid;
    gap: 2px;
}

.material-table-title strong[b-s3fsltnf0h] {
    color: #38292c;
    font-size: 16px;
}

.material-table-title small[b-s3fsltnf0h] {
    color: #958084;
    font-size: 9px;
}

.material-empty[b-s3fsltnf0h] { display:grid; justify-items:center; gap:6px; padding:34px; color:#a79598; text-align:center; }
.material-empty svg[b-s3fsltnf0h] { font-size:38px; }
.material-empty strong[b-s3fsltnf0h] { color:#645357; font-size:13px; }
.material-empty span[b-s3fsltnf0h] { font-size:9px; }

[b-s3fsltnf0h] .mud-table-toolbar {
    min-height: 70px;
    padding: 10px 16px;
    border-bottom: 1px solid #eee5e6;
}

[b-s3fsltnf0h] .mud-table-head {
    background: #fbf8f8;
}

[b-s3fsltnf0h] .mud-table-cell {
    padding-top: 13px;
    padding-bottom: 13px;
    border-color: #f0e7e8;
    color: #47373a;
    font-size: 11px;
}

[b-s3fsltnf0h] .mud-table-head .mud-table-cell {
    color: #957f83;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .45px;
    text-transform: uppercase;
}

[b-s3fsltnf0h] .mud-table-row:hover {
    background: #f8fbfc !important;
}

[b-s3fsltnf0h] .station-material-table .mud-table-container {
    overflow-x: auto;
}

[b-s3fsltnf0h] .station-material-table table {
    min-width: 960px;
    table-layout: fixed;
}

[b-s3fsltnf0h] .station-material-table .mud-table-cell {
    min-width: 0;
    overflow: visible;
    white-space: normal;
}

[b-s3fsltnf0h] .station-material-table .mud-input-control {
    width: 100%;
    min-width: 0;
    margin: 0;
}
/* /Components/Pages/Childs/WorkStationQualityPage.razor.rz.scp.css */
.quality-workspace[b-sekv3rc8vf]{display:grid;gap:15px;padding:18px;background:#f8f7f7}.quality-header[b-sekv3rc8vf]{display:flex;align-items:center;justify-content:space-between;gap:16px}.quality-heading[b-sekv3rc8vf]{display:flex;align-items:center;gap:12px}.quality-heading>span[b-sekv3rc8vf]{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#1d7557;background:#e7f5ef}.quality-heading small[b-sekv3rc8vf]{color:#1d7557;font-size:8px;font-weight:900;letter-spacing:1px}.quality-heading h2[b-sekv3rc8vf]{margin:2px 0;color:#302528;font-size:21px}.quality-heading p[b-sekv3rc8vf]{margin:0;color:#8c797d;font-size:10px}.quality-progress[b-sekv3rc8vf]{display:grid;min-width:135px;padding:10px 14px;border:1px solid #ead9dc;border-radius:13px;background:#fff}.quality-progress strong[b-sekv3rc8vf]{color:#c61d24;font-size:18px}.quality-progress span[b-sekv3rc8vf]{color:#937d81;font-size:8px}.quality-progress.complete[b-sekv3rc8vf]{border-color:#c6e6d8;background:#eaf7f2}.quality-progress.complete strong[b-sekv3rc8vf]{color:#176c52}.workflow-panel[b-sekv3rc8vf]{display:grid;grid-template-columns:210px minmax(280px,1fr);align-items:center;gap:15px;padding:13px 15px;border:1px solid #e8dfe1;border-radius:14px;background:#fff}.workflow-panel small[b-sekv3rc8vf],.workflow-panel strong[b-sekv3rc8vf]{display:block}.workflow-panel small[b-sekv3rc8vf]{color:#9b858a;font-size:7px;font-weight:850}.workflow-panel strong[b-sekv3rc8vf]{margin-top:3px;color:#3c2e31;font-size:14px}.quality-checks[b-sekv3rc8vf]{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px}.quality-check[b-sekv3rc8vf]{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;min-height:86px;padding:10px;border:1px solid #e6dcde;border-radius:14px;color:inherit;background:#fff;text-align:left;cursor:pointer}.quality-check:hover[b-sekv3rc8vf]{border-color:#cdbdc0}.quality-check>span[b-sekv3rc8vf]{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#7c686c;background:#f4eff0}.quality-check strong[b-sekv3rc8vf],.quality-check small[b-sekv3rc8vf]{display:block}.quality-check strong[b-sekv3rc8vf]{color:#46373a;font-size:10px}.quality-check small[b-sekv3rc8vf]{margin-top:3px;color:#99858a;font-size:8px;line-height:1.35}.quality-check>i[b-sekv3rc8vf]{color:#c5b7ba}.quality-check.checked[b-sekv3rc8vf]{border-color:#bfe2d3;background:#f0faf6}.quality-check.checked>span[b-sekv3rc8vf]{color:#fff;background:#21805e}.quality-check.checked>i[b-sekv3rc8vf]{color:#21805e}.quality-notes[b-sekv3rc8vf],.delivery-panel[b-sekv3rc8vf]{padding:14px;border:1px solid #e6dcde;border-radius:14px;background:#fff}.delivery-panel[b-sekv3rc8vf]{display:grid;gap:12px}.delivery-heading[b-sekv3rc8vf]{display:flex;align-items:center;gap:9px}.delivery-heading>span[b-sekv3rc8vf]{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:#526c7c;background:#e9f0f3}.delivery-heading strong[b-sekv3rc8vf],.delivery-heading small[b-sekv3rc8vf]{display:block}.delivery-heading strong[b-sekv3rc8vf]{color:#413235;font-size:12px}.delivery-heading small[b-sekv3rc8vf]{color:#978388;font-size:8px}.delivery-fields[b-sekv3rc8vf]{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.quality-actions[b-sekv3rc8vf]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;color:#766267;background:#eee8e9}.quality-actions>div[b-sekv3rc8vf]{display:flex;align-items:center;gap:7px;font-size:9px}.quality-actions button[b-sekv3rc8vf]{display:inline-flex;align-items:center;gap:6px;min-height:41px;padding:0 14px;border:0;border-radius:10px;color:#fff;background:#526c7c;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.quality-actions button:disabled[b-sekv3rc8vf]{opacity:.5}@media(max-width:1050px){.quality-checks[b-sekv3rc8vf]{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.quality-header[b-sekv3rc8vf]{align-items:stretch;flex-direction:column}.workflow-panel[b-sekv3rc8vf],.delivery-fields[b-sekv3rc8vf]{grid-template-columns:1fr}.quality-checks[b-sekv3rc8vf]{grid-template-columns:1fr}.quality-actions[b-sekv3rc8vf]{align-items:stretch;flex-direction:column}.quality-actions button[b-sekv3rc8vf]{justify-content:center;width:100%}}
/* /Components/Pages/Childs/WorkStationTasksPage.razor.rz.scp.css */
.station-tasks[b-od8wzfh7x6] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #eadfe1;
    border-radius: 18px;
}

.tasks-header[b-od8wzfh7x6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid #eee5e6;
    background: linear-gradient(135deg, #fff 0%, #fffafa 100%);
}

.tasks-heading[b-od8wzfh7x6],
.tasks-heading > div[b-od8wzfh7x6],
.tasks-header-actions[b-od8wzfh7x6],
.task-card-main[b-od8wzfh7x6],
.task-title-line[b-od8wzfh7x6],
.task-secondary[b-od8wzfh7x6],
.task-card-actions[b-od8wzfh7x6],
.notes-copy[b-od8wzfh7x6],
.notes-actions[b-od8wzfh7x6] {
    display: flex;
    align-items: center;
}

.tasks-heading[b-od8wzfh7x6] {
    gap: 11px;
    min-width: 215px;
}

.tasks-heading > div[b-od8wzfh7x6] {
    align-items: flex-start;
    flex-direction: column;
    gap: 1px;
}

.tasks-heading strong[b-od8wzfh7x6] {
    color: #2f2023;
    font-size: 16px;
    line-height: 1.2;
}

.tasks-heading small[b-od8wzfh7x6] {
    color: #927d81;
    font-size: 11px;
}

.tasks-heading-icon[b-od8wzfh7x6] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #287562;
    background: #eaf6f2;
    border-radius: 13px;
}

.tasks-header-actions[b-od8wzfh7x6] {
    justify-content: flex-end;
    gap: 10px;
    width: min(100%, 620px);
}

[b-od8wzfh7x6] .task-search {
    flex: 1 1 280px;
    margin: 0;
}

[b-od8wzfh7x6] .task-search .mud-input-outlined-border {
    border-color: #e4d7d9;
    border-radius: 12px;
}

[b-od8wzfh7x6] .add-task-button {
    min-height: 42px;
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(215, 25, 36, .14);
    white-space: nowrap;
}

.new-task-panel[b-od8wzfh7x6] {
    display: grid;
    gap: 16px;
    padding: 18px;
    border-bottom: 1px solid #eadfe1;
    background: linear-gradient(135deg, #fff 0%, #fff8f8 100%);
}

.new-task-panel > header[b-od8wzfh7x6],
.new-task-panel > header > div[b-od8wzfh7x6],
.new-task-panel > footer[b-od8wzfh7x6],
.new-task-panel > footer > div[b-od8wzfh7x6] {
    display: flex;
    align-items: center;
}

.new-task-panel > header[b-od8wzfh7x6] {
    gap: 11px;
}

.new-task-panel > header > span[b-od8wzfh7x6] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    color: #a40f18;
    background: #ffe9eb;
    border-radius: 12px;
}

.new-task-panel > header > div[b-od8wzfh7x6] {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
}

.new-task-panel > header strong[b-od8wzfh7x6] {
    color: #2f2023;
    font-size: 15px;
}

.new-task-panel > header small[b-od8wzfh7x6],
.new-task-panel > footer > span[b-od8wzfh7x6] {
    color: #8f7b7f;
    font-size: 10px;
}

.new-task-grid[b-od8wzfh7x6] {
    display: grid;
    grid-template-columns: minmax(300px, 1.8fr) minmax(190px, .8fr) minmax(160px, .65fr);
    gap: 12px;
}

[b-od8wzfh7x6] .new-task-grid .mud-input-control {
    margin: 0;
}

[b-od8wzfh7x6] .new-task-grid .mud-input-outlined-border {
    border-color: #dfd1d4;
    border-radius: 12px;
}

.new-task-notes[b-od8wzfh7x6] {
    grid-column: 1 / -1;
}

.new-task-panel > footer[b-od8wzfh7x6] {
    justify-content: space-between;
    gap: 16px;
    padding-top: 2px;
}

.new-task-panel > footer > div[b-od8wzfh7x6] {
    gap: 8px;
}

[b-od8wzfh7x6] .new-task-panel > footer .mud-button-root {
    min-height: 40px;
    border-radius: 11px;
}

.tasks-filterbar[b-od8wzfh7x6] {
    display: flex;
    gap: 7px;
    padding: 12px 18px;
    border-bottom: 1px solid #f0e8e9;
    background: #fcf9fa;
}

.task-filter[b-od8wzfh7x6] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    color: #705b60;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    background: #fff;
    border: 1px solid #e8dcde;
    border-radius: 999px;
    cursor: pointer;
}

.task-filter span[b-od8wzfh7x6] {
    display: grid;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    place-items: center;
    color: #806b70;
    font-size: 10px;
    background: #f4edef;
    border-radius: 999px;
}

.task-filter.active[b-od8wzfh7x6] {
    color: #fff;
    background: #332427;
    border-color: #332427;
}

.task-filter.active span[b-od8wzfh7x6] {
    color: #fff;
    background: rgba(255, 255, 255, .16);
}

.tasks-list[b-od8wzfh7x6] {
    display: grid;
    gap: 11px;
    padding: 14px;
    background: #f8f5f6;
}

.task-card[b-od8wzfh7x6] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e6dadd;
    border-left: 5px solid #ec9a25;
    border-radius: 15px;
    box-shadow: 0 3px 12px rgba(62, 37, 42, .035);
}

.task-card.complete[b-od8wzfh7x6] {
    border-left-color: #169768;
    background: #fbfefd;
}

.task-card-main[b-od8wzfh7x6] {
    gap: 11px;
    min-height: 72px;
    padding: 13px 14px;
}

.task-state-button[b-od8wzfh7x6] {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    color: #d98712;
    background: #fff5e4;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
}

.complete .task-state-button[b-od8wzfh7x6] {
    color: #16845e;
    background: #e9f7f1;
}

.task-identity[b-od8wzfh7x6] {
    flex: 1 1 auto;
    min-width: 0;
}

.task-title-line[b-od8wzfh7x6] {
    flex-wrap: wrap;
    gap: 8px;
}

.task-title-line strong[b-od8wzfh7x6] {
    overflow: hidden;
    color: #2f2023;
    font-size: 14px;
    line-height: 1.35;
    text-overflow: ellipsis;
}

.complete .task-title-line strong[b-od8wzfh7x6] {
    color: #68746f;
    text-decoration: line-through;
}

.task-status[b-od8wzfh7x6] {
    padding: 4px 8px;
    color: #9a5e05;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .35px;
    text-transform: uppercase;
    background: #fff3df;
    border-radius: 999px;
}

.complete .task-status[b-od8wzfh7x6] {
    color: #147653;
    background: #e6f6ef;
}

.task-secondary[b-od8wzfh7x6] {
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 7px;
    color: #8d797d;
    font-size: 10px;
}

.task-secondary span[b-od8wzfh7x6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-od8wzfh7x6] .task-secondary .mud-icon-root {
    font-size: 14px;
}

.task-secondary .has-notes[b-od8wzfh7x6] {
    color: #b71721;
    font-weight: 750;
}

.task-card-actions[b-od8wzfh7x6] {
    flex: 0 0 auto;
    gap: 3px;
}

[b-od8wzfh7x6] .task-card-actions .mud-icon-button,
[b-od8wzfh7x6] .notes-button {
    border-radius: 10px;
}

[b-od8wzfh7x6] .task-card-actions .mud-icon-button {
    background: #f8f2f3;
}

[b-od8wzfh7x6] .notes-button {
    color: #5f4a4f;
}

.task-assignment-grid[b-od8wzfh7x6] {
    display: grid;
    grid-template-columns: minmax(210px, 1.2fr) minmax(180px, 1fr) minmax(120px, .55fr);
    gap: 12px;
    padding: 12px 14px 14px 63px;
    border-top: 1px solid #f1e9ea;
    background: #fffdfd;
}

.task-field[b-od8wzfh7x6] {
    display: grid;
    gap: 5px;
}

.task-field > span[b-od8wzfh7x6],
.task-estimate > span[b-od8wzfh7x6] {
    color: #927d81;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .45px;
    text-transform: uppercase;
}

[b-od8wzfh7x6] .task-field .mud-input-control {
    width: 100%;
    margin: 0;
}

[b-od8wzfh7x6] .task-field .mud-input-outlined-border {
    border-color: #e5d9db;
    border-radius: 11px;
}

.task-estimate[b-od8wzfh7x6] {
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 7px 12px;
    background: #f8f3f4;
    border-radius: 11px;
}

.task-estimate strong[b-od8wzfh7x6] {
    color: #38292c;
    font-size: 14px;
}

.task-notes-panel[b-od8wzfh7x6] {
    display: grid;
    gap: 11px;
    padding: 15px 18px 16px 63px;
    background: #fff9ea;
    border-top: 1px solid #f2dfb5;
}

.notes-copy[b-od8wzfh7x6] {
    align-items: flex-start;
    gap: 9px;
    color: #5a4522;
}

.notes-copy > div[b-od8wzfh7x6] {
    display: grid;
    gap: 1px;
}

.notes-copy strong[b-od8wzfh7x6] {
    font-size: 12px;
}

.notes-copy small[b-od8wzfh7x6] {
    color: #8d754c;
    font-size: 10px;
}

[b-od8wzfh7x6] .task-notes-input .mud-input-outlined-border {
    border-color: #e6d29e;
    border-radius: 12px;
}

[b-od8wzfh7x6] .task-notes-input textarea {
    font-size: 12px;
    line-height: 1.5;
}

.notes-actions[b-od8wzfh7x6] {
    justify-content: space-between;
    gap: 12px;
}

.notes-actions > span[b-od8wzfh7x6] {
    color: #9b845c;
    font-size: 9px;
}

[b-od8wzfh7x6] .notes-actions .mud-button-root {
    border-radius: 10px;
}

.tasks-empty[b-od8wzfh7x6] {
    display: grid;
    min-height: 180px;
    padding: 28px;
    place-items: center;
    align-content: center;
    gap: 6px;
    color: #9a868a;
    text-align: center;
    background: #fff;
    border: 1px dashed #dfd1d4;
    border-radius: 14px;
}

.tasks-empty strong[b-od8wzfh7x6] {
    color: #59464a;
    font-size: 14px;
}

.tasks-empty span[b-od8wzfh7x6] {
    font-size: 11px;
}

[b-od8wzfh7x6] .tasks-empty .mud-icon-root {
    color: #287562;
    font-size: 32px;
}

@media (max-width: 900px) {
    .tasks-header[b-od8wzfh7x6] {
        align-items: stretch;
        flex-direction: column;
    }

    .tasks-header-actions[b-od8wzfh7x6] {
        width: 100%;
    }

    .task-card-main[b-od8wzfh7x6] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .task-identity[b-od8wzfh7x6] {
        flex-basis: calc(100% - 52px);
    }

    .task-card-actions[b-od8wzfh7x6] {
        width: 100%;
        padding-left: 49px;
    }

    .task-assignment-grid[b-od8wzfh7x6] {
        grid-template-columns: 1fr 1fr;
        padding-left: 63px;
    }

    .task-estimate[b-od8wzfh7x6] {
        grid-column: 1 / -1;
    }

    .new-task-grid[b-od8wzfh7x6] {
        grid-template-columns: 1fr 1fr;
    }

    .new-task-description[b-od8wzfh7x6],
    .new-task-notes[b-od8wzfh7x6] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .tasks-header-actions[b-od8wzfh7x6] {
        align-items: stretch;
        flex-direction: column;
    }

    [b-od8wzfh7x6] .add-task-button {
        width: 100%;
    }

    .tasks-filterbar[b-od8wzfh7x6] {
        overflow-x: auto;
    }

    .task-filter[b-od8wzfh7x6] {
        flex: 0 0 auto;
    }

    .task-card-actions[b-od8wzfh7x6],
    .task-assignment-grid[b-od8wzfh7x6],
    .task-notes-panel[b-od8wzfh7x6] {
        padding-left: 14px;
    }

    .task-assignment-grid[b-od8wzfh7x6] {
        grid-template-columns: 1fr;
    }

    .task-estimate[b-od8wzfh7x6] {
        grid-column: auto;
    }

    .notes-actions[b-od8wzfh7x6] {
        align-items: stretch;
        flex-direction: column;
    }

    .new-task-grid[b-od8wzfh7x6] {
        grid-template-columns: 1fr;
    }

    .new-task-description[b-od8wzfh7x6],
    .new-task-notes[b-od8wzfh7x6] {
        grid-column: auto;
    }

    .new-task-panel > footer[b-od8wzfh7x6] {
        align-items: stretch;
        flex-direction: column;
    }

    .new-task-panel > footer > div[b-od8wzfh7x6] {
        justify-content: flex-end;
    }
}
/* /Components/Pages/Childs/WorkStationTimesPage.razor.rz.scp.css */
.time-history[b-ijbmb0bslb] { padding:18px; background:#f8f7f7; }
.time-history-hero[b-ijbmb0bslb] { display:grid; grid-template-columns:minmax(260px,1fr) auto; gap:18px; margin-bottom:18px; }
.time-history-title[b-ijbmb0bslb] { display:flex; align-items:center; gap:13px; min-width:0; }
.time-history-title>span[b-ijbmb0bslb] { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:15px; color:#1f6956; background:#eaf6f2; }
.time-history-title small[b-ijbmb0bslb] { color:#287562; font-size:8px; font-weight:900; letter-spacing:1px; }
.time-history-title h2[b-ijbmb0bslb] { margin:2px 0; color:#302528; font-size:21px; }
.time-history-title p[b-ijbmb0bslb] { margin:0; color:#8c797d; font-size:10px; }
.manager-add-time[b-ijbmb0bslb] { display:inline-flex; align-items:center; gap:6px; margin-left:auto; min-height:38px; padding:0 12px; border:0; border-radius:10px; color:#fff; background:#287562; font:inherit; font-size:9px; font-weight:850; white-space:nowrap; cursor:pointer; }
.manager-add-time:hover[b-ijbmb0bslb] { background:#1f6654; }

.time-history-metrics[b-ijbmb0bslb] { display:grid; grid-template-columns:repeat(4,minmax(105px,1fr)); gap:8px; }
.time-history-metrics article[b-ijbmb0bslb] { display:grid; align-content:center; min-width:105px; padding:9px 12px; border:1px solid #e8dddf; border-radius:12px; background:#fff; }
.time-history-metrics small[b-ijbmb0bslb],.time-history-metrics strong[b-ijbmb0bslb] { display:block; }
.time-history-metrics small[b-ijbmb0bslb] { color:#958084; font-size:7px; font-weight:800; letter-spacing:.35px; text-transform:uppercase; }
.time-history-metrics strong[b-ijbmb0bslb] { margin-top:2px; color:#423337; font-size:13px; }
.time-history-metrics .primary[b-ijbmb0bslb] { border-color:#cfe8dd; background:#eaf7f2; }
.time-history-metrics .primary strong[b-ijbmb0bslb] { color:#176c52; }
.time-history-metrics .live[b-ijbmb0bslb] { border-color:#f0c86f; background:#fff8e8; }
.time-history-metrics .live strong[b-ijbmb0bslb] { color:#9a6109; }

.time-history-empty[b-ijbmb0bslb] { display:grid; justify-items:center; gap:7px; padding:55px 20px; border:1px dashed #ddcfd2; border-radius:17px; color:#9c898d; background:#fff; text-align:center; }
.time-history-empty>span[b-ijbmb0bslb] { display:grid; place-items:center; width:54px; height:54px; border-radius:16px; color:#a88f94; background:#f5eff0; }
.time-history-empty strong[b-ijbmb0bslb] { color:#4b3b3e; font-size:15px; }
.time-history-empty p[b-ijbmb0bslb] { margin:0; font-size:10px; }

.time-timeline[b-ijbmb0bslb] { padding:5px 0 0; }
.time-day-heading[b-ijbmb0bslb] { display:flex; align-items:center; gap:10px; margin:15px 0 9px; color:#6f5b5f; }
.time-day-heading:first-child[b-ijbmb0bslb] { margin-top:0; }
.time-day-heading span[b-ijbmb0bslb] { font-size:11px; font-weight:850; }
.time-day-heading i[b-ijbmb0bslb] { flex:1; height:1px; background:#e3dadd; }
.time-day-heading small[b-ijbmb0bslb] { color:#9a8589; font-size:8px; }

.time-session[b-ijbmb0bslb] { display:grid; grid-template-columns:36px minmax(270px,1fr) 135px minmax(390px,1.15fr); align-items:center; gap:13px; margin-bottom:8px; padding:13px 14px 13px 9px; border:1px solid #e8dfe1; border-radius:15px; background:#fff; box-shadow:0 4px 15px rgba(65,38,44,.035); }
.time-session:hover[b-ijbmb0bslb] { border-color:#d9c9cc; box-shadow:0 7px 20px rgba(65,38,44,.065); }
.time-session.active[b-ijbmb0bslb] { border-color:#eac269; background:linear-gradient(90deg,#fffaf0,#fff); }
.time-session.invalid[b-ijbmb0bslb] { border-color:#e7a7ab; background:#fff7f7; }
.time-session-marker[b-ijbmb0bslb] { display:grid; align-self:stretch; justify-items:center; grid-template-rows:30px 1fr; }
.time-session-marker span[b-ijbmb0bslb] { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; color:#fff; background:#657884; }
.time-session-marker span svg[b-ijbmb0bslb] { font-size:17px; }
.time-session-marker i[b-ijbmb0bslb] { width:2px; margin-top:5px; border-radius:2px; background:#e5dcde; }
.time-session:last-child .time-session-marker i[b-ijbmb0bslb] { display:none; }
.time-session.active .time-session-marker span[b-ijbmb0bslb] { background:#d28a15; }
.time-session.invalid .time-session-marker span[b-ijbmb0bslb] { background:#c7353c; }

.time-session-main[b-ijbmb0bslb] { min-width:0; }
.time-session-hours[b-ijbmb0bslb] { display:flex; align-items:center; gap:12px; }
.time-session-hours>span[b-ijbmb0bslb] { display:grid; gap:1px; min-width:78px; }
.time-session-hours small[b-ijbmb0bslb] { color:#9b878b; font-size:7px; font-weight:800; text-transform:uppercase; }
.time-session-hours strong[b-ijbmb0bslb] { color:#34282b; font-size:15px; }
.time-session-hours>svg[b-ijbmb0bslb] { color:#baa9ac; }
.time-session-meta[b-ijbmb0bslb] { display:flex; flex-wrap:wrap; gap:11px; margin-top:7px; color:#8a777b; }
.time-session-meta span[b-ijbmb0bslb] { display:inline-flex; align-items:center; gap:4px; font-size:8px; }
.time-session-meta svg[b-ijbmb0bslb] { font-size:13px; }

.time-session-duration[b-ijbmb0bslb] { display:grid; gap:2px; padding:9px 11px; border-radius:11px; background:#f1f5f6; }
.time-session-duration small[b-ijbmb0bslb] { color:#78909b; font-size:7px; font-weight:850; letter-spacing:.4px; }
.time-session-duration strong[b-ijbmb0bslb] { color:#405c69; font-size:13px; }
.time-session.active .time-session-duration[b-ijbmb0bslb] { background:#fff1cf; }
.time-session.active .time-session-duration strong[b-ijbmb0bslb] { color:#965d07; }
.time-session.invalid .time-session-duration[b-ijbmb0bslb] { background:#ffe7e8; }
.time-session.invalid .time-session-duration strong[b-ijbmb0bslb] { color:#a72128; }

.time-session-comment[b-ijbmb0bslb] { display:grid; grid-template-columns:minmax(190px,1fr) auto; align-items:center; gap:7px; min-width:0; }
.time-session-comment button[b-ijbmb0bslb] { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:40px; padding:0 11px; border:1px solid #d9cdd0; border-radius:10px; color:#69565a; background:#fff; font:inherit; font-size:9px; font-weight:850; cursor:pointer; }
.time-session-comment button:hover[b-ijbmb0bslb] { border-color:#526c7c; color:#fff; background:#526c7c; }
.time-session-comment .manager-edit[b-ijbmb0bslb] { border-color:#b8dacf; color:#216b58; background:#eef8f5; }
.time-session-comment .manager-edit:hover[b-ijbmb0bslb] { border-color:#287562; background:#287562; }
.time-session-comment .manager-delete[b-ijbmb0bslb] { border-color:#efc5c8; color:#b1262d; background:#fff5f5; }
.time-session-comment .manager-delete:hover[b-ijbmb0bslb] { border-color:#ba252d; color:#fff; background:#ba252d; }
[b-ijbmb0bslb] .time-session-comment .mud-input-control { margin:0; }
[b-ijbmb0bslb] .time-session-comment .mud-input-outlined-border { border-color:#e2d8da; border-radius:10px; }

@media(max-width:1050px){
    .time-history-hero[b-ijbmb0bslb]{grid-template-columns:1fr}
    .time-session[b-ijbmb0bslb]{grid-template-columns:36px 1fr 125px}
    .time-session-comment[b-ijbmb0bslb]{grid-column:2 / -1}
}
@media(max-width:720px){
    .time-history[b-ijbmb0bslb]{padding:12px}
    .time-history-metrics[b-ijbmb0bslb]{grid-template-columns:repeat(2,1fr)}
    .time-session[b-ijbmb0bslb]{grid-template-columns:30px 1fr;align-items:start}
    .time-session-duration[b-ijbmb0bslb],.time-session-comment[b-ijbmb0bslb]{grid-column:2}
    .time-session-comment[b-ijbmb0bslb]{grid-template-columns:1fr}
    .time-session-comment button[b-ijbmb0bslb]{width:100%}
}
/* /Components/Pages/DefaultTasksPage.razor.rz.scp.css */
.settings-page[b-2s9rallupm] {
    display: grid;
    gap: 22px;
    padding-bottom: 28px;
}

.settings-loading[b-2s9rallupm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 260px;
    color: #8a7478;
}

.settings-surface[b-2s9rallupm] {
    overflow: hidden;
    border: 1px solid #e7dadd;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(62, 36, 41, .07);
}

.settings-surface-heading[b-2s9rallupm] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 22px;
    border-bottom: 1px solid #eee4e6;
    background: linear-gradient(135deg, #fff, #fff8f8);
}

.settings-surface-heading > div:first-child[b-2s9rallupm] {
    flex: 1;
}

.settings-surface-heading > div:first-child > span[b-2s9rallupm] {
    color: #287562;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.settings-surface-heading h2[b-2s9rallupm] {
    margin: 2px 0;
    color: #342326;
    font-size: 21px;
}

.settings-surface-heading p[b-2s9rallupm] {
    margin: 0;
    color: #8a7579;
    font-size: 12px;
}

.settings-count[b-2s9rallupm] {
    display: grid;
    min-width: 82px;
    padding: 10px 14px;
    border: 1px solid #efdadd;
    border-radius: 14px;
    color: #7d656a;
    background: #fff;
    text-align: center;
}

.settings-count strong[b-2s9rallupm] {
    color: #287562;
    font-size: 20px;
}

.settings-count span[b-2s9rallupm] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.settings-empty[b-2s9rallupm] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 52px 20px;
    color: #a38f93;
    text-align: center;
}

.settings-empty strong[b-2s9rallupm] {
    color: #5f4b4f;
    font-size: 16px;
}

.settings-empty span[b-2s9rallupm] {
    font-size: 12px;
}

.task-create-panel[b-2s9rallupm]{margin:18px;border:1px solid #cfe0e5;border-radius:17px;background:#f7fbfc;overflow:hidden}.task-create-panel header[b-2s9rallupm]{display:flex;align-items:center;gap:13px;padding:17px 18px;border-bottom:1px solid #dce9ec}.task-create-panel header>span[b-2s9rallupm]{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:#477080}.task-create-panel header small[b-2s9rallupm]{color:#477080;font-size:9px;font-weight:900;letter-spacing:1px}.task-create-panel header h3[b-2s9rallupm]{margin:1px 0;color:#302629;font-size:17px}.task-create-panel header p[b-2s9rallupm]{margin:0;color:#7f7476;font-size:11px}.task-create-fields[b-2s9rallupm]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(180px,.8fr) minmax(170px,.6fr);gap:12px;padding:18px}.task-create-panel footer[b-2s9rallupm]{display:flex;justify-content:flex-end;gap:9px;padding:0 18px 18px}.task-create-panel footer button[b-2s9rallupm]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:0;border-radius:10px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.task-cancel[b-2s9rallupm]{color:#725f63;background:#ebe5e6}.task-save[b-2s9rallupm]{color:#fff;background:#477080}.task-save:disabled[b-2s9rallupm]{opacity:.5;cursor:not-allowed}

[b-2s9rallupm] .settings-primary-action {
    border-radius: 11px;
    box-shadow: 0 9px 20px rgba(40, 117, 98, .17);
    text-transform: none;
}

[b-2s9rallupm] .settings-search {
    width: min(330px, 45vw);
}

[b-2s9rallupm] .mud-table-toolbar {
    min-height: 72px;
    padding: 12px 18px;
    background: #fcf9fa;
}

[b-2s9rallupm] .mud-table-head {
    background: #faf6f7;
}

[b-2s9rallupm] .mud-table-head .mud-table-cell {
    color: #735e62;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .35px;
}

[b-2s9rallupm] .mud-table-body .mud-table-row {
    cursor: pointer;
}

[b-2s9rallupm] .mud-table-body .mud-table-row:hover {
    background: #fff5f6 !important;
}

[b-2s9rallupm] .mud-table-pagination {
    border-top: 1px solid #eee3e5;
    background: #fcf9fa;
}

@media (max-width: 600px) {
    .settings-surface-heading[b-2s9rallupm] {
        align-items: flex-start;
    }

    .settings-count[b-2s9rallupm] {
        min-width: 68px;
    }

    [b-2s9rallupm] .mud-table-toolbar {
        align-items: stretch;
        flex-direction: column;
        height: auto;
    }

    [b-2s9rallupm] .settings-search {
        width: 100%;
    }

    .task-create-fields[b-2s9rallupm]{grid-template-columns:1fr}
}
/* /Components/Pages/EmailStudioPage.razor.rz.scp.css */
.email-studio[b-9zyt01bmso] {
    --studio-ink: #17211f;
    --studio-muted: #65716e;
    --studio-green: #176b5b;
    --studio-line: #dfe7e5;
    display: grid;
    gap: 18px;
    padding: 8px 0 92px;
    color: var(--studio-ink);
}

.studio-loading[b-9zyt01bmso],
.studio-denied[b-9zyt01bmso] {
    min-height: 65vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
}

.studio-loading span[b-9zyt01bmso] { color: #65716e; font-weight: 700; }
.studio-denied svg[b-9zyt01bmso] { font-size: 50px; color: #9b7c81; }
.studio-denied h1[b-9zyt01bmso], .studio-denied p[b-9zyt01bmso] { margin: 0; }
.studio-denied a[b-9zyt01bmso] { color: #176b5b; font-weight: 800; }

.studio-hero[b-9zyt01bmso] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 20px;
    padding: 25px 28px;
    border: 1px solid #d8e5e2;
    border-radius: 22px;
    background: linear-gradient(120deg, #f3faf8 0%, #fff 62%);
    box-shadow: 0 14px 38px rgba(28, 56, 50, .06);
}

.hero-icon[b-9zyt01bmso] {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    color: #fff;
    background: #176b5b;
    border-radius: 18px;
}

.hero-icon svg[b-9zyt01bmso] { font-size: 32px; }
.hero-copy > span[b-9zyt01bmso], .template-strip > div > span[b-9zyt01bmso], .preview-toolbar > div > span[b-9zyt01bmso] {
    color: #176b5b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
}
.hero-copy h1[b-9zyt01bmso] { margin: 3px 0; font-size: clamp(27px, 3vw, 39px); line-height: 1.08; }
.hero-copy p[b-9zyt01bmso] { margin: 0; color: #65716e; font-size: 14px; }

.hero-account[b-9zyt01bmso] {
    min-width: 260px;
    padding: 14px 16px;
    border: 1px solid #dde7e5;
    border-radius: 14px;
    background: rgba(255,255,255,.84);
}
.hero-account > small[b-9zyt01bmso] { display: block; color: #7a8784; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.hero-account > strong[b-9zyt01bmso] { display: block; margin: 3px 0 9px; font-size: 14px; }
.hero-account > span[b-9zyt01bmso] { display: flex; align-items: center; gap: 7px; color: #54706a; font-size: 11px; }
.hero-account > span i[b-9zyt01bmso] { width: 7px; height: 7px; border-radius: 50%; background: #26a269; box-shadow: 0 0 0 4px #e5f6ef; }
.hero-account > span.warning[b-9zyt01bmso] { color: #966400; }
.hero-account > span.warning i[b-9zyt01bmso] { background: #e1a323; box-shadow: 0 0 0 4px #fff5da; }

.template-strip[b-9zyt01bmso] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 15px 17px;
    border: 1px solid #e2e8e7;
    border-radius: 18px;
    background: #fff;
}
.template-strip > div[b-9zyt01bmso] { flex: 1; min-width: 210px; }
.template-strip p[b-9zyt01bmso] { margin: 2px 0 0; color: #788481; font-size: 11px; }
.template-strip button[b-9zyt01bmso] {
    height: 43px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #dfe7e5;
    border-radius: 12px;
    color: #44514e;
    background: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}
.template-strip button:hover[b-9zyt01bmso] { border-color: #8db7ae; background: #f6fbfa; }
.template-strip button.active[b-9zyt01bmso] { border-color: #176b5b; color: #176b5b; background: #eaf6f3; box-shadow: inset 0 0 0 1px #176b5b; }
.template-strip button svg[b-9zyt01bmso] { font-size: 19px; }

.studio-grid[b-9zyt01bmso] {
    display: grid;
    grid-template-columns: minmax(520px, .92fr) minmax(520px, 1.08fr);
    gap: 18px;
    align-items: start;
}

.studio-editor[b-9zyt01bmso],
.studio-preview[b-9zyt01bmso] {
    border: 1px solid #dfe7e5;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(30, 50, 46, .045);
}

.studio-editor[b-9zyt01bmso] { padding: 23px; }
.section-heading[b-9zyt01bmso] { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; }
.section-heading.second[b-9zyt01bmso] { margin-top: 28px; padding-top: 24px; border-top: 1px solid #e8edec; }
.step-number[b-9zyt01bmso] { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 34px; border-radius: 10px; color: #fff; background: #176b5b; font-size: 13px; font-weight: 900; }
.section-heading h2[b-9zyt01bmso] { margin: 0; font-size: 18px; }
.section-heading p[b-9zyt01bmso] { margin: 2px 0 0; color: #77827f; font-size: 11px; }

.two-columns[b-9zyt01bmso] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.two-columns.compact[b-9zyt01bmso] { grid-template-columns: 1.5fr .5fr; }
.field[b-9zyt01bmso] { display: grid; gap: 6px; margin-bottom: 14px; }
.field label[b-9zyt01bmso] { color: #33413e; font-size: 12px; font-weight: 850; }
.field.required label[b-9zyt01bmso]::after { content: " *"; color: #c41f2d; }
.field input[b-9zyt01bmso],
.field textarea[b-9zyt01bmso] {
    width: 100%;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #d7e0de;
    border-radius: 11px;
    outline: none;
    color: #1d2926;
    background: #fff;
    font: inherit;
    font-size: 13px;
    transition: border .16s, box-shadow .16s, background .16s;
}
.field textarea[b-9zyt01bmso] { resize: vertical; line-height: 1.55; }
.field input:focus[b-9zyt01bmso], .field textarea:focus[b-9zyt01bmso] { border-color: #408879; box-shadow: 0 0 0 3px rgba(23,107,91,.11); background: #fbfefd; }
.field small[b-9zyt01bmso] { color: #7c8885; font-size: 10px; line-height: 1.35; }
.color-field > div[b-9zyt01bmso] { height: 42px; display: flex; align-items: center; gap: 9px; padding: 5px 8px; border: 1px solid #d7e0de; border-radius: 11px; }
.color-field input[type="color"][b-9zyt01bmso] { width: 42px; height: 30px; padding: 0; border: 0; cursor: pointer; }
.color-field code[b-9zyt01bmso] { color: #56635f; font-family: inherit; font-size: 12px; font-weight: 750; }

.optional-panel[b-9zyt01bmso] { margin-top: 10px; border: 1px solid #e0e7e5; border-radius: 13px; background: #fbfcfc; overflow: hidden; }
.optional-panel summary[b-9zyt01bmso] { min-height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; cursor: pointer; list-style: none; }
.optional-panel summary[b-9zyt01bmso]::-webkit-details-marker { display: none; }
.optional-panel summary > span[b-9zyt01bmso] { display: flex; align-items: center; gap: 8px; color: #31403c; font-size: 12px; font-weight: 850; }
.optional-panel summary svg[b-9zyt01bmso] { color: #176b5b; font-size: 19px; }
.optional-panel summary > small[b-9zyt01bmso] { color: #86928f; font-size: 10px; }
.optional-content[b-9zyt01bmso] { padding: 15px 14px 1px; border-top: 1px solid #e5ebe9; background: #fff; }
.check-option[b-9zyt01bmso] { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 11px; border-radius: 10px; background: #f6f9f8; cursor: pointer; }
.check-option input[b-9zyt01bmso] { width: 17px; height: 17px; accent-color: #176b5b; }
.check-option span[b-9zyt01bmso] { display: grid; }
.check-option strong[b-9zyt01bmso] { font-size: 11px; }
.check-option small[b-9zyt01bmso] { color: #7b8784; font-size: 9px; }

.attachment-drop[b-9zyt01bmso] { position: relative; display: flex; align-items: center; gap: 12px; padding: 17px; border: 1px dashed #9ebbb5; border-radius: 13px; color: #176b5b; background: #f5fbf9; cursor: pointer; }
.attachment-drop:hover[b-9zyt01bmso] { background: #edf8f5; border-color: #176b5b; }
.attachment-drop > svg[b-9zyt01bmso] { font-size: 25px; }
.attachment-drop span[b-9zyt01bmso] { display: grid; }
.attachment-drop strong[b-9zyt01bmso] { font-size: 12px; }
.attachment-drop small[b-9zyt01bmso] { color: #768681; font-size: 10px; }
.attachment-drop input[b-9zyt01bmso] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.attachment-list[b-9zyt01bmso] { display: grid; gap: 7px; margin-top: 9px; }
.attachment-list > div[b-9zyt01bmso] { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 1px solid #e1e8e6; border-radius: 10px; }
.attachment-list > div > svg[b-9zyt01bmso] { color: #176b5b; }
.attachment-list span[b-9zyt01bmso] { display: grid; flex: 1; }
.attachment-list strong[b-9zyt01bmso] { font-size: 11px; }
.attachment-list small[b-9zyt01bmso] { color: #7a8784; font-size: 9px; }
.attachment-list button[b-9zyt01bmso] { border: 0; color: #8a6b71; background: transparent; cursor: pointer; }

.studio-preview[b-9zyt01bmso] { position: sticky; top: 84px; padding: 17px; background: #f1f5f4; }
.preview-toolbar[b-9zyt01bmso] { display: flex; align-items: center; justify-content: space-between; padding: 2px 3px 13px; }
.preview-toolbar > div:first-child[b-9zyt01bmso] { display: grid; }
.preview-toolbar strong[b-9zyt01bmso] { font-size: 12px; }
.preview-modes[b-9zyt01bmso] { display: flex; padding: 3px; border-radius: 9px; background: #dfe8e5; }
.preview-modes button[b-9zyt01bmso] { width: 33px; height: 29px; display: grid; place-items: center; border: 0; border-radius: 7px; color: #74817e; background: transparent; cursor: pointer; }
.preview-modes button.active[b-9zyt01bmso] { color: #176b5b; background: #fff; box-shadow: 0 2px 8px rgba(25,50,45,.09); }
.inbox-preview[b-9zyt01bmso] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin-bottom: 9px; padding: 11px 13px; border: 1px solid #dce5e3; border-radius: 12px; background: #fff; }
.sender-avatar[b-9zyt01bmso] { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #176b5b; font-size: 11px; font-weight: 900; }
.inbox-preview > div[b-9zyt01bmso] { min-width: 0; display: grid; }
.inbox-preview strong[b-9zyt01bmso], .inbox-preview small[b-9zyt01bmso] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inbox-preview strong[b-9zyt01bmso] { font-size: 11px; }
.inbox-preview small[b-9zyt01bmso] { color: #7d8885; font-size: 9px; }
.inbox-preview time[b-9zyt01bmso] { color: #8a9693; font-size: 9px; }
.email-canvas[b-9zyt01bmso] { min-height: 600px; padding: 16px; overflow: auto; border: 1px solid #d7e1de; border-radius: 14px; background: #e5ebe9; }
.email-document[b-9zyt01bmso] { max-width: 100%; margin: 0 auto; transition: max-width .2s; }
.email-canvas.mobile .email-document[b-9zyt01bmso] { max-width: 390px; }
.preview-security[b-9zyt01bmso] { display: flex; align-items: flex-start; gap: 7px; padding: 12px 3px 0; color: #6f7e7a; font-size: 9px; line-height: 1.45; }
.preview-security svg[b-9zyt01bmso] { color: #176b5b; }

.studio-actions[b-9zyt01bmso] {
    position: fixed;
    z-index: 20;
    right: 22px;
    bottom: 18px;
    left: 98px;
    min-height: 68px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 13px 10px 20px;
    border: 1px solid #cedbd8;
    border-radius: 17px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 16px 50px rgba(19,47,41,.18);
    backdrop-filter: blur(14px);
}
.send-summary[b-9zyt01bmso] { display: flex; align-items: center; gap: 9px; flex: 1; color: #75827f; font-size: 10px; }
.send-summary i[b-9zyt01bmso] { width: 3px; height: 3px; border-radius: 50%; background: #9eaaa7; }
.status-message[b-9zyt01bmso] { display: flex; align-items: center; gap: 8px; flex: 1; color: #a12a36; font-size: 11px; font-weight: 750; }
.status-message.success[b-9zyt01bmso] { color: #176b5b; }
.studio-actions button[b-9zyt01bmso] { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 16px; border-radius: 11px; font: inherit; font-size: 11px; font-weight: 850; cursor: pointer; }
.studio-actions button:disabled[b-9zyt01bmso] { opacity: .58; cursor: wait; }
.secondary-action[b-9zyt01bmso] { border: 1px solid #d9e2e0; color: #53615e; background: #fff; }
.send-action[b-9zyt01bmso], .send-confirm .confirm[b-9zyt01bmso] { border: 1px solid #176b5b; color: #fff; background: #176b5b; box-shadow: 0 7px 16px rgba(23,107,91,.22); }
.send-confirm[b-9zyt01bmso] { display: flex; align-items: center; gap: 8px; }
.send-confirm > span[b-9zyt01bmso] { max-width: 280px; display: grid; margin-right: 4px; }
.send-confirm strong[b-9zyt01bmso] { font-size: 11px; }
.send-confirm small[b-9zyt01bmso] { overflow: hidden; color: #7a8784; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.send-confirm .cancel[b-9zyt01bmso] { border: 1px solid #d9e2e0; color: #53615e; background: #fff; }

@media (max-width: 1200px) {
    .studio-grid[b-9zyt01bmso] { grid-template-columns: 1fr; }
    .studio-preview[b-9zyt01bmso] { position: relative; top: auto; }
    .template-strip[b-9zyt01bmso] { flex-wrap: wrap; }
    .template-strip > div[b-9zyt01bmso] { flex-basis: 100%; }
}

@media (max-width: 760px) {
    .studio-hero[b-9zyt01bmso] { grid-template-columns: auto 1fr; padding: 19px; }
    .hero-account[b-9zyt01bmso] { grid-column: 1 / -1; min-width: 0; }
    .studio-editor[b-9zyt01bmso] { padding: 17px; }
    .two-columns[b-9zyt01bmso], .two-columns.compact[b-9zyt01bmso] { grid-template-columns: 1fr; gap: 0; }
    .template-strip button[b-9zyt01bmso] { flex: 1 1 45%; }
    .studio-actions[b-9zyt01bmso] { right: 9px; bottom: 9px; left: 9px; flex-wrap: wrap; }
    .send-summary[b-9zyt01bmso], .status-message[b-9zyt01bmso] { flex-basis: 100%; }
    .send-confirm[b-9zyt01bmso] { width: 100%; }
    .send-confirm > span[b-9zyt01bmso] { flex: 1; }
}
/* /Components/Pages/EntitiesManagmentPage.razor.rz.scp.css */
.settings-page[b-6zvbo6zsrj]{display:grid;gap:22px;padding-bottom:28px}.settings-loading[b-6zvbo6zsrj]{display:flex;align-items:center;justify-content:center;gap:12px;min-height:260px;color:#8a7478}.settings-surface[b-6zvbo6zsrj],.entity-detail-surface[b-6zvbo6zsrj]{overflow:hidden;border:1px solid #e7dadd;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(62,36,41,.07)}
.settings-surface-heading[b-6zvbo6zsrj]{display:flex;align-items:center;gap:20px;padding:20px 22px;border-bottom:1px solid #eee4e6;background:linear-gradient(135deg,#fff,#fff8f8)}.settings-surface-heading>div:first-child[b-6zvbo6zsrj]{flex:1}.settings-surface-heading>div:first-child>span[b-6zvbo6zsrj]{color:#287562;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.settings-surface-heading h2[b-6zvbo6zsrj]{margin:2px 0;color:#342326;font-size:21px}.settings-surface-heading p[b-6zvbo6zsrj]{margin:0;color:#8a7579;font-size:12px}.settings-count[b-6zvbo6zsrj]{display:grid;min-width:82px;padding:10px 14px;border:1px solid #efdadd;border-radius:14px;color:#7d656a;background:#fff;text-align:center}.settings-count strong[b-6zvbo6zsrj]{color:#287562;font-size:20px}.settings-count span[b-6zvbo6zsrj]{font-size:10px;font-weight:800;text-transform:uppercase}
.settings-empty[b-6zvbo6zsrj]{display:grid;justify-items:center;gap:6px;padding:52px 20px;color:#a38f93;text-align:center}.settings-empty strong[b-6zvbo6zsrj]{color:#5f4b4f;font-size:16px}.settings-empty span[b-6zvbo6zsrj]{font-size:12px}
[b-6zvbo6zsrj] .settings-primary-action{border-radius:11px;box-shadow:0 9px 20px rgba(40,117,98,.17);text-transform:none}[b-6zvbo6zsrj] .entities-grid .mud-table-toolbar{min-height:66px;padding:10px 18px;background:#fcf9fa}[b-6zvbo6zsrj] .entities-grid .mud-table-head{background:#faf6f7}[b-6zvbo6zsrj] .entities-grid .mud-table-head .mud-table-cell{color:#735e62;font-size:11px;font-weight:850;letter-spacing:.35px}[b-6zvbo6zsrj] .entities-grid .mud-table-body .mud-table-row{cursor:pointer}[b-6zvbo6zsrj] .entities-grid .mud-table-body .mud-table-row:hover{background:#f4faf8!important}[b-6zvbo6zsrj] .entities-grid .mud-table-pagination{border-top:1px solid #eee3e5;background:#fcf9fa}
.entity-detail-header[b-6zvbo6zsrj]{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid #eee4e6;background:linear-gradient(135deg,#fff,#f4faf8)}[b-6zvbo6zsrj] .entity-avatar{width:56px;height:56px;font-size:20px;font-weight:900}.entity-detail-copy[b-6zvbo6zsrj]{flex:1}.entity-detail-copy>span[b-6zvbo6zsrj]{color:#287562;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.entity-detail-copy h2[b-6zvbo6zsrj]{margin:1px 0;color:#352427;font-size:23px}.entity-detail-copy p[b-6zvbo6zsrj]{margin:0;color:#8c787c;font-size:12px}.entity-back[b-6zvbo6zsrj]{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid #e6d8da;border-radius:11px;color:#684f54;background:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.entity-back:hover[b-6zvbo6zsrj]{color:#185a49;border-color:#cfe2da;background:#f4faf8}
.entity-creation-flow[b-6zvbo6zsrj]{display:flex;align-items:center;gap:9px;padding:13px 20px;border-bottom:1px solid #e5ecee;background:#f7fbfc}.entity-creation-flow article[b-6zvbo6zsrj]{display:flex;align-items:center;gap:8px;min-width:150px;color:#8b7b7e}.entity-creation-flow article>span[b-6zvbo6zsrj]{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d7e1e4;border-radius:9px;background:#fff;font-size:10px;font-weight:900}.entity-creation-flow article strong[b-6zvbo6zsrj],.entity-creation-flow article small[b-6zvbo6zsrj]{display:block}.entity-creation-flow article strong[b-6zvbo6zsrj]{font-size:11px}.entity-creation-flow article small[b-6zvbo6zsrj]{margin-top:1px;font-size:9px}.entity-creation-flow article.done[b-6zvbo6zsrj],.entity-creation-flow article.active[b-6zvbo6zsrj]{color:#315e6e}.entity-creation-flow article.done>span[b-6zvbo6zsrj]{color:#fff;background:#477080;border-color:#477080}.entity-creation-flow article.active>span[b-6zvbo6zsrj]{border-color:#86aab6;background:#e8f2f5}
[b-6zvbo6zsrj] .settings-secondary-action{border-color:#9bb8c2!important;color:#315e6e!important;border-radius:11px!important;text-transform:none!important}
[b-6zvbo6zsrj] .entity-detail-body{height:auto;max-height:none;overflow:visible;background:#fff}[b-6zvbo6zsrj] .entity-tabs>.mud-tabs-tabbar{position:sticky;top:0;z-index:3;border-bottom:1px solid #eee4e6;background:#faf6f7!important}[b-6zvbo6zsrj] .entity-tabs .mud-tab{min-height:54px;color:#705b5f;font-weight:800;text-transform:none}[b-6zvbo6zsrj] .entity-tabs>.mud-tabs-tabbar .mud-tab.mud-tab-active{color:#fff!important;background:#287562!important}[b-6zvbo6zsrj] .entity-tabs>.mud-tabs-tabbar .mud-tab:not(.mud-tab-active):hover{color:#185a49!important;background:#eaf6f2!important}[b-6zvbo6zsrj] .entity-tabs .mud-tabs-panels{height:auto;max-height:none;overflow:visible;padding:18px 18px 86px}
.quick-entity-form[b-6zvbo6zsrj]{display:grid;gap:18px;padding:22px 22px 86px;background:#fbfcfc}.quick-form-intro[b-6zvbo6zsrj]{padding-bottom:16px;border-bottom:1px solid #e3eaec}.quick-form-intro>span[b-6zvbo6zsrj],.quick-collaborator-section>div:first-child>span[b-6zvbo6zsrj]{color:#477080;font-size:10px;font-weight:900;letter-spacing:1px}.quick-form-intro h3[b-6zvbo6zsrj],.quick-collaborator-section h3[b-6zvbo6zsrj]{margin:3px 0;color:#302528;font-size:20px}.quick-form-intro p[b-6zvbo6zsrj],.quick-collaborator-section p[b-6zvbo6zsrj]{margin:0;color:#887579;font-size:12px}.quick-collaborator-section[b-6zvbo6zsrj]{display:grid;gap:14px;padding:18px;border:1px solid #dfe8ea;border-radius:17px;background:#fff}.entity-creation-flow.simple[b-6zvbo6zsrj]{justify-content:center}.entity-creation-flow.simple article[b-6zvbo6zsrj]{min-width:180px}
[b-6zvbo6zsrj] .entity-tabs .relation-tabs>.mud-tabs-tabbar{color:#715c60!important;background:#faf6f7!important}[b-6zvbo6zsrj] .entity-tabs .relation-tabs .mud-tab{color:#715c60!important;background:transparent!important}[b-6zvbo6zsrj] .entity-tabs .relation-tabs .mud-tab:hover{color:#185a49!important;background:#eaf6f2!important}[b-6zvbo6zsrj] .entity-tabs .relation-tabs .mud-tab.mud-tab-active{color:#185a49!important;background:#eaf6f2!important}
.entity-save-bar[b-6zvbo6zsrj]{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;gap:16px;padding:13px 16px;border-top:1px solid #e9dcde;background:rgba(255,255,255,.96);box-shadow:0 -10px 26px rgba(65,38,43,.08);backdrop-filter:blur(8px)}.entity-save-bar>div[b-6zvbo6zsrj]{flex:1}.entity-save-bar strong[b-6zvbo6zsrj],.entity-save-bar span[b-6zvbo6zsrj]{display:block}.entity-save-bar strong[b-6zvbo6zsrj]{color:#4e393d;font-size:13px}.entity-save-bar span[b-6zvbo6zsrj]{margin-top:2px;color:#998589;font-size:10px}[b-6zvbo6zsrj] .entity-save-button{border-radius:11px;text-transform:none;box-shadow:0 9px 20px rgba(40,117,98,.17)}
[b-6zvbo6zsrj] .entity-detail-body .mud-input-control{margin-top:4px}[b-6zvbo6zsrj] .entity-detail-body .mud-input-slot{font-size:13px}[b-6zvbo6zsrj] .entity-detail-body .mud-paper{box-shadow:none}
@media(max-width:600px){.settings-surface-heading[b-6zvbo6zsrj]{align-items:flex-start}.settings-count[b-6zvbo6zsrj]{min-width:68px}.entity-detail-header[b-6zvbo6zsrj]{align-items:flex-start;flex-wrap:wrap}.entity-back[b-6zvbo6zsrj]{width:100%;justify-content:center}.entity-creation-flow[b-6zvbo6zsrj]{overflow-x:auto}.entity-creation-flow article[b-6zvbo6zsrj]{min-width:135px}[b-6zvbo6zsrj] .entity-tabs .mud-tabs-panels{padding:12px 10px 86px}.entity-save-bar>div[b-6zvbo6zsrj]{display:none}}
.directory-surface[b-6zvbo6zsrj]{overflow:hidden;border:1px solid #dfe5e3;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(48,57,54,.07)}
.directory-header[b-6zvbo6zsrj]{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid #e5ebe9;background:linear-gradient(130deg,#fff 55%,#eff8f5)}.directory-header>div:first-child[b-6zvbo6zsrj]{flex:1}.directory-header>div:first-child>span[b-6zvbo6zsrj]{color:#21745d;font-size:10px;font-weight:900;letter-spacing:1.1px}.directory-header h2[b-6zvbo6zsrj]{margin:3px 0;color:#263331;font-size:24px}.directory-header p[b-6zvbo6zsrj]{margin:0;color:#71807c;font-size:12px}.directory-actions[b-6zvbo6zsrj]{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.directory-create[b-6zvbo6zsrj]{min-height:42px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid #cad8d4;border-radius:11px;background:#fff;color:#3a5550;font:inherit;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer}.directory-create.primary[b-6zvbo6zsrj]{border-color:#25785f;background:#25785f;color:#fff}.directory-create .mud-icon-root[b-6zvbo6zsrj]{font-size:1rem}
.directory-toolbar[b-6zvbo6zsrj]{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:13px;padding:13px 17px;border-bottom:1px solid #e7eceb;background:#f9fbfa}.directory-search[b-6zvbo6zsrj]{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #d5dfdc;border-radius:11px;background:#fff;color:#71817d}.directory-search:focus-within[b-6zvbo6zsrj]{border-color:#6ca795;box-shadow:0 0 0 3px rgba(48,130,106,.08)}.directory-search input[b-6zvbo6zsrj]{min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px}.directory-search button[b-6zvbo6zsrj]{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:8px;background:#f0f4f3;color:#667572;cursor:pointer}.directory-search .mud-icon-root[b-6zvbo6zsrj]{font-size:1rem}.directory-filters[b-6zvbo6zsrj]{display:flex;gap:4px;padding:3px;border-radius:11px;background:#edf2f1}.directory-filters button[b-6zvbo6zsrj]{height:34px;display:flex;align-items:center;gap:5px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#61716d;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.directory-filters button.active[b-6zvbo6zsrj]{background:#fff;color:#176a54;box-shadow:0 2px 8px rgba(37,72,63,.11)}.directory-filters .mud-icon-root[b-6zvbo6zsrj]{font-size:.95rem}.directory-result-count[b-6zvbo6zsrj]{color:#788682;font-size:10px;white-space:nowrap}.directory-result-count strong[b-6zvbo6zsrj]{color:#263633;font-size:15px}
.directory-column-labels[b-6zvbo6zsrj]{display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(150px,.8fr) minmax(180px,1fr) 110px;gap:15px;padding:10px 18px;border-bottom:1px solid #e8edec;color:#87938f;background:#fff;font-size:9px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.directory-list[b-6zvbo6zsrj]{min-height:260px}.directory-row[b-6zvbo6zsrj]{width:100%;display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(150px,.8fr) minmax(180px,1fr) 110px;align-items:center;gap:15px;padding:13px 18px;border:0;border-bottom:1px solid #e9eeec;background:#fff;color:#263431;font:inherit;text-align:left;cursor:pointer;transition:.14s ease}.directory-row:hover[b-6zvbo6zsrj]{position:relative;z-index:1;background:#f5faf8;box-shadow:inset 4px 0 #277b62}.directory-person[b-6zvbo6zsrj]{display:flex;align-items:center;gap:11px;min-width:0}.directory-avatar[b-6zvbo6zsrj]{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf2f1;color:#516561;font-size:11px;font-style:normal;font-weight:900}.directory-avatar.customer[b-6zvbo6zsrj]{background:#e7f5ef;color:#187057}.directory-avatar.supplier[b-6zvbo6zsrj]{background:#fff1d9;color:#956313}.directory-avatar.employee[b-6zvbo6zsrj]{background:#e9f0fb;color:#386aaf}.directory-person>span[b-6zvbo6zsrj]{min-width:0}.directory-person strong[b-6zvbo6zsrj],.directory-person small[b-6zvbo6zsrj],.directory-identification strong[b-6zvbo6zsrj],.directory-identification small[b-6zvbo6zsrj]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-person strong[b-6zvbo6zsrj]{font-size:12px}.directory-person small[b-6zvbo6zsrj],.directory-identification small[b-6zvbo6zsrj]{margin-top:3px;color:#84908d;font-size:9px}.directory-role-list[b-6zvbo6zsrj]{display:flex;gap:4px;flex-wrap:wrap}.directory-role-list i[b-6zvbo6zsrj]{padding:4px 7px;border-radius:999px;background:#edf2f1;color:#536762;font-size:9px;font-style:normal;font-weight:850}.directory-role-list i.customer[b-6zvbo6zsrj]{background:#e6f4ee;color:#176d55}.directory-role-list i.supplier[b-6zvbo6zsrj]{background:#fff0d5;color:#8f5e10}.directory-role-list i.employee[b-6zvbo6zsrj]{background:#e7eef9;color:#3566a9}.directory-identification strong[b-6zvbo6zsrj]{font-size:11px}.directory-open[b-6zvbo6zsrj]{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#28745f;font-size:10px;font-weight:850}.directory-open .mud-icon-root[b-6zvbo6zsrj]{font-size:1rem}.directory-empty[b-6zvbo6zsrj]{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#87938f;text-align:center}.directory-empty .mud-icon-root[b-6zvbo6zsrj]{font-size:2.5rem;color:#7aa99b}.directory-empty strong[b-6zvbo6zsrj]{color:#354440;font-size:15px}.directory-empty span[b-6zvbo6zsrj]{font-size:11px}
@media(max-width:980px){.directory-header[b-6zvbo6zsrj]{align-items:flex-start;flex-direction:column}.directory-actions[b-6zvbo6zsrj]{justify-content:flex-start}.directory-toolbar[b-6zvbo6zsrj]{grid-template-columns:1fr}.directory-result-count[b-6zvbo6zsrj]{display:none}.directory-filters[b-6zvbo6zsrj]{overflow:auto}.directory-column-labels[b-6zvbo6zsrj]{display:none}.directory-row[b-6zvbo6zsrj]{grid-template-columns:minmax(0,1fr) auto}.directory-role-list[b-6zvbo6zsrj]{justify-content:flex-end}.directory-identification[b-6zvbo6zsrj]{grid-column:1}.directory-open[b-6zvbo6zsrj]{grid-column:2;grid-row:1/3}.directory-open span[b-6zvbo6zsrj]{display:none}}
@media(max-width:600px){.directory-header[b-6zvbo6zsrj]{padding:16px}.directory-actions[b-6zvbo6zsrj]{display:grid;grid-template-columns:1fr 1fr;width:100%}.directory-create[b-6zvbo6zsrj]{justify-content:center}.directory-create:last-child[b-6zvbo6zsrj]{grid-column:1/-1}.directory-toolbar[b-6zvbo6zsrj]{padding:10px}.directory-filters button[b-6zvbo6zsrj]{flex:1;justify-content:center;white-space:nowrap}.directory-filters .mud-icon-root[b-6zvbo6zsrj]{display:none}.directory-row[b-6zvbo6zsrj]{padding:12px}.directory-role-list[b-6zvbo6zsrj]{display:none}}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-hero[b-ey6t7ixifz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 22px;
    padding: 6px 2px;
}

.dashboard-kicker[b-ey6t7ixifz] {
    display: block;
    margin: 0 0 7px;
    color: #287562;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.dashboard-hero h1[b-ey6t7ixifz] {
    margin: 0;
    color: #241c1d;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 850;
    line-height: 1.12;
    letter-spacing: -.04em;
}

.dashboard-hero p[b-ey6t7ixifz] {
    margin: 9px 0 0;
    color: #756467;
    font-size: 14px;
}

.dashboard-actions[b-ey6t7ixifz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.dashboard-action[b-ey6t7ixifz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
    border: 1px solid #e5d8db;
    border-radius: 14px;
    color: #5f484d;
    background: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease;
}

.dashboard-action.primary[b-ey6t7ixifz] {
    border-color: #287562;
    color: #fff;
    background: linear-gradient(135deg, #349078, #1f6956);
    box-shadow: 0 9px 20px rgba(185, 28, 28, .2);
}

.dashboard-action:hover[b-ey6t7ixifz] {
    transform: translateY(-1px);
}

.dashboard-stats[b-ey6t7ixifz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}

.dashboard-stat[b-ey6t7ixifz] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 92px;
    padding: 16px 18px;
    border: 1px solid #e7dde0;
    border-radius: 18px;
    color: #4b3b3e;
    background: #fff;
    box-shadow: 0 8px 22px rgba(77, 28, 34, .045);
    text-decoration: none;
}

.dashboard-stat > span:nth-child(2)[b-ey6t7ixifz] {
    display: grid;
    margin-right: auto;
}

.dashboard-stat strong[b-ey6t7ixifz] {
    color: #241c1d;
    font-size: 24px;
    font-weight: 850;
    line-height: 1;
}

.dashboard-stat small[b-ey6t7ixifz] {
    margin-top: 5px;
    color: #806b70;
    font-size: 12px;
    font-weight: 650;
}

.dashboard-stat-icon[b-ey6t7ixifz] {
    display: grid;
    flex: 0 0 50px;
    place-items: center;
    width: 50px;
    height: 50px;
    margin: 0;
    border-radius: 16px;
}

.dashboard-stat-icon.running[b-ey6t7ixifz] {
    color: #166534;
    background: #dcfce7;
}

.dashboard-stat-icon.urgent[b-ey6t7ixifz] {
    color: #b91c1c;
    background: #fee2e2;
}

.dashboard-stat-icon.people[b-ey6t7ixifz] {
    color: #7c2d12;
    background: #ffedd5;
}

.dashboard-stat-icon.today[b-ey6t7ixifz] { color: #1d4ed8; background: #dbeafe; }
.dashboard-stat-icon.overdue[b-ey6t7ixifz] { color: #b91c1c; background: #fee2e2; }
.dashboard-stat-icon.quotes[b-ey6t7ixifz] { color: #7c3aed; background: #ede9fe; }
.dashboard-stat-icon.tasks[b-ey6t7ixifz] { color: #0f766e; background: #ccfbf1; }
.dashboard-stat.attention[b-ey6t7ixifz] { border-color: #efb4b7; background: #fff8f8; }

[b-ey6t7ixifz] .dashboard-panel {
    padding: 10px !important;
}

[b-ey6t7ixifz] .dashboard-panel .mud-expand-panel {
    border: 0;
}

[b-ey6t7ixifz] .dashboard-panel .mud-expand-panel-header {
    min-height: 60px;
    padding: 0 12px;
}

[b-ey6t7ixifz] .work-card {
    flex: 1 1 250px !important;
    max-width: 310px !important;
    min-width: 230px !important;
    cursor: pointer;
}

@media (max-width: 960px) {
    .dashboard-stats[b-ey6t7ixifz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .dashboard-hero[b-ey6t7ixifz] {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .dashboard-actions[b-ey6t7ixifz] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-action[b-ey6t7ixifz] {
        width: 100%;
    }

    [b-ey6t7ixifz] .work-card {
        max-width: none !important;
        min-width: 100% !important;
    }
}
/* /Components/Pages/HomeDashboardPage.razor.rz.scp.css */
.home-dashboard[b-jqpdla1rad] {
    --ink: #21181a;
    --muted: #806f72;
    --line: #eadfe1;
    --surface: #fff;
    --soft: #faf7f7;
    --brand: #287562;
    --brand-dark: #1f6956;
    --green: #188660;
    --green-soft: #e9f7f1;
    --amber: #b96b0b;
    --amber-soft: #fff3df;
    color: var(--ink);
    display: grid;
    gap: 18px;
    padding: 6px 4px 34px;
}

.dashboard-loading[b-jqpdla1rad] {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--ink);
}

.dashboard-loading div[b-jqpdla1rad] { display: grid; gap: 2px; }
.dashboard-loading strong[b-jqpdla1rad] { font-size: 1.05rem; }
.dashboard-loading small[b-jqpdla1rad] { color: var(--muted); }

.dashboard-hero-v2[b-jqpdla1rad] {
    position: relative;
    overflow: hidden;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 26px 28px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 84% 0%, rgba(229, 27, 35, .08), transparent 34%),
        linear-gradient(135deg, #fff 0%, #fcf8f8 100%);
    box-shadow: 0 16px 42px rgba(56, 31, 35, .06);
}

.dashboard-hero-v2[b-jqpdla1rad]::after {
    content: "";
    position: absolute;
    right: -54px;
    bottom: -110px;
    width: 260px;
    height: 260px;
    border: 38px solid rgba(229, 27, 35, .035);
    border-radius: 50%;
    pointer-events: none;
}

.hero-copy[b-jqpdla1rad] { position: relative; z-index: 1; min-width: 280px; }
.hero-kicker[b-jqpdla1rad], .panel-eyebrow[b-jqpdla1rad] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--brand);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.hero-copy h1[b-jqpdla1rad] {
    margin: 7px 0 2px;
    font-size: clamp(2rem, 3.2vw, 3.25rem);
    line-height: 1.05;
    letter-spacing: -.055em;
}

.hero-copy p[b-jqpdla1rad] { margin: 0; color: #705f62; font-size: 1rem; }
.last-update[b-jqpdla1rad] { display: block; margin-top: 10px; color: #9b8b8d; font-size: .72rem; font-weight: 700; }

.hero-actions[b-jqpdla1rad] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

.quick-action[b-jqpdla1rad], .refresh-action[b-jqpdla1rad] {
    min-height: 52px;
    border: 1px solid var(--line);
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 15px;
    color: #4d3c3f;
    background: rgba(255,255,255,.9);
    text-decoration: none;
    font-weight: 800;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.quick-action span[b-jqpdla1rad] { display: grid; line-height: 1.05; }
.quick-action small[b-jqpdla1rad] { margin-bottom: 4px; color: #a08f91; font-size: .61rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.quick-action:hover[b-jqpdla1rad], .refresh-action:hover[b-jqpdla1rad] { transform: translateY(-2px); border-color: #dfc7ca; box-shadow: 0 8px 20px rgba(59, 33, 37, .09); }
.quick-action.primary[b-jqpdla1rad] { border-color: var(--brand); color: #fff; background: linear-gradient(135deg, #ec232b, #cf1017); box-shadow: 0 10px 22px rgba(229,27,35,.2); }
.quick-action.primary small[b-jqpdla1rad] { color: rgba(255,255,255,.75); }
.refresh-action[b-jqpdla1rad] { width: 52px; justify-content: center; cursor: pointer; }
.refresh-action:disabled[b-jqpdla1rad] { opacity: .55; cursor: wait; }

.attention-strip[b-jqpdla1rad] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 68px;
    padding: 12px 18px;
    border: 1px solid #eddfe1;
    border-radius: 18px;
    background: #fff;
}

.attention-strip.has-alerts[b-jqpdla1rad] { border-color: #f1d4b4; background: linear-gradient(90deg, #fff9f0, #fff); }
.attention-strip.is-calm[b-jqpdla1rad] { border-color: #cde9dc; background: linear-gradient(90deg, #f1fbf7, #fff); }
.attention-icon[b-jqpdla1rad] { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: var(--amber); background: var(--amber-soft); }
.is-calm .attention-icon[b-jqpdla1rad] { color: var(--green); background: var(--green-soft); }
.attention-strip div[b-jqpdla1rad] { display: grid; gap: 2px; }
.attention-strip div strong[b-jqpdla1rad] { font-size: .95rem; }
.attention-strip div small[b-jqpdla1rad] { color: var(--muted); }
.attention-strip > a[b-jqpdla1rad], .panel-link[b-jqpdla1rad] { display: inline-flex; align-items: center; gap: 6px; color: #554347; font-size: .8rem; font-weight: 800; text-decoration: none; }

.dashboard-metrics[b-jqpdla1rad] {
    display: grid;
    grid-template-columns: repeat(6, minmax(145px, 1fr));
    gap: 12px;
}

.metric-card[b-jqpdla1rad] {
    position: relative;
    min-height: 104px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 19px;
    color: var(--ink);
    background: var(--surface);
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(46, 26, 30, .045);
    transition: transform .18s ease, box-shadow .18s ease;
}

.metric-card:hover[b-jqpdla1rad] { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(46,26,30,.09); }
.metric-icon[b-jqpdla1rad] { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; color: #245fc2; background: #e9f0ff; }
.metric-copy[b-jqpdla1rad] { display: grid; gap: 2px; min-width: 0; }
.metric-copy strong[b-jqpdla1rad] { font-size: 1.8rem; line-height: 1; letter-spacing: -.04em; }
.metric-copy small[b-jqpdla1rad] { color: #6f5f62; font-weight: 700; line-height: 1.2; }
.metric-trend[b-jqpdla1rad] { align-self: start; border-radius: 99px; padding: 4px 7px; color: var(--green); background: var(--green-soft); font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.metric-card.active .metric-icon[b-jqpdla1rad] { color: var(--green); background: var(--green-soft); }
.metric-card.today .metric-icon[b-jqpdla1rad] { color: #275fcb; background: #eaf0ff; }
.metric-card.overdue .metric-icon[b-jqpdla1rad] { color: var(--amber); background: var(--amber-soft); }
.metric-card.overdue.alert[b-jqpdla1rad] { border-color: #efc6a2; }
.metric-card.priority .metric-icon[b-jqpdla1rad] { color: var(--brand); background: #ffebec; }
.metric-card.quotes .metric-icon[b-jqpdla1rad] { color: #6f45d9; background: #f0ebff; }
.metric-card.tasks .metric-icon[b-jqpdla1rad] { color: #177b75; background: #e4f7f5; }

.dashboard-layout[b-jqpdla1rad] { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(310px, .72fr); gap: 16px; align-items: start; }
.dashboard-main-column[b-jqpdla1rad], .dashboard-side-column[b-jqpdla1rad] { display: grid; gap: 16px; }
.dashboard-panel-v2[b-jqpdla1rad] { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); box-shadow: 0 12px 32px rgba(48,27,31,.045); }
.panel-heading[b-jqpdla1rad] { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; border-bottom: 1px solid #f0e7e8; }
.panel-heading.small[b-jqpdla1rad] { min-height: 82px; }
.panel-heading h2[b-jqpdla1rad] { margin: 2px 0 1px; font-size: 1.25rem; letter-spacing: -.025em; }
.panel-heading p[b-jqpdla1rad] { margin: 0; color: var(--muted); font-size: .82rem; }
.panel-eyebrow[b-jqpdla1rad] { font-size: .62rem; color: var(--green); }
.panel-eyebrow.attention[b-jqpdla1rad] { color: var(--brand); }
.panel-link[b-jqpdla1rad] { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 11px; padding: 9px 11px; }
.panel-link.icon[b-jqpdla1rad] { padding: 9px; }
.panel-count[b-jqpdla1rad] { min-width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: var(--brand); background: #ffebec; font-size: 1.05rem; font-weight: 900; }

.active-work-list[b-jqpdla1rad] { display: grid; }
.active-work-row[b-jqpdla1rad] {
    min-height: 118px;
    display: grid;
    grid-template-columns: auto minmax(175px, 1.25fr) minmax(150px, .9fr) minmax(150px, .9fr) minmax(115px, .65fr) auto;
    align-items: center;
    gap: 15px;
    padding: 16px 20px;
    border-bottom: 1px solid #f1e9ea;
}
.active-work-row:last-child[b-jqpdla1rad] { border-bottom: 0; }
.active-work-row:hover[b-jqpdla1rad] { background: #fdfafa; }
.vehicle-symbol[b-jqpdla1rad] { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: var(--brand); background: #eaf6f2; }
.vehicle-main[b-jqpdla1rad], .work-person > span:last-child[b-jqpdla1rad], .work-timing span[b-jqpdla1rad] { display: grid; gap: 2px; min-width: 0; }
.vehicle-main > span[b-jqpdla1rad], .vehicle-main > small[b-jqpdla1rad], .work-person small[b-jqpdla1rad], .work-timing small[b-jqpdla1rad] { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vehicle-main > span[b-jqpdla1rad] { font-size: .83rem; font-weight: 700; }
.vehicle-main > small[b-jqpdla1rad], .work-person small[b-jqpdla1rad], .work-timing small[b-jqpdla1rad] { font-size: .69rem; }
.vehicle-title[b-jqpdla1rad] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.vehicle-title > strong[b-jqpdla1rad] { font-size: 1.08rem; letter-spacing: .035em; }
.status-chip[b-jqpdla1rad] { display: inline-flex; align-items: center; gap: 4px; border-radius: 99px; padding: 4px 7px; font-size: .58rem; font-weight: 900; text-transform: uppercase; }
.status-chip.working[b-jqpdla1rad] { color: var(--green); background: var(--green-soft); }
.status-chip.working > span[b-jqpdla1rad] { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(24,134,96,.12); }
.status-chip.urgent[b-jqpdla1rad] { color: var(--brand-dark); background: #ffebec; }
.work-person[b-jqpdla1rad] { display: flex; align-items: center; gap: 9px; min-width: 0; }
.work-person strong[b-jqpdla1rad], .work-timing strong[b-jqpdla1rad] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8rem; }
.person-avatar[b-jqpdla1rad], .team-avatar[b-jqpdla1rad] { flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; font-weight: 900; }
.person-avatar[b-jqpdla1rad] { width: 34px; height: 34px; color: #fff; background: #35282a; font-size: .7rem; }
.work-timing[b-jqpdla1rad] { display: flex; gap: 18px; }
.work-progress[b-jqpdla1rad] { display: grid; gap: 7px; }
.work-progress > div[b-jqpdla1rad] { display: flex; justify-content: space-between; color: var(--muted); font-size: .68rem; }
.work-progress strong[b-jqpdla1rad] { color: var(--ink); }
.progress-track[b-jqpdla1rad] { height: 6px; overflow: hidden; border-radius: 99px; background: #eee5e6; }
.progress-track i[b-jqpdla1rad] { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.open-work-button[b-jqpdla1rad] { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: var(--brand); background: #eaf6f2; text-decoration: none; }
.open-work-button:hover[b-jqpdla1rad] { color: #fff; background: var(--brand); }

.priority-list[b-jqpdla1rad] { display: grid; }
.priority-row[b-jqpdla1rad] { min-height: 80px; display: grid; grid-template-columns: auto minmax(140px, 1fr) minmax(130px, 1.15fr) minmax(125px, .75fr) auto auto; align-items: center; gap: 13px; padding: 13px 20px; border-bottom: 1px solid #f1e9ea; color: var(--ink); text-decoration: none; }
.priority-row:last-child[b-jqpdla1rad] { border-bottom: 0; }
.priority-row:hover[b-jqpdla1rad] { background: #fdfafa; }
.priority-state[b-jqpdla1rad] { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; }
.priority-state.late[b-jqpdla1rad], .priority-state.urgent[b-jqpdla1rad] { color: var(--brand); background: #ffebec; }
.priority-state.soon[b-jqpdla1rad] { color: var(--amber); background: var(--amber-soft); }
.priority-vehicle[b-jqpdla1rad], .priority-client[b-jqpdla1rad], .priority-date[b-jqpdla1rad] { display: grid; gap: 2px; min-width: 0; }
.priority-row strong[b-jqpdla1rad] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8rem; }
.priority-row small[b-jqpdla1rad] { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .68rem; }
.priority-reason[b-jqpdla1rad] { border-radius: 99px; padding: 5px 9px; font-size: .63rem; font-weight: 900; white-space: nowrap; }
.priority-reason.late[b-jqpdla1rad], .priority-reason.urgent[b-jqpdla1rad] { color: var(--brand-dark); background: #ffebec; }
.priority-reason.soon[b-jqpdla1rad] { color: #96600f; background: var(--amber-soft); }

.team-summary[b-jqpdla1rad] { display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-bottom: 1px solid #f1e9ea; background: linear-gradient(135deg, #f3fbf7, #fff); }
.team-summary > div:last-child[b-jqpdla1rad] { display: grid; gap: 2px; }
.team-summary > div:last-child small[b-jqpdla1rad] { color: var(--muted); }
.team-ring[b-jqpdla1rad] { width: 66px; height: 66px; display: grid; place-content: center; text-align: center; border: 6px solid #cceadd; border-top-color: var(--green); border-radius: 50%; }
.team-ring strong[b-jqpdla1rad] { font-size: 1.15rem; line-height: 1; }
.team-ring small[b-jqpdla1rad] { margin-top: 2px; color: var(--muted); font-size: .55rem; }
.team-list[b-jqpdla1rad] { display: grid; padding: 5px 0; }
.team-row[b-jqpdla1rad] { min-height: 60px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 18px; }
.team-row:hover[b-jqpdla1rad] { background: #fcf9f9; }
.team-avatar[b-jqpdla1rad] { position: relative; width: 38px; height: 38px; color: #554347; background: #f3edef; font-size: .72rem; }
.team-avatar[b-jqpdla1rad]::after { content: ""; position: absolute; right: -1px; top: -1px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: var(--green); }
.team-avatar.busy[b-jqpdla1rad]::after { background: #dc8510; }
.team-name[b-jqpdla1rad] { display: grid; min-width: 0; }
.team-name strong[b-jqpdla1rad], .team-name small[b-jqpdla1rad] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-name strong[b-jqpdla1rad] { font-size: .8rem; }
.team-name small[b-jqpdla1rad] { color: var(--muted); font-size: .66rem; }
.availability[b-jqpdla1rad] { display: inline-flex; align-items: center; gap: 5px; border-radius: 99px; padding: 4px 7px; font-size: .58rem; font-weight: 800; }
.availability i[b-jqpdla1rad] { width: 6px; height: 6px; border-radius: 50%; }
.availability.available[b-jqpdla1rad] { color: var(--green); background: var(--green-soft); }
.availability.available i[b-jqpdla1rad] { background: var(--green); }
.availability.busy[b-jqpdla1rad] { color: #99610a; background: var(--amber-soft); }
.availability.busy i[b-jqpdla1rad] { background: #d77b04; }

.delivery-list[b-jqpdla1rad] { display: grid; padding: 5px 0; }
.delivery-row[b-jqpdla1rad] { min-height: 66px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 10px 18px; color: var(--ink); text-decoration: none; }
.delivery-row:hover[b-jqpdla1rad] { background: #fcf9f9; }
.delivery-row > span:nth-child(2)[b-jqpdla1rad] { display: grid; min-width: 0; }
.delivery-row > span:nth-child(2) strong[b-jqpdla1rad], .delivery-row > span:nth-child(2) small[b-jqpdla1rad] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.delivery-row > span:nth-child(2) small[b-jqpdla1rad] { color: var(--muted); font-size: .67rem; }
.delivery-date[b-jqpdla1rad] { width: 42px; height: 46px; display: grid; place-content: center; text-align: center; border-radius: 11px; color: var(--brand); background: #eaf6f2; }
.delivery-date strong[b-jqpdla1rad] { font-size: 1rem; line-height: 1; }
.delivery-date small[b-jqpdla1rad] { margin-top: 2px; font-size: .55rem; font-weight: 900; }

.empty-panel[b-jqpdla1rad] { display: flex; align-items: center; gap: 13px; padding: 24px 22px; color: var(--muted); }
.empty-panel > span[b-jqpdla1rad] { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: var(--green); background: var(--green-soft); }
.empty-panel > div[b-jqpdla1rad] { display: grid; flex: 1; }
.empty-panel strong[b-jqpdla1rad] { color: var(--ink); }
.empty-panel small[b-jqpdla1rad] { font-size: .75rem; }
.empty-panel a[b-jqpdla1rad] { color: var(--brand); font-size: .75rem; font-weight: 900; text-decoration: none; }
.empty-panel.mini[b-jqpdla1rad] { padding: 20px 18px; }

@media (max-width: 1450px) {
    .dashboard-metrics[b-jqpdla1rad] { grid-template-columns: repeat(3, 1fr); }
    .active-work-row[b-jqpdla1rad] { grid-template-columns: auto minmax(160px, 1.2fr) minmax(140px, .9fr) minmax(140px, .9fr) auto; }
    .work-progress[b-jqpdla1rad] { display: none; }
}

@media (max-width: 1120px) {
    .dashboard-hero-v2[b-jqpdla1rad] { align-items: flex-start; flex-direction: column; }
    .hero-actions[b-jqpdla1rad] { justify-content: flex-start; }
    .dashboard-layout[b-jqpdla1rad] { grid-template-columns: 1fr; }
    .dashboard-side-column[b-jqpdla1rad] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .home-dashboard[b-jqpdla1rad] { padding-inline: 0; }
    .dashboard-hero-v2[b-jqpdla1rad] { padding: 22px 18px; border-radius: 18px; }
    .hero-actions[b-jqpdla1rad] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .quick-action[b-jqpdla1rad] { min-width: 0; }
    .refresh-action[b-jqpdla1rad] { width: 100%; }
    .dashboard-metrics[b-jqpdla1rad] { grid-template-columns: repeat(2, 1fr); }
    .attention-strip[b-jqpdla1rad] { grid-template-columns: auto 1fr; }
    .attention-strip > a[b-jqpdla1rad] { grid-column: 2; justify-self: start; }
    .active-work-row[b-jqpdla1rad] { grid-template-columns: auto minmax(0, 1fr) auto; }
    .work-person[b-jqpdla1rad], .work-timing[b-jqpdla1rad] { grid-column: 2; }
    .work-timing[b-jqpdla1rad] { justify-content: flex-start; }
    .open-work-button[b-jqpdla1rad] { grid-column: 3; grid-row: 1 / span 3; }
    .priority-row[b-jqpdla1rad] { grid-template-columns: auto minmax(0, 1fr) auto; }
    .priority-client[b-jqpdla1rad], .priority-date[b-jqpdla1rad] { grid-column: 2; }
    .priority-reason[b-jqpdla1rad] { grid-column: 2; justify-self: start; }
    .priority-row > .mud-icon-root:last-child[b-jqpdla1rad] { grid-column: 3; grid-row: 1 / span 4; }
    .dashboard-side-column[b-jqpdla1rad] { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .dashboard-metrics[b-jqpdla1rad] { grid-template-columns: 1fr; }
    .metric-card[b-jqpdla1rad] { min-height: 86px; }
    .hero-actions[b-jqpdla1rad] { grid-template-columns: 1fr; }
    .panel-heading[b-jqpdla1rad] { align-items: flex-start; }
    .panel-link[b-jqpdla1rad] { padding: 8px; font-size: 0; }
    .panel-link :deep(svg)[b-jqpdla1rad] { margin: 0; }
    .availability[b-jqpdla1rad] { display: none; }
}
/* /Components/Pages/MyWorkPage.razor.rz.scp.css */
.mywork-page[b-lnbsuptjnh] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 22px;
    color: #223234;
}
.mywork-hero[b-lnbsuptjnh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 25px 28px;
    border: 1px solid #dce6e3;
    border-radius: 22px;
    background: linear-gradient(120deg,#fff 56%,#edf8f5);
}
.mywork-hero > div > span[b-lnbsuptjnh] { color: #287562; font-size: .69rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.mywork-hero h1[b-lnbsuptjnh] { margin: 4px 0; font-size: 2rem; }
.mywork-hero p[b-lnbsuptjnh] { margin: 0; color: #687779; }
.mywork-hero button[b-lnbsuptjnh] { display: flex; align-items: center; gap: 7px; padding: 11px 14px; border: 1px solid #287562; border-radius: 11px; background: #287562; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }

.mywork-summary[b-lnbsuptjnh] {
    display: grid;
    grid-template-columns: repeat(3,minmax(175px,220px)) 1fr;
    gap: 9px;
    margin: 14px 0;
}
.mywork-summary > button[b-lnbsuptjnh] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px;
    border: 1px solid #dce5e2;
    border-radius: 14px;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.mywork-summary > button.selected[b-lnbsuptjnh] { border-color: #287562; background: #eff8f5; box-shadow: 0 0 0 2px rgba(40,117,98,.09); }
.mywork-summary i[b-lnbsuptjnh] { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 10px; background: #edf1f0; color: #526563; }
.mywork-summary i.active[b-lnbsuptjnh] { background: #e2f6ed; color: #127355; }
.mywork-summary i.pending[b-lnbsuptjnh] { background: #fff2d8; color: #9c600b; }
.mywork-summary button > span[b-lnbsuptjnh] { display: flex; flex-direction: column; }
.mywork-summary strong[b-lnbsuptjnh] { font-size: 1.18rem; line-height: 1; }
.mywork-summary small[b-lnbsuptjnh] { margin-top: 4px; color: #74817f; }
.mywork-summary > .user[b-lnbsuptjnh] { align-self: center; justify-self: end; display: flex; align-items: center; gap: 6px; max-width: 100%; overflow: hidden; color: #667572; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }

.mywork-tools[b-lnbsuptjnh] { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 14px 0; }
.mywork-tools label[b-lnbsuptjnh] { width: min(600px,100%); display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #d6e0dd; border-radius: 12px; background: #fff; }
.mywork-tools input[b-lnbsuptjnh] { width: 100%; padding: 12px 0; border: 0; outline: 0; background: transparent; font: inherit; }
.mywork-tools > span[b-lnbsuptjnh] { color: #74817f; font-size: .75rem; }
.mywork-tools > span strong[b-lnbsuptjnh] { color: #324744; }

.mywork-grid[b-lnbsuptjnh] { display: grid; grid-template-columns: repeat(auto-fill,minmax(390px,1fr)); gap: 12px; align-items: start; }
.mywork-card[b-lnbsuptjnh] { position: relative; display: grid; align-content: start; gap: 12px; padding: 16px; overflow: hidden; border: 1px solid #dce5e2; border-radius: 17px; background: #fff; box-shadow: 0 6px 18px rgba(39,75,66,.05); }
.mywork-card[b-lnbsuptjnh]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #d29a40; }
.mywork-card.working[b-lnbsuptjnh] { grid-column: span 2; border-color: #8dc6b6; background: linear-gradient(115deg,#fff 68%,#f0faf7); box-shadow: 0 9px 24px rgba(36,117,94,.10); }
.mywork-card.working[b-lnbsuptjnh]::before { background: #287562; }
.card-head[b-lnbsuptjnh] { display: flex; align-items: center; justify-content: space-between; color: #788683; font-size: .72rem; }
.card-head .state[b-lnbsuptjnh] { display: flex; align-items: center; gap: 6px; color: #287562; font-weight: 900; text-transform: uppercase; }
.card-head .state i[b-lnbsuptjnh] { width: 7px; height: 7px; border-radius: 50%; background: #2d9a78; box-shadow: 0 0 0 4px rgba(45,154,120,.11); }
.vehicle[b-lnbsuptjnh] { display: flex; align-items: center; gap: 12px; }
.vehicle > span[b-lnbsuptjnh] { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; background: #e6f5ef; color: #287562; }
.vehicle > div[b-lnbsuptjnh] { min-width: 0; }
.vehicle h2[b-lnbsuptjnh] { margin: 0; font-size: 1.52rem; }
.vehicle p[b-lnbsuptjnh], .vehicle small[b-lnbsuptjnh] { display: block; overflow: hidden; margin: 0; color: #71807e; text-overflow: ellipsis; white-space: nowrap; }
.work-description[b-lnbsuptjnh] { overflow: hidden; margin: -3px 0 0 60px; color: #4f625e; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.section[b-lnbsuptjnh] { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }
.section > span[b-lnbsuptjnh] { min-width: 0; display: flex; flex-direction: column; padding: 8px 9px; border-radius: 10px; background: #f2f6f4; }
.section small[b-lnbsuptjnh], .progress small[b-lnbsuptjnh] { color: #81908d; font-size: .61rem; font-weight: 900; text-transform: uppercase; }
.section strong[b-lnbsuptjnh] { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.instruction[b-lnbsuptjnh] { display: flex; gap: 8px; padding: 10px; border: 1px solid #cfe1e6; border-radius: 10px; background: #eef7f9; color: #365f6c; }
.instruction > .mud-icon-root[b-lnbsuptjnh] { flex: 0 0 auto; }
.instruction span[b-lnbsuptjnh] { min-width: 0; display: flex; flex-direction: column; }
.instruction small[b-lnbsuptjnh] { overflow: hidden; margin-top: 2px; text-overflow: ellipsis; white-space: nowrap; }
.progress > span[b-lnbsuptjnh] { display: flex; justify-content: space-between; gap: 10px; }
.progress > div[b-lnbsuptjnh] { height: 7px; margin-top: 6px; overflow: hidden; border-radius: 9px; background: #e5ece9; }
.progress i[b-lnbsuptjnh] { display: block; height: 100%; background: #287562; }
.tasks[b-lnbsuptjnh] { display: grid; gap: 6px; padding: 10px; border: 1px solid #e1e8e6; border-radius: 11px; background: #fbfcfc; }
.tasks-title[b-lnbsuptjnh] { margin-bottom: 2px; color: #586b67; font-size: .65rem; letter-spacing: .06em; text-transform: uppercase; }
.tasks > span[b-lnbsuptjnh] { display: flex; align-items: center; gap: 6px; color: #3e514e; font-size: .77rem; }
.tasks > span.done[b-lnbsuptjnh] { color: #648078; text-decoration: line-through; opacity: .68; }
.tasks .mud-icon-root[b-lnbsuptjnh] { flex: 0 0 auto; color: #477f70; font-size: 1.02rem; }
.task-warning[b-lnbsuptjnh] { color: #976318 !important; }
.card-actions[b-lnbsuptjnh] { display: grid; grid-template-columns: .72fr 1fr 1.12fr; gap: 7px; margin-top: auto; }
.card-actions a[b-lnbsuptjnh], .card-actions button[b-lnbsuptjnh] { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 9px; border: 1px solid #d4dfdc; border-radius: 10px; background: #fff; color: #435754; font: inherit; font-size: .72rem; font-weight: 800; text-decoration: none; cursor: pointer; }
.card-actions .return[b-lnbsuptjnh] { border-color: #e8cf9f; background: #fffaf1; color: #8e5c15; }
.card-actions .open[b-lnbsuptjnh] { border-color: #287562; background: #287562; color: #fff; }
.mywork-empty[b-lnbsuptjnh] { min-height: 320px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; border: 1px dashed #ccd9d5; border-radius: 18px; color: #71817e; }
.mywork-empty > .mud-icon-root[b-lnbsuptjnh] { color: #4f8979; font-size: 3.1rem; }

@media (max-width: 1050px) {
    .mywork-card.working[b-lnbsuptjnh] { grid-column: span 1; }
    .mywork-summary[b-lnbsuptjnh] { grid-template-columns: repeat(3,1fr); }
    .mywork-summary > .user[b-lnbsuptjnh] { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 760px) {
    .mywork-page[b-lnbsuptjnh] { padding: 12px; }
    .mywork-hero[b-lnbsuptjnh] { align-items: stretch; flex-direction: column; }
    .mywork-summary[b-lnbsuptjnh] { grid-template-columns: 1fr; }
    .mywork-tools[b-lnbsuptjnh] { align-items: stretch; flex-direction: column; }
    .mywork-grid[b-lnbsuptjnh] { grid-template-columns: 1fr; }
    .section[b-lnbsuptjnh] { grid-template-columns: 1fr; }
    .work-description[b-lnbsuptjnh] { margin-left: 0; }
    .card-actions[b-lnbsuptjnh] { grid-template-columns: 1fr; }
}
/* /Components/Pages/PermissionsHandlersPages/ModuleTree.razor.rz.scp.css */
.module-tree-row td[b-gunvf3pps2] {
    height: 42px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #5f4b4f;
    background: #fff;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}

.module-tree-row td:hover[b-gunvf3pps2] {
    border-color: #eedbdd;
    color: #185a49;
    background: #fff3f4;
}

.module-tree-expander[b-gunvf3pps2] {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin-right: 7px;
    border-radius: 7px;
    color: #287562;
    background: #fff0f1;
    font-size: 9px;
    font-weight: 900;
}

.module-tree-name[b-gunvf3pps2] {
    font-size: 12px;
    font-weight: 750;
}
/* /Components/Pages/PermissionsHandlersPages/UserPermsPage.razor.rz.scp.css */
.settings-page[b-1dtirmcdu8]{display:grid;gap:22px;padding-bottom:28px}.settings-loading[b-1dtirmcdu8]{display:flex;align-items:center;justify-content:center;gap:12px;min-height:260px;color:#8a7478}.settings-surface[b-1dtirmcdu8]{overflow:hidden;border:1px solid #e7dadd;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(62,36,41,.07)}
.user-selector[b-1dtirmcdu8]{display:grid;gap:16px;padding:22px;border-bottom:1px solid #e2e9eb;background:linear-gradient(135deg,#fff,#f7fbfc)}.selector-copy>span[b-1dtirmcdu8]{color:#477080;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.selector-copy h2[b-1dtirmcdu8]{margin:2px 0;color:#342326;font-size:21px}.selector-copy p[b-1dtirmcdu8],.panel-heading p[b-1dtirmcdu8]{margin:0;color:#7b8588;font-size:12px}.selector-controls[b-1dtirmcdu8]{display:flex;gap:10px}.settings-select[b-1dtirmcdu8],.user-picker input[b-1dtirmcdu8]{min-height:46px;padding:0 14px;border:1px solid #d7e1e4;border-radius:12px;color:#49363a;background:#fff;font:inherit;outline:none}.selector-controls>.settings-select[b-1dtirmcdu8]{flex:1}.settings-select:focus[b-1dtirmcdu8],.user-picker input:focus[b-1dtirmcdu8]{border-color:#86aab6;box-shadow:0 0 0 3px rgba(71,112,128,.1)}.selector-actions[b-1dtirmcdu8]{display:flex;gap:8px}.user-action[b-1dtirmcdu8]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 14px;border:0;border-radius:12px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.user-action.primary[b-1dtirmcdu8],.save-permissions[b-1dtirmcdu8]{color:#fff;background:#477080}.user-action.danger[b-1dtirmcdu8]{color:#815159;background:#f3e8ea}.user-action.neutral[b-1dtirmcdu8]{color:#556d75;background:#eaf2f4}.user-action:disabled[b-1dtirmcdu8]{opacity:.38;cursor:not-allowed}.user-cards[b-1dtirmcdu8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px}.user-cards>button[b-1dtirmcdu8]{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;min-height:64px;padding:10px;border:1px solid #e2e8ea;border-radius:13px;color:#49383b;background:#fff;text-align:left;cursor:pointer}.user-cards>button:hover[b-1dtirmcdu8]{border-color:#bfd1d7;background:#f7fbfc}.user-cards>button.active[b-1dtirmcdu8]{border-color:#91b3bf;background:#edf5f7}.user-cards>button>span[b-1dtirmcdu8]{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:#477080;font-size:11px;font-weight:900}.user-cards strong[b-1dtirmcdu8],.user-cards small[b-1dtirmcdu8]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-cards strong[b-1dtirmcdu8]{font-size:11px}.user-cards small[b-1dtirmcdu8]{margin-top:3px;color:#788a90;font-size:9px}.user-empty[b-1dtirmcdu8]{display:grid;justify-items:center;gap:6px;padding:58px 20px;color:#7f9aa4;text-align:center}.user-empty>svg[b-1dtirmcdu8]{font-size:42px}.user-empty strong[b-1dtirmcdu8]{color:#4b626a;font-size:16px}.user-empty span[b-1dtirmcdu8]{max-width:500px;color:#8b7c7f;font-size:12px;line-height:1.5}
.profile-row[b-1dtirmcdu8]{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;padding-top:4px}.profile-row label[b-1dtirmcdu8]{color:#604b4f;font-size:12px;font-weight:850}.user-picker[b-1dtirmcdu8]{display:grid;gap:10px;padding:14px;border:1px solid #cfe0e5;border-radius:14px;background:#f7fbfc}.picker-heading[b-1dtirmcdu8]{display:grid;grid-template-columns:40px 1fr 34px;align-items:center;gap:10px}.picker-heading>span[b-1dtirmcdu8]{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:#477080}.picker-heading strong[b-1dtirmcdu8],.picker-heading small[b-1dtirmcdu8]{display:block}.picker-heading strong[b-1dtirmcdu8]{font-size:12px}.picker-heading small[b-1dtirmcdu8]{margin-top:2px;color:#7c8e94;font-size:10px}.picker-heading>button[b-1dtirmcdu8]{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;color:#65777d;background:#e6eff1;cursor:pointer}.user-results[b-1dtirmcdu8]{display:grid;gap:6px;max-height:210px;overflow-y:auto}.user-results>div[b-1dtirmcdu8]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #e1e9eb;border-radius:10px;background:#fff;font-size:12px}.user-results>div>span[b-1dtirmcdu8]{display:flex;align-items:center;gap:7px}.user-results button[b-1dtirmcdu8]{padding:7px 11px;border:0;border-radius:8px;color:#fff;background:#477080;font-weight:800}.user-results p[b-1dtirmcdu8]{margin:10px;color:#788b91;text-align:center}
.grant-email-row[b-1dtirmcdu8]{display:grid;grid-template-columns:1fr auto;gap:9px}.grant-email-row>input[b-1dtirmcdu8]{width:100%}.grant-email-row>button[b-1dtirmcdu8]{display:flex;align-items:center;justify-content:center;gap:7px;min-width:130px;border:0;border-radius:11px;color:#fff;background:#477080;font-weight:850;cursor:pointer}.grant-email-row>button:disabled[b-1dtirmcdu8]{opacity:.4;cursor:not-allowed}.access-note[b-1dtirmcdu8]{display:flex;align-items:center;gap:7px;color:#71848a;font-size:10px}.access-note.success[b-1dtirmcdu8]{color:#287157}.temporary-access[b-1dtirmcdu8]{display:grid;grid-template-columns:42px 1fr 32px;align-items:center;gap:11px;padding:13px;border:1px solid #bcdcca;border-radius:13px;color:#22644d;background:#eef9f3}.temporary-access>div strong[b-1dtirmcdu8],.temporary-access>div span[b-1dtirmcdu8],.temporary-access>div small[b-1dtirmcdu8]{display:block}.temporary-access>div strong[b-1dtirmcdu8]{font-size:12px}.temporary-access>div span[b-1dtirmcdu8]{margin-top:3px;font-size:12px}.temporary-access>div small[b-1dtirmcdu8]{margin-top:3px;color:#5f7c71;font-size:9px}.temporary-access>button[b-1dtirmcdu8]{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;color:#477165;background:#dcefe5;cursor:pointer}
.account-recovery-row[b-1dtirmcdu8]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #e1e9eb;border-radius:13px;background:#fff}.account-recovery-row>div[b-1dtirmcdu8]{display:flex;align-items:center;gap:10px;color:#52717c}.account-recovery-row span[b-1dtirmcdu8],.account-recovery-row strong[b-1dtirmcdu8],.account-recovery-row small[b-1dtirmcdu8]{display:block}.account-recovery-row strong[b-1dtirmcdu8]{color:#455b63;font-size:11px}.account-recovery-row small[b-1dtirmcdu8]{margin-top:2px;color:#819096;font-size:9px}.account-recovery-row>button[b-1dtirmcdu8]{min-height:38px;padding:0 12px;border:0;border-radius:10px;color:#315e6e;background:#e8f2f5;font-size:10px;font-weight:850;cursor:pointer}.account-recovery-row>button:disabled[b-1dtirmcdu8]{opacity:.45}
.confirm-overlay[b-1dtirmcdu8]{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px;background:rgba(34,27,29,.55);backdrop-filter:blur(4px)}.confirm-dialog[b-1dtirmcdu8]{width:min(450px,100%);overflow:hidden;border:1px solid #eadfe1;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(31,20,23,.28);animation:confirm-in-b-1dtirmcdu8 .16s ease-out}.confirm-dialog>header[b-1dtirmcdu8]{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 8px}.confirm-dialog>header>span[b-1dtirmcdu8]{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#a13b45;background:#f8e9eb}.confirm-dialog>header>button[b-1dtirmcdu8]{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;color:#726267;background:#f4eff0;cursor:pointer}.confirm-copy[b-1dtirmcdu8]{padding:4px 22px 20px}.confirm-copy>span[b-1dtirmcdu8]{color:#a13b45;font-size:9px;font-weight:900;letter-spacing:1px}.confirm-copy h2[b-1dtirmcdu8]{margin:4px 0 8px;color:#34272a;font-size:24px}.confirm-copy p[b-1dtirmcdu8]{margin:0;color:#69575b;font-size:13px;line-height:1.5}.confirm-copy p strong[b-1dtirmcdu8]{overflow-wrap:anywhere}.confirm-copy small[b-1dtirmcdu8]{display:block;margin-top:10px;padding:10px 12px;border-radius:10px;color:#7e7073;background:#f7f4f5;font-size:10px;line-height:1.45}.confirm-dialog>footer[b-1dtirmcdu8]{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid #eee5e7;background:#fcfafb}.confirm-dialog>footer button[b-1dtirmcdu8]{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 15px;border:0;border-radius:11px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.confirm-dialog>footer .cancel[b-1dtirmcdu8]{color:#5d4e52;background:#eee9ea}.confirm-dialog>footer .remove[b-1dtirmcdu8]{color:#fff;background:#b73540;box-shadow:0 8px 18px rgba(183,53,64,.2)}@keyframes confirm-in-b-1dtirmcdu8{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.permission-workspace[b-1dtirmcdu8]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:18px;padding:20px}.module-panel[b-1dtirmcdu8],.permissions-panel[b-1dtirmcdu8]{overflow:hidden;border:1px solid #e9dfe1;border-radius:16px;background:#fff}.panel-heading[b-1dtirmcdu8]{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid #eee5e7;background:#fcf9fa}.panel-heading>span[b-1dtirmcdu8]{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#fff;background:#287562;font-size:12px;font-weight:900}.panel-heading h3[b-1dtirmcdu8]{margin:0;color:#453236;font-size:16px}.module-scroll[b-1dtirmcdu8]{height:390px;overflow-y:auto;padding:8px}.module-scroll table[b-1dtirmcdu8]{width:100%;border-collapse:separate;border-spacing:0 4px}.permission-options[b-1dtirmcdu8]{display:grid;gap:7px;padding:14px}.permission-options label[b-1dtirmcdu8]{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border:1px solid #efe6e8;border-radius:11px;cursor:pointer}.permission-options label:hover[b-1dtirmcdu8]{background:#fff5f6}.permission-options input[b-1dtirmcdu8]{width:18px;height:18px;accent-color:#287562}.permission-options span[b-1dtirmcdu8],.permission-options strong[b-1dtirmcdu8],.permission-options small[b-1dtirmcdu8]{display:block}.permission-options strong[b-1dtirmcdu8]{color:#503c40;font-size:12px}.permission-options small[b-1dtirmcdu8]{margin-top:1px;color:#9a878b;font-size:10px}.permission-actions[b-1dtirmcdu8]{display:grid;gap:7px;padding:0 14px 14px}.save-permissions[b-1dtirmcdu8],.revert-permissions[b-1dtirmcdu8]{min-height:42px;border:0;border-radius:11px;font:inherit;font-weight:800;cursor:pointer}.save-permissions[b-1dtirmcdu8]{color:#fff}.revert-permissions[b-1dtirmcdu8]{color:#9f151b;background:#fff0f1}.save-permissions:disabled[b-1dtirmcdu8],.revert-permissions:disabled[b-1dtirmcdu8]{color:#9a898c;background:#eee8e9;cursor:not-allowed}
@media(max-width:850px){.permission-workspace[b-1dtirmcdu8]{grid-template-columns:1fr}.module-scroll[b-1dtirmcdu8]{height:300px}}@media(max-width:600px){.selector-controls[b-1dtirmcdu8]{flex-direction:column}.selector-actions[b-1dtirmcdu8]{display:grid;grid-template-columns:1fr}.user-action[b-1dtirmcdu8]{width:100%}.profile-row[b-1dtirmcdu8]{grid-template-columns:1fr}.permission-workspace[b-1dtirmcdu8]{padding:12px}.grant-email-row[b-1dtirmcdu8]{grid-template-columns:1fr}.grant-email-row>button[b-1dtirmcdu8]{min-height:44px}.temporary-access[b-1dtirmcdu8]{grid-template-columns:36px 1fr 30px}}
/* /Components/Pages/PermissionsHandlersPages/UserProfilesConfigPage.razor.rz.scp.css */
.settings-page[b-loqirqbcqj] { display:grid; gap:22px; padding-bottom:28px; }
.settings-loading[b-loqirqbcqj] { display:flex; align-items:center; justify-content:center; gap:12px; min-height:260px; color:#8a7478; }
.settings-surface[b-loqirqbcqj] { overflow:hidden; border:1px solid #e7dadd; border-radius:20px; background:#fff; box-shadow:0 18px 45px rgba(62,36,41,.07); }
.profile-selector[b-loqirqbcqj] { display:grid; gap:16px; padding:22px; border-bottom:1px solid #eee4e6; background:linear-gradient(135deg,#fff,#fff8f8); }
.selector-copy > span[b-loqirqbcqj] { color:#287562; font-size:10px; font-weight:900; letter-spacing:.8px; text-transform:uppercase; }
.selector-copy h2[b-loqirqbcqj] { margin:2px 0; color:#342326; font-size:21px; }
.selector-copy p[b-loqirqbcqj],.panel-heading p[b-loqirqbcqj] { margin:0; color:#8a7579; font-size:12px; }
.selector-controls[b-loqirqbcqj] { display:flex; gap:10px; }
.settings-select[b-loqirqbcqj],.inline-create input[b-loqirqbcqj] { min-height:46px; padding:0 14px; border:1px solid #dfd1d4; border-radius:12px; color:#49363a; background:#fff; font:inherit; outline:none; }
.settings-select[b-loqirqbcqj] { flex:1; }
.settings-select:focus[b-loqirqbcqj],.inline-create input:focus[b-loqirqbcqj] { border-color:#287562; box-shadow:0 0 0 3px rgba(40,117,98,.08); }
.selector-actions[b-loqirqbcqj] { display:flex; gap:8px; }
.profile-action[b-loqirqbcqj]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 14px;border:0;border-radius:12px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.profile-action.primary[b-loqirqbcqj],.save-permissions[b-loqirqbcqj],.inline-create button[b-loqirqbcqj]{color:#fff;background:#477080}.profile-action.danger[b-loqirqbcqj]{color:#815159;background:#f3e8ea}.profile-action.neutral[b-loqirqbcqj]{color:#556d75;background:#eaf2f4}.profile-action:disabled[b-loqirqbcqj]{opacity:.38;cursor:not-allowed}
.profile-cards[b-loqirqbcqj]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px}.profile-cards>button[b-loqirqbcqj]{display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:9px;min-height:62px;padding:10px;border:1px solid #e9e0e2;border-radius:13px;color:#49383b;background:#fff;text-align:left;cursor:pointer}.profile-cards>button:hover[b-loqirqbcqj]{border-color:#bfd1d7;background:#f7fbfc}.profile-cards>button.active[b-loqirqbcqj]{border-color:#91b3bf;background:#edf5f7}.profile-cards>button>span[b-loqirqbcqj]{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#477080;background:#e8f1f4}.profile-cards strong[b-loqirqbcqj],.profile-cards small[b-loqirqbcqj]{display:block}.profile-cards strong[b-loqirqbcqj]{font-size:12px}.profile-cards small[b-loqirqbcqj]{margin-top:2px;color:#998589;font-size:9px}.profile-empty[b-loqirqbcqj]{display:grid;justify-items:center;gap:6px;padding:58px 20px;color:#7f9aa4;text-align:center}.profile-empty>svg[b-loqirqbcqj]{font-size:42px}.profile-empty strong[b-loqirqbcqj]{color:#4b626a;font-size:16px}.profile-empty span[b-loqirqbcqj]{max-width:520px;color:#8b7c7f;font-size:12px;line-height:1.5}
.inline-create[b-loqirqbcqj] { display:flex; gap:10px; padding:14px; border:1px dashed #e5c9cc; border-radius:14px; background:#fff6f7; }
.inline-create input[b-loqirqbcqj] { flex:1; }
.inline-create button[b-loqirqbcqj],.save-permissions[b-loqirqbcqj] { min-height:42px; padding:0 16px; border:0; border-radius:11px; color:#fff; font:inherit; font-weight:800; cursor:pointer; }
.permission-workspace[b-loqirqbcqj] { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr); gap:18px; padding:20px; }
.module-panel[b-loqirqbcqj],.permissions-panel[b-loqirqbcqj] { overflow:hidden; border:1px solid #e9dfe1; border-radius:16px; background:#fff; }
.panel-heading[b-loqirqbcqj] { display:flex; align-items:center; gap:11px; padding:16px; border-bottom:1px solid #eee5e7; background:#fcf9fa; }
.panel-heading > span[b-loqirqbcqj] { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:#fff; background:#287562; font-size:12px; font-weight:900; }
.panel-heading h3[b-loqirqbcqj] { margin:0; color:#453236; font-size:16px; }
.module-scroll[b-loqirqbcqj] { height:390px; overflow-y:auto; padding:8px; }
.module-scroll table[b-loqirqbcqj] { width:100%; border-collapse:separate; border-spacing:0 4px; }
.permission-options[b-loqirqbcqj] { display:grid; gap:7px; padding:14px; }
.permission-options label[b-loqirqbcqj] { display:flex; align-items:center; gap:10px; min-height:52px; padding:8px 10px; border:1px solid #efe6e8; border-radius:11px; cursor:pointer; }
.permission-options label:hover[b-loqirqbcqj] { background:#fff5f6; }
.permission-options input[b-loqirqbcqj] { width:18px; height:18px; accent-color:#287562; }
.permission-options span[b-loqirqbcqj],.permission-options strong[b-loqirqbcqj],.permission-options small[b-loqirqbcqj] { display:block; }
.permission-options strong[b-loqirqbcqj] { color:#503c40; font-size:12px; }
.permission-options small[b-loqirqbcqj] { margin-top:1px; color:#9a878b; font-size:10px; }
.save-permissions[b-loqirqbcqj] { width:calc(100% - 28px); margin:0 14px 14px; }
.save-permissions:disabled[b-loqirqbcqj] { color:#9a898c; background:#eee8e9; cursor:not-allowed; }

@media(max-width:850px){.permission-workspace[b-loqirqbcqj]{grid-template-columns:1fr}.module-scroll[b-loqirqbcqj]{height:300px}}
@media(max-width:600px){.selector-controls[b-loqirqbcqj],.inline-create[b-loqirqbcqj]{flex-direction:column}.selector-actions[b-loqirqbcqj]{display:grid;grid-template-columns:1fr}.profile-action[b-loqirqbcqj]{width:100%}.permission-workspace[b-loqirqbcqj]{padding:12px}}
/* /Components/Pages/ProductionControlPage.razor.rz.scp.css */
.manager-page[b-1c1ju5mbym] {
    max-width: 1780px;
    margin: 0 auto;
    padding: 22px;
    color: #223234;
}

.manager-hero[b-1c1ju5mbym] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 25px 28px;
    border: 1px solid #dce6e3;
    border-radius: 22px;
    background: linear-gradient(120deg, #ffffff 55%, #edf8f5);
}

.manager-hero > div > span[b-1c1ju5mbym] {
    color: #287562;
    font-size: .69rem;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.manager-hero h1[b-1c1ju5mbym] { margin: 4px 0; font-size: 2rem; }
.manager-hero p[b-1c1ju5mbym] { max-width: 720px; margin: 0; color: #687779; }
.manager-hero-actions[b-1c1ju5mbym] { display: flex; gap: 8px; }
.manager-hero-actions a[b-1c1ju5mbym],
.manager-hero-actions button[b-1c1ju5mbym] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 11px 14px;
    border: 1px solid #cedbd7;
    border-radius: 11px;
    background: #fff;
    color: #3d5555;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}
.manager-hero-actions button[b-1c1ju5mbym] { border-color: #287562; background: #287562; color: #fff; }

.manager-summary[b-1c1ju5mbym] {
    display: grid;
    grid-template-columns: repeat(6, minmax(150px, 1fr));
    gap: 9px;
    margin: 14px 0;
}
.manager-summary button[b-1c1ju5mbym] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #dde6e3;
    border-radius: 15px;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: .15s ease;
}
.manager-summary button:hover[b-1c1ju5mbym] { transform: translateY(-1px); border-color: #afc8c1; }
.manager-summary button.selected[b-1c1ju5mbym] { border-color: #287562; background: #f0f9f6; box-shadow: 0 0 0 2px rgba(40,117,98,.10); }
.manager-summary i[b-1c1ju5mbym] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #edf1f0;
    color: #526563;
}
.manager-summary i.amber[b-1c1ju5mbym] { background: #fff2d9; color: #9c620d; }
.manager-summary i.red[b-1c1ju5mbym] { background: #fff0e9; color: #b75d38; }
.manager-summary i.green[b-1c1ju5mbym] { background: #e4f6ef; color: #16745a; }
.manager-summary i.blue[b-1c1ju5mbym] { background: #eaf2f7; color: #39718a; }
.manager-summary i.purple[b-1c1ju5mbym] { background: #f0eafa; color: #6950a2; }
.manager-summary span[b-1c1ju5mbym] { min-width: 0; display: flex; flex-direction: column; }
.manager-summary strong[b-1c1ju5mbym] { font-size: 1.25rem; line-height: 1; }
.manager-summary small[b-1c1ju5mbym] { overflow: hidden; margin-top: 4px; color: #74817f; text-overflow: ellipsis; white-space: nowrap; }

.manager-tools[b-1c1ju5mbym] {
    position: sticky;
    top: 70px;
    z-index: 8;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 14px 0;
    padding: 9px;
    border: 1px solid #dce5e2;
    border-radius: 15px;
    background: rgba(248,251,250,.96);
    backdrop-filter: blur(8px);
}
.manager-tools label[b-1c1ju5mbym] {
    width: min(620px, 100%);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #d7e1de;
    border-radius: 11px;
    background: #fff;
}
.manager-tools input[b-1c1ju5mbym] { width: 100%; padding: 11px 0; border: 0; outline: 0; background: transparent; font: inherit; }
.manager-tools select[b-1c1ju5mbym] { min-width: 240px; padding: 0 13px; border: 1px solid #d7e1de; border-radius: 11px; background: #fff; font: inherit; }

.manager-closure[b-1c1ju5mbym] { margin: 14px 0; overflow: hidden; border: 1px solid #d9d0ea; border-radius: 18px; background: #fff; }
.manager-closure > header[b-1c1ju5mbym] { display: flex; align-items: center; gap: 12px; padding: 15px 17px; border-bottom: 1px solid #e8e1f1; background: linear-gradient(120deg,#fbf9fe,#f3eef9); }
.manager-closure > header > span[b-1c1ju5mbym] { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #654f98; background: #e9e1f4; }
.manager-closure > header > div[b-1c1ju5mbym] { flex: 1; }
.manager-closure header small[b-1c1ju5mbym] { color: #6950a2; font-weight: 900; letter-spacing: .1em; }
.manager-closure h2[b-1c1ju5mbym], .manager-closure p[b-1c1ju5mbym] { margin: 0; }
.manager-closure p[b-1c1ju5mbym] { color: #746c78; font-size: .76rem; }
.manager-closure > header > a[b-1c1ju5mbym] { display: flex; align-items: center; gap: 6px; padding: 9px 11px; border: 1px solid #d6cbe4; border-radius: 10px; color: #5b468e; background: #fff; text-decoration: none; font-weight: 800; }
.manager-closure > div[b-1c1ju5mbym] { display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 9px; padding: 11px; }
.manager-closure article[b-1c1ju5mbym] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid #e4ddec; border-radius: 13px; }
.manager-closure article > span[b-1c1ju5mbym] { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; color: #654f98; background: #f0eafa; }
.manager-closure article > div[b-1c1ju5mbym] { min-width: 0; display: grid; }
.manager-closure article small[b-1c1ju5mbym], .manager-closure article em[b-1c1ju5mbym] { overflow: hidden; color: #7b7380; font-size: .68rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.manager-closure article > a[b-1c1ju5mbym] { padding: 8px 10px; border-radius: 9px; color: #fff; background: #665094; text-decoration: none; font-size: .7rem; font-weight: 900; }

.manager-board[b-1c1ju5mbym] { display: grid; gap: 14px; }
.manager-lane[b-1c1ju5mbym] { overflow: hidden; border: 1px solid #dfe7e4; border-radius: 18px; background: #f4f7f6; }
.manager-lane > header[b-1c1ju5mbym] { display: flex; align-items: center; gap: 11px; padding: 14px 16px; border-bottom: 1px solid #dfe7e4; background: #fff; }
.manager-lane > header > span[b-1c1ju5mbym] { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 11px; background: #e5f4ef; color: #287562; }
.manager-lane > header > div[b-1c1ju5mbym] { flex: 1; }
.manager-lane h2[b-1c1ju5mbym] { margin: 0; font-size: 1.08rem; }
.manager-lane header p[b-1c1ju5mbym] { margin: 1px 0 0; color: #7b8886; font-size: .75rem; }
.lane-count[b-1c1ju5mbym] { padding: 6px 9px; border-radius: 99px; background: #eef3f2; color: #586b68; font-size: .7rem; }
.manager-lane-cards[b-1c1ju5mbym] { display: grid; grid-template-columns: repeat(auto-fill,minmax(355px,1fr)); gap: 11px; padding: 12px; }

.manager-card[b-1c1ju5mbym] { position: relative; display: grid; align-content: start; gap: 11px; padding: 14px; overflow: hidden; border: 1px solid #dfe6e4; border-radius: 15px; background: #fff; box-shadow: 0 5px 15px rgba(42,73,67,.04); }
.manager-card[b-1c1ju5mbym]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #8ea09c; }
.manager-card.active[b-1c1ju5mbym]::before { background: #25836a; }
.manager-card.unassigned[b-1c1ju5mbym]::before { background: #d1902f; }
.manager-card.parts[b-1c1ju5mbym]::before { background: #4f7fa0; }
.manager-card.returned[b-1c1ju5mbym]::before { background: #c77733; }
.card-top[b-1c1ju5mbym] { display: flex; align-items: center; justify-content: space-between; padding-left: 2px; }
.card-state[b-1c1ju5mbym] { padding: 5px 9px; border-radius: 99px; font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.card-state.unassigned[b-1c1ju5mbym] { background: #fff1d4; color: #985c08; }
.card-state.assigned[b-1c1ju5mbym] { background: #e8f2f6; color: #3b687a; }
.card-state.active[b-1c1ju5mbym] { background: #e2f6ee; color: #107355; }
.card-state.returned[b-1c1ju5mbym] { background: #fff0db; color: #9d5b05; }
.card-state.parts[b-1c1ju5mbym] { background: #eaf0fa; color: #41679d; }
.card-work[b-1c1ju5mbym] { color: #7c8987; font-size: .72rem; font-weight: 800; }
.card-vehicle[b-1c1ju5mbym] { display: flex; align-items: center; gap: 11px; }
.card-vehicle > span[b-1c1ju5mbym] { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 12px; background: #e7f5f0; color: #287562; }
.card-vehicle > div[b-1c1ju5mbym] { min-width: 0; }
.card-vehicle h3[b-1c1ju5mbym] { margin: 0; font-size: 1.38rem; }
.card-vehicle p[b-1c1ju5mbym], .card-vehicle small[b-1c1ju5mbym] { display: block; overflow: hidden; margin: 0; color: #71807e; text-overflow: ellipsis; white-space: nowrap; }
.card-description[b-1c1ju5mbym] { overflow: hidden; margin: -2px 0 0; color: #526360; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.card-facts[b-1c1ju5mbym] { display: grid; grid-template-columns: 1.15fr 1fr .8fr; gap: 6px; }
.card-facts > span[b-1c1ju5mbym] { min-width: 0; display: flex; align-items: center; gap: 6px; padding: 8px; border-radius: 10px; background: #f3f6f5; }
.card-facts .mud-icon-root[b-1c1ju5mbym] { flex: 0 0 auto; color: #607572; font-size: 1rem; }
.card-facts i[b-1c1ju5mbym] { min-width: 0; display: flex; flex-direction: column; font-style: normal; }
.card-facts small[b-1c1ju5mbym], .card-progress small[b-1c1ju5mbym], .team-label[b-1c1ju5mbym] { color: #82908e; font-size: .61rem; font-weight: 900; text-transform: uppercase; }
.card-facts strong[b-1c1ju5mbym] { overflow: hidden; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.return-note[b-1c1ju5mbym] { display: flex; gap: 8px; padding: 9px; border: 1px solid #f0d3a5; border-radius: 10px; background: #fff6e8; color: #7b4e12; }
.return-note span[b-1c1ju5mbym] { min-width: 0; display: flex; flex-direction: column; }
.return-note small[b-1c1ju5mbym] { overflow: hidden; margin-top: 2px; text-overflow: ellipsis; white-space: nowrap; }
.card-progress > span[b-1c1ju5mbym] { display: flex; justify-content: space-between; gap: 12px; }
.card-progress > div[b-1c1ju5mbym] { height: 6px; margin-top: 6px; overflow: hidden; border-radius: 8px; background: #e7edeb; }
.card-progress i[b-1c1ju5mbym] { display: block; height: 100%; background: #287562; }
.card-team[b-1c1ju5mbym] { display: grid; gap: 6px; }
.team-list[b-1c1ju5mbym] { display: flex; flex-wrap: wrap; gap: 5px; }
.team-list > span[b-1c1ju5mbym] { display: flex; align-items: center; gap: 5px; padding: 3px 8px 3px 3px; border-radius: 99px; background: #edf5f2; font-size: .72rem; }
.team-list i[b-1c1ju5mbym] { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #397c6b; color: #fff; font-size: .63rem; font-style: normal; font-weight: 800; }
.no-team[b-1c1ju5mbym] { display: flex; align-items: center; gap: 5px; color: #986315; font-size: .76rem; }
.card-actions[b-1c1ju5mbym] { display: grid; grid-template-columns: 1.2fr .72fr 1.2fr; gap: 7px; margin-top: auto; padding-top: 2px; }
.card-actions a[b-1c1ju5mbym], .card-actions button[b-1c1ju5mbym] { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px; border: 1px solid #d6e0dd; border-radius: 10px; background: #fff; color: #435755; font: inherit; font-size: .74rem; font-weight: 800; text-decoration: none; cursor: pointer; }
.card-actions a:first-child[b-1c1ju5mbym] { border-color: #287562; background: #e9f6f1; color: #1e6956; }
.card-actions button[b-1c1ju5mbym] { border-color: #287562; background: #287562; color: #fff; }
.manager-empty[b-1c1ju5mbym] { min-height: 310px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; border: 1px dashed #ccd9d5; border-radius: 18px; color: #71817e; }
.manager-empty > .mud-icon-root[b-1c1ju5mbym] { color: #4f8979; font-size: 3.1rem; }

@media (max-width: 1280px) {
    .manager-summary[b-1c1ju5mbym] { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
    .manager-page[b-1c1ju5mbym] { padding: 12px; }
    .manager-hero[b-1c1ju5mbym], .manager-closure > header[b-1c1ju5mbym] { align-items: stretch; flex-direction: column; }
    .manager-tools[b-1c1ju5mbym] { position: static; flex-direction: column; }
    .manager-tools select[b-1c1ju5mbym] { min-height: 43px; }
    .manager-lane-cards[b-1c1ju5mbym] { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .manager-summary[b-1c1ju5mbym] { grid-template-columns: 1fr 1fr; }
    .manager-hero-actions[b-1c1ju5mbym] { flex-direction: column; }
    .card-facts[b-1c1ju5mbym] { grid-template-columns: 1fr; }
    .manager-closure article[b-1c1ju5mbym] { grid-template-columns: auto 1fr; }
    .manager-closure article > a[b-1c1ju5mbym] { grid-column: 1 / -1; text-align: center; }
}
/* /Components/Pages/PublicLandingPage.razor.rz.scp.css */
.landing-page[b-7fgqzssnsy]{--green:#176b5b;--green2:#23846d;--blue:#287f99;position:relative;z-index:0;max-width:1460px;min-height:100vh;margin:auto;padding:25px 34px 18px;overflow:hidden;font-family:Inter,"Segoe UI",sans-serif}
.landing-page[b-7fgqzssnsy]:before,.landing-page[b-7fgqzssnsy]:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.18}
.landing-page[b-7fgqzssnsy]:before{width:440px;height:440px;left:-230px;top:22%;background:#49b697}
.landing-page[b-7fgqzssnsy]:after{width:390px;height:390px;right:-180px;bottom:-120px;background:#55a7bf}
.landing-header[b-7fgqzssnsy]{display:flex;align-items:center;justify-content:space-between}
.landing-brand[b-7fgqzssnsy]{display:flex;align-items:center;gap:12px;color:#162b26;text-decoration:none}
.landing-brand>span[b-7fgqzssnsy]{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--green),var(--blue));font-size:16px;font-weight:900}
.landing-brand strong[b-7fgqzssnsy],.landing-brand small[b-7fgqzssnsy]{display:block}
.landing-brand strong[b-7fgqzssnsy]{font-size:22px}
.landing-brand small[b-7fgqzssnsy]{margin-top:2px;color:#698078;font-size:8px;font-weight:900;letter-spacing:1.4px}
.tracking-link[b-7fgqzssnsy]{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border:1px solid #c9ded7;border-radius:999px;color:#365d52;background:rgba(255,255,255,.75);font-size:11px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}
.tracking-link:hover[b-7fgqzssnsy]{transform:translateY(-2px);box-shadow:0 10px 25px rgba(30,92,76,.1)}
.landing-header-actions[b-7fgqzssnsy]{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.session-account[b-7fgqzssnsy]{display:flex;align-items:center;gap:8px;max-width:245px;padding:7px 11px;border:1px solid #c9ded7;border-radius:14px;color:#31594e;background:rgba(255,255,255,.78)}
.session-account>span[b-7fgqzssnsy]{min-width:0}
.session-account small[b-7fgqzssnsy],.session-account strong[b-7fgqzssnsy]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.session-account small[b-7fgqzssnsy]{color:#759087;font-size:7px;font-weight:900;letter-spacing:1px}
.session-account strong[b-7fgqzssnsy]{max-width:180px;margin-top:1px;font-size:10px}
.session-action[b-7fgqzssnsy]{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border-radius:13px;color:#fff;background:#176b5b;font-size:10px;font-weight:900;text-decoration:none;transition:transform .2s,background .2s}
.session-action:hover[b-7fgqzssnsy]{transform:translateY(-2px);background:#23846d}
.session-logout[b-7fgqzssnsy]{color:#31594e;border:1px solid #c9ded7;background:rgba(255,255,255,.78)}
.session-logout:hover[b-7fgqzssnsy]{color:#fff;border-color:#23846d}
.landing-hero[b-7fgqzssnsy]{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:55px;min-height:650px;padding:36px 12px 22px}
.landing-copy[b-7fgqzssnsy]{padding-left:22px}
.landing-kicker[b-7fgqzssnsy]{display:inline-flex;align-items:center;gap:9px;color:#27725f;font-size:10px;font-weight:900;letter-spacing:1.45px;text-transform:uppercase}
.landing-kicker i[b-7fgqzssnsy]{width:8px;height:8px;border-radius:50%;background:#29aa7d;box-shadow:0 0 0 7px rgba(41,170,125,.12);animation:landing-pulse-b-7fgqzssnsy 2s ease-out infinite}
.landing-copy h1[b-7fgqzssnsy]{margin:20px 0 22px;font-size:clamp(54px,6.1vw,92px);line-height:.95;letter-spacing:-5px}
.landing-copy h1 em[b-7fgqzssnsy]{color:var(--green);font-style:normal}
.landing-copy>p[b-7fgqzssnsy]{max-width:620px;margin:0;color:#60766f;font-size:17px;line-height:1.65}
.login-action[b-7fgqzssnsy]{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:58px;margin-top:30px;padding:0 25px;overflow:hidden;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green2));box-shadow:0 16px 32px rgba(23,107,91,.2);font-size:14px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s}
.login-action[b-7fgqzssnsy]:before{content:"";position:absolute;inset:-50% auto -50% -45%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:landing-shine-b-7fgqzssnsy 4s ease-in-out infinite}
.login-action:hover[b-7fgqzssnsy]{transform:translateY(-3px);box-shadow:0 20px 38px rgba(23,107,91,.28)}
.login-action .mud-icon-root[b-7fgqzssnsy]{transition:transform .2s}
.login-action:hover .mud-icon-root[b-7fgqzssnsy]{transform:translateX(5px)}
.landing-trust[b-7fgqzssnsy]{display:flex;gap:20px;margin-top:22px;color:#688078;font-size:10px}
.landing-trust span[b-7fgqzssnsy]{display:flex;align-items:center;gap:5px}
.landing-trust .mud-icon-root[b-7fgqzssnsy]{font-size:15px;color:#398876}
.landing-visual[b-7fgqzssnsy]{position:relative;display:grid;place-items:center;min-height:530px;border:1px solid #cce1da;border-radius:38px;background:radial-gradient(circle at 45% 35%,#fafffd,#e4f2ee 67%,#d8ebe5);box-shadow:0 35px 80px rgba(25,78,65,.12);overflow:hidden}
.visual-orbit[b-7fgqzssnsy]{position:absolute;border:1px solid rgba(36,126,103,.13);border-radius:50%}
.orbit-a[b-7fgqzssnsy]{width:470px;height:470px;animation:landing-orbit-b-7fgqzssnsy 25s linear infinite}
.orbit-b[b-7fgqzssnsy]{width:650px;height:650px;border-style:dashed;animation:landing-orbit-b-7fgqzssnsy 35s linear infinite reverse}
.workshop-card[b-7fgqzssnsy]{position:relative;z-index:2;width:min(68%,500px);padding:24px;border:1px solid rgba(255,255,255,.9);border-radius:25px;background:rgba(255,255,255,.88);box-shadow:0 24px 55px rgba(21,82,67,.15);backdrop-filter:blur(12px);animation:card-float-b-7fgqzssnsy 5s ease-in-out infinite}
.workshop-card>header[b-7fgqzssnsy]{display:flex;align-items:center;justify-content:space-between;color:#6d827b;font-size:8px;font-weight:900;letter-spacing:1px}
.workshop-card>header span[b-7fgqzssnsy]{display:flex;align-items:center;gap:6px}
.workshop-card>header i[b-7fgqzssnsy]{width:7px;height:7px;border-radius:50%;background:#28a77b}
.workshop-card>header strong[b-7fgqzssnsy]{color:#244a40;font-size:10px}
.workshop-car[b-7fgqzssnsy]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:22px}
.car-symbol[b-7fgqzssnsy]{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--green),var(--blue))}
.workshop-car small[b-7fgqzssnsy],.workshop-car strong[b-7fgqzssnsy],.workshop-car p[b-7fgqzssnsy]{display:block;margin:0}
.workshop-car small[b-7fgqzssnsy]{color:#438674;font-size:7px;font-weight:900;letter-spacing:1px}
.workshop-car strong[b-7fgqzssnsy]{margin-top:3px;font-size:14px}
.workshop-car p[b-7fgqzssnsy]{margin-top:2px;color:#7a8d87;font-size:9px}
.workshop-car em[b-7fgqzssnsy]{color:#176b5b;font-size:24px;font-style:normal;font-weight:900}
.workshop-progress[b-7fgqzssnsy]{height:7px;margin-top:18px;overflow:hidden;border-radius:99px;background:#dfebe7}
.workshop-progress i[b-7fgqzssnsy]{display:block;width:68%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#55b79d);animation:progress-breathe-b-7fgqzssnsy 3s ease-in-out infinite}
.workshop-stats[b-7fgqzssnsy]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
.workshop-stats span[b-7fgqzssnsy]{padding:11px;border-radius:12px;background:#f1f7f5}
.workshop-stats small[b-7fgqzssnsy],.workshop-stats strong[b-7fgqzssnsy]{display:block}
.workshop-stats small[b-7fgqzssnsy]{color:#71867f;font-size:6px;font-weight:900;letter-spacing:.7px}
.workshop-stats strong[b-7fgqzssnsy]{margin-top:3px;font-size:18px}
.floating-chip[b-7fgqzssnsy]{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #c8dfd8;border-radius:15px;color:#31594e;background:rgba(255,255,255,.91);box-shadow:0 14px 30px rgba(25,79,65,.12);backdrop-filter:blur(9px);animation:chip-float-b-7fgqzssnsy 4s ease-in-out infinite}
.floating-chip>.mud-icon-root[b-7fgqzssnsy]{color:#27806a}
.floating-chip small[b-7fgqzssnsy],.floating-chip strong[b-7fgqzssnsy]{display:block}
.floating-chip small[b-7fgqzssnsy]{color:#789087;font-size:6px;font-weight:900;letter-spacing:1px}
.floating-chip strong[b-7fgqzssnsy]{margin-top:2px;font-size:9px}
.chip-team[b-7fgqzssnsy]{left:7%;top:18%}
.chip-ready[b-7fgqzssnsy]{right:6%;bottom:17%;animation-delay:1.6s}
.landing-features[b-7fgqzssnsy]{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.landing-features article[b-7fgqzssnsy]{display:flex;align-items:center;gap:13px;padding:17px 19px;border:1px solid #d0e2dc;border-radius:17px;background:rgba(255,255,255,.72)}
.landing-features article>span[b-7fgqzssnsy]{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#20745f;background:#e2f3ed}
.landing-features strong[b-7fgqzssnsy],.landing-features p[b-7fgqzssnsy]{display:block;margin:0}
.landing-features strong[b-7fgqzssnsy]{font-size:12px}
.landing-features p[b-7fgqzssnsy]{margin-top:2px;color:#74877f;font-size:9px}
.landing-footer[b-7fgqzssnsy]{display:flex;justify-content:space-between;padding:18px 3px 0;color:#789089;font-size:9px}
@keyframes landing-pulse-b-7fgqzssnsy{to{box-shadow:0 0 0 14px rgba(41,170,125,0)}
}
@keyframes landing-shine-b-7fgqzssnsy{0%,58%{left:-45%}
82%,100%{left:125%}
}
@keyframes landing-orbit-b-7fgqzssnsy{to{transform:rotate(360deg)}
}
@keyframes card-float-b-7fgqzssnsy{50%{transform:translateY(-8px)}
}
@keyframes progress-breathe-b-7fgqzssnsy{50%{filter:brightness(1.15);box-shadow:0 0 16px rgba(50,154,127,.35)}
}
@keyframes chip-float-b-7fgqzssnsy{50%{transform:translateY(-7px)}
}
@media(max-width:1050px){.landing-hero[b-7fgqzssnsy]{grid-template-columns:1fr;gap:25px}
.landing-copy[b-7fgqzssnsy]{padding:45px 25px 10px;text-align:center}
.landing-copy>p[b-7fgqzssnsy]{margin-inline:auto}
.landing-trust[b-7fgqzssnsy]{justify-content:center}
.landing-visual[b-7fgqzssnsy]{min-height:470px}
.landing-copy h1[b-7fgqzssnsy]{font-size:65px}
.landing-features[b-7fgqzssnsy]{margin-top:20px}
}
@media(max-width:650px){.landing-page[b-7fgqzssnsy]{padding:17px}
.landing-header[b-7fgqzssnsy]{align-items:flex-start}
.tracking-link[b-7fgqzssnsy]{font-size:0}
.tracking-link .mud-icon-root[b-7fgqzssnsy]{font-size:19px}
.landing-hero[b-7fgqzssnsy]{padding:20px 0}
.landing-copy[b-7fgqzssnsy]{padding:35px 5px 10px}
.landing-copy h1[b-7fgqzssnsy]{font-size:47px;letter-spacing:-3px}
.landing-copy>p[b-7fgqzssnsy]{font-size:14px}
.landing-trust[b-7fgqzssnsy]{flex-direction:column;align-items:center;gap:7px}
.landing-visual[b-7fgqzssnsy]{min-height:390px;border-radius:26px}
.workshop-card[b-7fgqzssnsy]{width:78%;padding:17px}
.floating-chip[b-7fgqzssnsy]{padding:9px}
.chip-team[b-7fgqzssnsy]{left:2%;top:12%}
.chip-ready[b-7fgqzssnsy]{right:2%;bottom:10%}
.landing-features[b-7fgqzssnsy]{grid-template-columns:1fr}
.landing-footer[b-7fgqzssnsy]{gap:10px}
}
@media(prefers-reduced-motion:reduce){.landing-kicker i[b-7fgqzssnsy],.login-action[b-7fgqzssnsy]:before,.orbit-a[b-7fgqzssnsy],.orbit-b[b-7fgqzssnsy],.workshop-card[b-7fgqzssnsy],.workshop-progress i[b-7fgqzssnsy],.floating-chip[b-7fgqzssnsy]{animation:none!important}
}

@media(max-width:650px){
    .landing-copy[b-7fgqzssnsy],.landing-visual[b-7fgqzssnsy]{min-width:0}
    .landing-copy h1[b-7fgqzssnsy]{font-size:clamp(37px,10.8vw,43px);letter-spacing:-2.4px;overflow-wrap:anywhere}
    .tracking-link[b-7fgqzssnsy]{flex:0 0 43px;width:43px;height:43px;justify-content:center;padding:0}
    .landing-header[b-7fgqzssnsy]{flex-wrap:wrap;gap:11px}
    .landing-header-actions[b-7fgqzssnsy]{gap:6px}
    .session-account[b-7fgqzssnsy]{max-width:122px;padding:6px 8px}
    .session-account strong[b-7fgqzssnsy]{max-width:78px}
    .session-action[b-7fgqzssnsy]{width:43px;padding:0;justify-content:center}
    .session-action span[b-7fgqzssnsy]{display:none}
}

/* /Components/Pages/ReceptionCalendarPage.razor.rz.scp.css */
.calendar-page[b-tfkdc0s1my] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 16px 18px 26px;
    color: #243335;
}
.calendar-hero[b-tfkdc0s1my] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 22px;
    border: 1px solid #dce5e2;
    border-radius: 19px;
    background: linear-gradient(120deg,#fff 55%,#edf8f5);
}
.calendar-hero > div > span[b-tfkdc0s1my] { color: #287562; font-size: .68rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.calendar-hero h1[b-tfkdc0s1my] { margin: 3px 0; font-size: 1.8rem; }
.calendar-hero p[b-tfkdc0s1my] { margin: 0; color: #6b787a; }
.hero-actions[b-tfkdc0s1my] { display: flex; gap: 8px; }
.hero-actions a[b-tfkdc0s1my], .hero-actions button[b-tfkdc0s1my] { display: flex; align-items: center; gap: 7px; padding: 11px 14px; border: 1px solid #cad8d4; border-radius: 11px; background: #fff; color: #385354; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }
.hero-actions button[b-tfkdc0s1my] { border-color: #287562; background: #287562; color: #fff; }

.schedule-card[b-tfkdc0s1my] { margin-top: 12px; overflow: hidden; border: 1px solid #dce5e2; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(34,74,64,.07); }
.schedule-toolbar[b-tfkdc0s1my] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; border-bottom: 1px solid #dfe8e5; background: #f8fbfa; }
.schedule-toolbar small[b-tfkdc0s1my] { color: #317487; font-size: .62rem; font-weight: 900; letter-spacing: .14em; }
.schedule-toolbar h2[b-tfkdc0s1my] { margin: 1px 0; font-size: 1.17rem; }
.schedule-controls[b-tfkdc0s1my] { display: flex; align-items: center; gap: 7px; }
.calendar-view-switch[b-tfkdc0s1my] { display:flex; gap:3px; padding:3px; border:1px solid #d4dfdc; border-radius:11px; background:#edf3f1; }
.calendar-view-switch button[b-tfkdc0s1my] { height:31px; min-width:58px; padding:0 10px; border:0; border-radius:8px; background:transparent; color:#64736f; font:inherit; font-size:.7rem; font-weight:850; cursor:pointer; }
.calendar-view-switch button.active[b-tfkdc0s1my] { color:#176b57; background:#fff; box-shadow:0 2px 7px rgba(38,73,64,.12); }
.calendar-search[b-tfkdc0s1my] { width: min(310px,28vw); display: flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #d4dfdc; border-radius: 10px; background: #fff; }
.calendar-search .mud-icon-root[b-tfkdc0s1my] { color: #71807d; font-size: 1.15rem; }
.calendar-search input[b-tfkdc0s1my] { width: 100%; padding: 9px 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: .78rem; }
.hours-toggle[b-tfkdc0s1my] { height: 38px; display: flex; align-items: center; gap: 6px; padding: 0 11px; border: 1px solid #d4dfdc; border-radius: 10px; background: #fff; color: #536663; font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
.hours-toggle.selected[b-tfkdc0s1my] { border-color: #287562; background: #edf8f4; color: #246d5a; }
.hours-toggle .mud-icon-root[b-tfkdc0s1my] { font-size: 1rem; }
.calendar-nav[b-tfkdc0s1my] { display: flex; gap: 5px; }
.calendar-nav button[b-tfkdc0s1my] { min-width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #d4dfdc; border-radius: 10px; background: #fff; color: #405759; font: inherit; font-weight: 800; cursor: pointer; }
.calendar-nav .today-button[b-tfkdc0s1my] { padding: 0 13px; }

.section-agendas[b-tfkdc0s1my] { display:flex; align-items:center; gap:7px; padding:9px 14px; overflow-x:auto; border-bottom:1px solid #dfe8e5; background:#fff; scrollbar-width:thin; }
.section-agendas>span[b-tfkdc0s1my] { margin-right:3px; color:#6b7b76; font-size:.64rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.section-agendas button[b-tfkdc0s1my] { flex:0 0 auto; display:flex; align-items:center; gap:7px; min-height:34px; padding:0 11px; border:1px solid #d4dfdc; border-radius:10px; color:#40534d; background:#f7faf9; font:inherit; font-size:.69rem; font-weight:850; cursor:pointer; }
.section-agendas button b[b-tfkdc0s1my] { display:grid; place-items:center; min-width:21px; height:21px; padding:0 5px; border-radius:99px; color:#647570; background:#e4eeeb; font-size:.59rem; }
.section-agendas button.active[b-tfkdc0s1my] { border-color:#287562; color:#fff; background:#287562; box-shadow:0 5px 13px rgba(40,117,98,.16); }
.section-agendas button.active b[b-tfkdc0s1my] { color:#176b57; background:#fff; }

.calendar-scroll[b-tfkdc0s1my] { width: 100%; min-height: 590px; max-height: calc(100vh - 235px); overflow: auto; scrollbar-gutter: stable; }
.week-schedule[b-tfkdc0s1my] { position: relative; display: grid; width: 100%; }
.week-schedule.day-view .timed-booking[b-tfkdc0s1my] { max-width:none; }
.week-schedule.day-view .booking-main strong[b-tfkdc0s1my] { font-size:.86rem; }
.week-schedule.day-view .booking-description[b-tfkdc0s1my] { font-size:.7rem; }
.time-corner[b-tfkdc0s1my], .day-heading[b-tfkdc0s1my] { position: sticky; top: 0; z-index: 8; height: 72px; border: 0; border-right: 1px solid #e3eae8; border-bottom: 1px solid #dfe7e5; background: #fff; }
.time-corner[b-tfkdc0s1my] { left: 0; z-index: 11; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #758481; font-size: .64rem; }
.time-corner .mud-icon-root[b-tfkdc0s1my] { font-size: 1.05rem; }
.day-heading[b-tfkdc0s1my] { display: flex; align-items: baseline; justify-content: center; gap: 5px; padding: 0 5px 16px; color: #61706f; font: inherit; cursor: pointer; }
.day-heading span[b-tfkdc0s1my] { font-size: .69rem; font-weight: 900; text-transform: uppercase; }
.day-heading strong[b-tfkdc0s1my] { font-size: 1.45rem; color: #304143; }
.day-heading small[b-tfkdc0s1my] { font-size: .68rem; }
.day-heading em[b-tfkdc0s1my] { position: absolute; bottom: 8px; left: 0; width: 100%; color: #82908d; font-size: .58rem; font-style: normal; font-weight: 700; text-align: center; }
.day-heading.today[b-tfkdc0s1my] { background: #eaf7f3; color: #21715c; }
.day-heading.today strong[b-tfkdc0s1my] { color: #21715c; }
.day-heading.today em[b-tfkdc0s1my] { color: #287562; }

.time-column[b-tfkdc0s1my] { position: sticky; left: 0; z-index: 6; grid-column: 1; border-right: 1px solid #d8e3df; background: #f7faf9; }
.time-column span[b-tfkdc0s1my] { position: absolute; right: 9px; transform: translateY(-50%); color: #687875; font-size: .64rem; font-weight: 800; }
.day-column[b-tfkdc0s1my] { position: relative; overflow: hidden; border-right: 1px solid #dfe8e5; background: repeating-linear-gradient(to bottom,#fff 0,#fff 35px,#eef2f1 35px,#eef2f1 36px,#fff 36px,#fff 71px,#dfe7e5 71px,#dfe7e5 72px); }
.day-column.today[b-tfkdc0s1my] { background: repeating-linear-gradient(to bottom,#f9fdfc 0,#f9fdfc 35px,#e5f1ed 35px,#e5f1ed 36px,#f9fdfc 36px,#f9fdfc 71px,#d5e8e2 71px,#d5e8e2 72px); }
.time-slot[b-tfkdc0s1my] { position: absolute; left: 0; z-index: 1; width: 100%; border: 0; border-bottom: 1px solid transparent; background: transparent; color: transparent; cursor: pointer; }
.time-slot:hover[b-tfkdc0s1my] { background: rgba(45,132,108,.08); color: #2a7b65; }
.time-slot span[b-tfkdc0s1my] { position: absolute; top: 4px; right: 6px; font-size: .9rem; font-weight: 900; }
.time-slot.half-hour span[b-tfkdc0s1my] { font-size: .72rem; opacity: .7; }

.current-time[b-tfkdc0s1my] { position: absolute; left: 0; z-index: 7; width: 100%; height: 2px; background: #d64b54; pointer-events: none; }
.current-time i[b-tfkdc0s1my] { position: absolute; top: -4px; left: -1px; width: 10px; height: 10px; border-radius: 50%; background: #d64b54; }
.current-time span[b-tfkdc0s1my] { position: absolute; top: -9px; right: 4px; padding: 1px 4px; border-radius: 4px; background: #d64b54; color: #fff; font-size: .55rem; font-weight: 900; }

.timed-booking[b-tfkdc0s1my] { position: absolute; z-index: 4; display: grid; grid-template-columns: minmax(0,1fr); overflow: hidden; border: 1px solid #9ecfc0; border-left: 4px solid #2d846c; border-radius: 8px; background: #e9f8f2; box-shadow: 0 3px 9px rgba(37,93,77,.14); }
.timed-booking[draggable="true"][b-tfkdc0s1my],.month-booking[draggable="true"][b-tfkdc0s1my] { cursor:grab; }
.timed-booking[draggable="true"]:active[b-tfkdc0s1my],.month-booking[draggable="true"]:active[b-tfkdc0s1my] { cursor:grabbing; }
.timed-booking.dragging[b-tfkdc0s1my],.month-booking.dragging[b-tfkdc0s1my] { opacity:.42; outline:2px dashed #2f6f9f; outline-offset:2px; }
.timed-booking:hover[b-tfkdc0s1my] { z-index: 9; box-shadow: 0 8px 20px rgba(37,93,77,.20); }
.timed-booking.unconfirmed[b-tfkdc0s1my] { border-color: #e0ba72; border-left-color: #c68724; background: #fff5e4; }
.timed-booking.received[b-tfkdc0s1my] { border-color:#a8c8df; border-left-color:#347f9b; background:#eef7fb; }
.booking-main[b-tfkdc0s1my] { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 5px 6px; border: 0; background: transparent; color: #273638; text-align: left; cursor: pointer; }
.booking-time[b-tfkdc0s1my] { color: #1d7159; font-size: .61rem; font-weight: 900; }
.unconfirmed .booking-time[b-tfkdc0s1my] { color: #956015; }
.booking-main strong[b-tfkdc0s1my], .booking-description[b-tfkdc0s1my], .booking-main small[b-tfkdc0s1my] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.booking-main strong[b-tfkdc0s1my] { font-size: .75rem; }
.booking-description[b-tfkdc0s1my] { color: #526260; font-size: .61rem; }
.booking-main small[b-tfkdc0s1my] { color: #75817f; font-size: .55rem; }
.booking-main .booking-section[b-tfkdc0s1my] { color:#2f6f9f; font-weight:850; }
.booking-main .booking-received[b-tfkdc0s1my] { display:flex; align-items:center; gap:3px; margin-top:2px; color:#24708e; font-weight:900; }.booking-main .booking-received .mud-icon-root[b-tfkdc0s1my]{font-size:.72rem}
.timed-booking.dense[b-tfkdc0s1my] { grid-template-columns: minmax(0,1fr); }
.timed-booking.dense .booking-main[b-tfkdc0s1my] { padding: 4px; }
.timed-booking.dense .booking-main small[b-tfkdc0s1my] { display: none; }
.timed-booking.dense .booking-description[b-tfkdc0s1my] { font-size: .56rem; }

.schedule-legend[b-tfkdc0s1my] { display: flex; align-items: center; gap: 15px; padding: 10px 14px; border-top: 1px solid #dfe7e5; background: #fafcfb; color: #697876; font-size: .65rem; }
.schedule-legend span[b-tfkdc0s1my], .schedule-legend strong[b-tfkdc0s1my] { display: flex; align-items: center; gap: 5px; }
.schedule-legend i[b-tfkdc0s1my] { width: 8px; height: 8px; border-radius: 50%; background: #2d846c; }
.schedule-legend i.unconfirmed[b-tfkdc0s1my] { background: #c68724; }
.schedule-legend i.received[b-tfkdc0s1my] { background:#347f9b; }
.schedule-legend strong:first-of-type[b-tfkdc0s1my] { margin-left: auto; }
.schedule-legend .mud-icon-root[b-tfkdc0s1my] { font-size: .95rem; }
.calendar-loading[b-tfkdc0s1my] { min-height: 560px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #657572; }

.month-calendar[b-tfkdc0s1my] { display:grid; grid-template-columns:repeat(7,minmax(145px,1fr)); min-width:1015px; background:#e1e8e6; gap:1px; overflow:auto; }
.month-weekday[b-tfkdc0s1my] { position:sticky; top:0; z-index:5; padding:10px 12px; background:#f5f9f8; color:#64736f; font-size:.69rem; font-weight:900; text-align:center; text-transform:uppercase; }
.month-day[b-tfkdc0s1my] { min-height:142px; padding:7px; background:#fff; overflow:hidden; }
.month-day.outside[b-tfkdc0s1my] { background:#f7f9f8; opacity:.66; }
.month-day.today[b-tfkdc0s1my] { box-shadow:inset 0 0 0 2px #2b846d; background:#f7fcfa; }
.month-day>header[b-tfkdc0s1my] { display:flex; align-items:center; justify-content:space-between; margin-bottom:5px; }
.month-day>header button[b-tfkdc0s1my] { border:0; background:transparent; color:#40504d; font:inherit; font-size:.78rem; font-weight:900; cursor:pointer; }
.month-day.today>header button:first-child[b-tfkdc0s1my] { width:27px; height:27px; border-radius:50%; background:#287562; color:#fff; }
.month-day>header .month-add[b-tfkdc0s1my] { width:25px; height:25px; border-radius:8px; color:#287562; background:#e9f5f1; opacity:0; }
.month-day:hover>header .month-add[b-tfkdc0s1my] { opacity:1; }
.month-bookings[b-tfkdc0s1my] { display:flex; flex-direction:column; gap:3px; }
.month-booking[b-tfkdc0s1my] { min-width:0; display:grid; grid-template-columns:35px minmax(0,1fr); gap:0 5px; padding:4px 6px; border:0; border-left:3px solid #2d846c; border-radius:6px; background:#eaf7f2; color:#283835; text-align:left; cursor:pointer; }
.month-booking.unconfirmed[b-tfkdc0s1my] { border-left-color:#c68724; background:#fff4e2; }
.month-booking.received[b-tfkdc0s1my] { border-left-color:#347f9b; background:#edf7fb; }
.month-booking time[b-tfkdc0s1my] { grid-row:1/3; color:#26715c; font-size:.59rem; font-weight:900; }
.month-booking strong[b-tfkdc0s1my],.month-booking span[b-tfkdc0s1my] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.month-booking strong[b-tfkdc0s1my] { font-size:.65rem; }.month-booking span[b-tfkdc0s1my] { color:#72807d; font-size:.54rem; }
.month-booking small[b-tfkdc0s1my] { grid-column:2; overflow:hidden; color:#2f6f9f; font-size:.5rem; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.month-more[b-tfkdc0s1my] { padding:4px 5px; border:0; background:transparent; color:#27725f; font-size:.6rem; font-weight:850; text-align:left; cursor:pointer; }

@media (max-width: 1100px) {
    .schedule-toolbar[b-tfkdc0s1my] { align-items: stretch; flex-direction: column; }
    .schedule-controls[b-tfkdc0s1my] { flex-wrap: wrap; }
    .calendar-search[b-tfkdc0s1my] { width: min(430px,100%); flex: 1 1 260px; }
}
@media (max-width: 760px) {
    .calendar-page[b-tfkdc0s1my] { padding: 9px; }
    .calendar-hero[b-tfkdc0s1my] { align-items: stretch; flex-direction: column; padding: 15px; }
    .hero-actions[b-tfkdc0s1my] { flex-wrap: wrap; }
    .calendar-scroll[b-tfkdc0s1my] { max-height: calc(100vh - 310px); }
    .schedule-controls[b-tfkdc0s1my] { align-items: stretch; flex-direction: column; }
    .hours-toggle[b-tfkdc0s1my] { justify-content: center; }
    .calendar-nav[b-tfkdc0s1my] { justify-content: stretch; }
    .calendar-nav button[b-tfkdc0s1my] { flex: 1; }
    .schedule-legend[b-tfkdc0s1my] { align-items: flex-start; flex-wrap: wrap; }
    .schedule-legend strong:first-of-type[b-tfkdc0s1my] { margin-left: 0; }
}
/* /Components/Pages/ReceptionPage.razor.rz.scp.css */
.reception-page[b-lrbqtixq8d]{max-width:1600px;margin:0 auto;padding:24px;color:#263238}.reception-hero[b-lrbqtixq8d]{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 30px;border:1px solid #dfe6e4;border-radius:24px;background:linear-gradient(120deg,#fff 55%,#eef8f6)}.reception-hero>div>span[b-lrbqtixq8d]{color:#287966;font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.reception-hero h1[b-lrbqtixq8d]{font-size:2.1rem;margin:5px 0}.reception-hero p[b-lrbqtixq8d]{margin:0;color:#6d777a}.reception-actions[b-lrbqtixq8d]{display:flex;gap:10px}.reception-actions a[b-lrbqtixq8d],.reception-actions button[b-lrbqtixq8d]{display:flex;align-items:center;gap:8px;text-decoration:none;border-radius:13px;padding:13px 17px;font:inherit;font-weight:800;cursor:pointer}.reception-actions .primary[b-lrbqtixq8d]{border:1px solid #287562;background:#287562;color:#fff}.reception-actions .secondary[b-lrbqtixq8d]{border:1px solid #d4dedd;color:#405356;background:#fff}
.booking-calendar[b-lrbqtixq8d]{margin-top:16px;overflow:hidden;border:1px solid #dfe6e4;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(38,73,65,.05)}.booking-calendar>header[b-lrbqtixq8d]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e5ebe9;background:linear-gradient(120deg,#fff,#f3faf8)}.booking-calendar>header span[b-lrbqtixq8d]{color:#317487;font-size:.67rem;font-weight:900;letter-spacing:.14em}.booking-calendar h2[b-lrbqtixq8d]{margin:3px 0;font-size:1.35rem}.booking-calendar header p[b-lrbqtixq8d]{margin:0;color:#748083;font-size:.78rem}.calendar-nav[b-lrbqtixq8d]{display:flex;gap:6px}.calendar-nav button[b-lrbqtixq8d]{min-width:42px;height:40px;display:grid;place-items:center;border:1px solid #d6dfde;border-radius:11px;color:#43585b;background:#fff;font-weight:800;cursor:pointer}.calendar-nav button:nth-child(2)[b-lrbqtixq8d]{padding:0 14px}.week-grid[b-lrbqtixq8d]{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));min-height:315px}.calendar-day[b-lrbqtixq8d]{min-width:0;border-right:1px solid #e9eeed;background:#fff}.calendar-day:last-child[b-lrbqtixq8d]{border:0}.calendar-day>header[b-lrbqtixq8d]{display:flex;align-items:baseline;gap:5px;padding:12px;border-bottom:1px solid #e9eeed;color:#6f7b7e;background:#fafcfc}.calendar-day>header span[b-lrbqtixq8d]{font-size:.68rem;font-weight:900;text-transform:uppercase}.calendar-day>header strong[b-lrbqtixq8d]{font-size:1.15rem;color:#344447}.calendar-day>header small[b-lrbqtixq8d]{font-size:.67rem}.calendar-day.today>header[b-lrbqtixq8d]{color:#1f6f5b;background:#eaf7f3}.calendar-day.today>header strong[b-lrbqtixq8d]{color:#1f6f5b}.day-bookings[b-lrbqtixq8d]{display:grid;align-content:start;gap:7px;padding:8px;min-height:255px}.empty-slot[b-lrbqtixq8d],.add-slot[b-lrbqtixq8d]{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;border:1px dashed #cddbd7;border-radius:10px;color:#5e7770;background:#f8fbfa;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.add-slot[b-lrbqtixq8d]{min-height:30px;background:#fff}.booking-card[b-lrbqtixq8d]{position:relative;display:grid;grid-template-columns:1fr auto;border:1px solid #bcded4;border-left:4px solid #2d846c;border-radius:11px;background:#f0faf6;overflow:hidden}.booking-card.unconfirmed[b-lrbqtixq8d]{border-color:#ecd19f;border-left-color:#d18a24;background:#fff8ed}.booking-main[b-lrbqtixq8d]{min-width:0;display:grid;gap:2px;padding:9px 7px;border:0;color:#263638;background:transparent;text-align:left;cursor:pointer}.booking-main>span[b-lrbqtixq8d]{display:flex;justify-content:space-between;gap:5px}.booking-main>span strong[b-lrbqtixq8d]{font-size:.76rem;color:#1f725c}.booking-card.unconfirmed .booking-main>span strong[b-lrbqtixq8d]{color:#9a6518}.booking-main span small[b-lrbqtixq8d],.booking-main>small[b-lrbqtixq8d]{color:#7b8784;font-size:.58rem}.booking-main>b[b-lrbqtixq8d]{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.booking-main>em[b-lrbqtixq8d]{overflow:hidden;color:#586568;font-size:.64rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.booking-arrive[b-lrbqtixq8d]{width:31px;border:0;border-left:1px solid rgba(45,132,108,.15);color:#1f725c;background:rgba(255,255,255,.55);cursor:pointer}.booking-calendar>footer[b-lrbqtixq8d]{display:flex;align-items:center;gap:16px;padding:11px 15px;border-top:1px solid #e5ebe9;color:#71807c;font-size:.67rem;background:#fafcfc}.booking-calendar>footer span[b-lrbqtixq8d],.booking-calendar>footer strong[b-lrbqtixq8d]{display:flex;align-items:center;gap:5px}.booking-calendar footer i[b-lrbqtixq8d]{width:9px;height:9px;border-radius:50%;background:#2d846c}.booking-calendar footer i.unconfirmed[b-lrbqtixq8d]{background:#d18a24}.booking-calendar footer strong[b-lrbqtixq8d]{margin-left:auto;color:#49635c}
.reception-flow[b-lrbqtixq8d]{display:flex;align-items:center;justify-content:center;gap:25px;margin:16px 0;padding:17px;border:1px solid #dfe6e4;border-radius:18px;background:#fff}.reception-flow>div[b-lrbqtixq8d]{display:flex;align-items:center;gap:9px}.reception-flow i[b-lrbqtixq8d]{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7efed;color:#32705f;font-weight:900}.reception-flow .active i[b-lrbqtixq8d]{background:#287562;color:#fff}.reception-flow span[b-lrbqtixq8d]{display:flex;flex-direction:column}.reception-flow small[b-lrbqtixq8d]{color:#84908d}.reception-flow>.mud-icon-root[b-lrbqtixq8d]{color:#b7c2bf}.reception-toolbar[b-lrbqtixq8d]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.reception-toolbar>label[b-lrbqtixq8d]{width:min(500px,100%);display:flex;align-items:center;gap:9px;border:1px solid #d7e0de;border-radius:14px;padding:0 14px;background:#fff}.reception-toolbar input[b-lrbqtixq8d]{border:0;outline:0;padding:13px 0;width:100%;font:inherit}.reception-filters[b-lrbqtixq8d]{display:flex;gap:7px}.reception-filters button[b-lrbqtixq8d]{border:1px solid #d8e1df;border-radius:12px;background:#fff;padding:10px 12px;font-weight:700}.reception-filters button.selected[b-lrbqtixq8d]{background:#385f69;color:#fff;border-color:#385f69}.reception-filters span[b-lrbqtixq8d]{margin-left:5px;opacity:.7}.reception-list[b-lrbqtixq8d]{display:grid;gap:11px}.reception-card[b-lrbqtixq8d]{display:grid;grid-template-columns:auto minmax(190px,.8fr) minmax(460px,1.6fr) auto;align-items:center;gap:17px;padding:18px;border:1px solid #e0e6e5;border-radius:18px;background:#fff}.reception-card.attention[b-lrbqtixq8d]{border-left:4px solid #d59a35}.vehicle-icon[b-lrbqtixq8d]{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e8f6f1;color:#24765f}.vehicle-main h2[b-lrbqtixq8d]{margin:3px 0;font-size:1.35rem}.vehicle-main p[b-lrbqtixq8d]{margin:0;color:#748083}.state[b-lrbqtixq8d]{font-size:.68rem;font-weight:900;text-transform:uppercase;color:#a36b13}.state.done[b-lrbqtixq8d]{color:#247b61}.reception-meta[b-lrbqtixq8d]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.reception-meta span[b-lrbqtixq8d]{display:flex;flex-direction:column}.reception-meta small[b-lrbqtixq8d]{color:#84908d;font-size:.68rem;text-transform:uppercase}.reception-card-action[b-lrbqtixq8d]{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.reception-card-action>span[b-lrbqtixq8d]{display:flex;align-items:center;gap:5px;color:#9a6718;font-size:.73rem}.reception-card-action a[b-lrbqtixq8d]{display:flex;align-items:center;gap:7px;background:#edf7f4;color:#236c59;padding:11px 13px;border-radius:12px;text-decoration:none;font-weight:800}.reception-empty[b-lrbqtixq8d]{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #d2dcda;border-radius:20px;color:#788582}.reception-empty>.mud-icon-root[b-lrbqtixq8d]{font-size:3rem;color:#4e8a7b}
@media(max-width:1150px){.week-grid[b-lrbqtixq8d]{overflow-x:auto;grid-template-columns:repeat(7,165px)}}@media(max-width:1000px){.reception-card[b-lrbqtixq8d]{grid-template-columns:auto 1fr}.reception-meta[b-lrbqtixq8d],.reception-card-action[b-lrbqtixq8d]{grid-column:2}.reception-card-action[b-lrbqtixq8d]{align-items:flex-start}.reception-toolbar[b-lrbqtixq8d],.reception-hero[b-lrbqtixq8d],.booking-calendar>header[b-lrbqtixq8d]{align-items:stretch;flex-direction:column}.reception-flow[b-lrbqtixq8d]{overflow:auto;justify-content:flex-start}.reception-meta[b-lrbqtixq8d]{grid-template-columns:repeat(2,1fr)}.booking-calendar>footer[b-lrbqtixq8d]{align-items:flex-start;flex-direction:column}.booking-calendar>footer strong[b-lrbqtixq8d]{margin-left:0}}
/* /Components/Pages/SchedulerPage.razor.rz.scp.css */
:root[b-yj67kac3ph] { --agenda-ink:#172321; --agenda-muted:#6d7b78; --agenda-line:#dfe7e4; --agenda-surface:#fff; --agenda-soft:#f4f8f7; --agenda-primary:#167a65; --agenda-primary-dark:#105b4c; }

.agenda-page[b-yj67kac3ph] { color:var(--agenda-ink); padding:1.35rem; background:#f7f8f7; min-height:100%; }
.agenda-page button[b-yj67kac3ph] { font:inherit; }
.agenda-loading[b-yj67kac3ph] { min-height:65vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; color:#52615e; }
.eyebrow[b-yj67kac3ph] { display:block; color:#167a65; font-size:.68rem; font-weight:900; letter-spacing:.16em; margin-bottom:.35rem; }
.agenda-hero[b-yj67kac3ph] { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:1.15rem 1.35rem; border:1px solid #dce6e2; border-radius:20px; background:linear-gradient(125deg,#fff 0%,#f4fbf8 100%); box-shadow:0 10px 30px rgba(32,69,61,.05); }
.agenda-hero h1[b-yj67kac3ph] { margin:0; font-size:2rem; line-height:1; letter-spacing:-.045em; }
.agenda-hero p[b-yj67kac3ph] { margin:.45rem 0 0; color:#6d7b78; }
.hero-actions[b-yj67kac3ph],.period-navigation[b-yj67kac3ph],.view-switch[b-yj67kac3ph],.section-filters[b-yj67kac3ph] { display:flex; align-items:center; gap:.55rem; }
.btn-primary[b-yj67kac3ph],.btn-secondary[b-yj67kac3ph] { border-radius:11px; min-height:44px; padding:0 1rem; display:inline-flex; align-items:center; justify-content:center; gap:.45rem; font-weight:800; cursor:pointer; text-decoration:none; }
.btn-primary[b-yj67kac3ph] { color:#fff; background:#167a65; border:1px solid #167a65; box-shadow:0 6px 16px rgba(22,122,101,.18); }
.btn-primary:hover[b-yj67kac3ph] { background:#105b4c; }
.btn-secondary[b-yj67kac3ph] { color:#34433f; background:#fff; border:1px solid #d6dfdc; }

.agenda-kpis[b-yj67kac3ph] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; margin:1rem 0; }
.kpi-card[b-yj67kac3ph] { min-width:0; min-height:88px; display:flex; align-items:center; gap:.75rem; padding:.9rem; border:1px solid #dfe6e4; border-radius:16px; background:#fff; color:#172321; text-align:left; }
button.kpi-card[b-yj67kac3ph] { cursor:pointer; }
.kpi-card > span:nth-child(2)[b-yj67kac3ph] { min-width:0; flex:1; }
.kpi-card strong[b-yj67kac3ph],.kpi-card small[b-yj67kac3ph] { display:block; }
.kpi-card strong[b-yj67kac3ph] { font-size:1.35rem; letter-spacing:-.03em; }
.kpi-card small[b-yj67kac3ph] { color:#71807c; font-weight:600; }
.kpi-icon[b-yj67kac3ph] { width:43px; height:43px; border-radius:13px; display:grid; place-items:center; flex:none; }
.kpi-icon.blue[b-yj67kac3ph] { color:#2762a8; background:#eaf2ff; }.kpi-icon.green[b-yj67kac3ph] { color:#14745f; background:#e4f6ef; }.kpi-icon.amber[b-yj67kac3ph] { color:#9a6411; background:#fff2d9; }.kpi-icon.coral[b-yj67kac3ph] { color:#b65145; background:#ffebe7; }
.kpi-card.has-alert[b-yj67kac3ph] { border-color:#f1b5ad; }

.agenda-toolbar[b-yj67kac3ph] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem 1rem; background:#fff; border:1px solid #dfe6e4; border-radius:16px 16px 0 0; }
.icon-button[b-yj67kac3ph],.today-button[b-yj67kac3ph] { height:38px; border:1px solid #dbe3e1; background:#fff; color:#3e4c49; border-radius:9px; cursor:pointer; }
.icon-button[b-yj67kac3ph] { width:38px; display:grid; place-items:center; }.today-button[b-yj67kac3ph] { padding:0 .85rem; font-weight:800; }
.period-title[b-yj67kac3ph] { margin-left:.35rem; min-width:180px; }.period-title strong[b-yj67kac3ph],.period-title small[b-yj67kac3ph] { display:block; }.period-title strong[b-yj67kac3ph] { font-size:1rem; }.period-title small[b-yj67kac3ph] { color:#7b8885; }
.view-switch[b-yj67kac3ph] { padding:.25rem; border-radius:10px; background:#f0f4f3; }
.view-switch button[b-yj67kac3ph] { height:34px; border:0; border-radius:7px; background:transparent; color:#66736f; display:flex; align-items:center; gap:.35rem; padding:0 .75rem; font-weight:750; cursor:pointer; }
.view-switch button.active[b-yj67kac3ph] { color:#105f50; background:#fff; box-shadow:0 2px 8px rgba(30,57,51,.1); }

.agenda-filters[b-yj67kac3ph] { display:flex; align-items:center; gap:1rem; padding:.8rem 1rem; background:#fff; border:1px solid #dfe6e4; border-top:0; margin-bottom:1rem; border-radius:0 0 16px 16px; overflow:hidden; }
.search-box[b-yj67kac3ph] { min-width:300px; max-width:440px; flex:1; height:40px; display:flex; align-items:center; gap:.55rem; color:#6d7b78; padding:0 .7rem; background:#f5f7f6; border:1px solid transparent; border-radius:10px; }
.search-box:focus-within[b-yj67kac3ph] { border-color:#73ad9f; background:#fff; }.search-box input[b-yj67kac3ph] { width:100%; border:0; outline:0; background:transparent; color:#172321; }.search-box button[b-yj67kac3ph] { border:0; padding:0; background:transparent; color:#71807c; cursor:pointer; }
.section-filters[b-yj67kac3ph] { overflow:auto; padding-bottom:2px; }
.section-filter[b-yj67kac3ph] { height:36px; white-space:nowrap; display:flex; align-items:center; gap:.4rem; border:1px solid #dfe6e4; border-radius:18px; padding:0 .75rem; background:#fff; color:#52615e; font-weight:750; cursor:pointer; }
.section-filter span[b-yj67kac3ph] { min-width:20px; height:20px; border-radius:10px; display:grid; place-items:center; padding:0 .3rem; background:#eef2f1; font-size:.72rem; }.section-filter.active[b-yj67kac3ph] { border-color:#167a65; color:#105f50; background:#edf8f4; }
.section-dot[b-yj67kac3ph],.legend-dot[b-yj67kac3ph] { display:inline-block; width:8px; height:8px; border-radius:50%; flex:none; }
.section-0[b-yj67kac3ph] { background:#2474b5!important; }.section-1[b-yj67kac3ph] { background:#15866e!important; }.section-2[b-yj67kac3ph] { background:#8c62bd!important; }.section-3[b-yj67kac3ph] { background:#c17919!important; }.section-4[b-yj67kac3ph] { background:#b95d74!important; }.section-5[b-yj67kac3ph] { background:#4c7b87!important; }

.agenda-layout[b-yj67kac3ph] { display:grid; grid-template-columns:minmax(0,1fr) 285px; align-items:start; gap:1rem; }
.calendar-board[b-yj67kac3ph] { display:grid; grid-template-columns:repeat(6,minmax(170px,1fr)); overflow:auto; border:1px solid #dce5e2; border-radius:17px; background:#e3eae8; gap:1px; box-shadow:0 8px 28px rgba(33,61,55,.05); }
.calendar-board.single-day[b-yj67kac3ph] { grid-template-columns:1fr; }
.day-column[b-yj67kac3ph] { min-width:170px; min-height:540px; background:#fff; }.day-column.is-today[b-yj67kac3ph] { background:#fbfefc; }
.day-header[b-yj67kac3ph] { height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 .75rem; border-bottom:1px solid #edf1f0; }
.day-header div[b-yj67kac3ph] { display:flex; align-items:baseline; gap:.45rem; }.day-header span:first-child[b-yj67kac3ph] { color:#74817e; font-size:.78rem; font-weight:800; text-transform:uppercase; }.day-header strong[b-yj67kac3ph] { font-size:1.5rem; }.is-today .day-header strong[b-yj67kac3ph] { width:34px; height:34px; display:grid; place-items:center; color:#fff; background:#167a65; border-radius:50%; }
.day-load[b-yj67kac3ph] { min-width:38px; padding:.2rem .4rem; border-radius:12px; text-align:center; font-size:.7rem!important; font-weight:900!important; }.day-load.available[b-yj67kac3ph] { color:#167a65; background:#e5f5ef; }.day-load.busy[b-yj67kac3ph] { color:#97610e; background:#fff0d4; }.day-load.full[b-yj67kac3ph] { color:#aa443b; background:#fee9e6; }
.capacity-track[b-yj67kac3ph] { height:3px; background:#edf1f0; }.capacity-track i[b-yj67kac3ph] { display:block; height:100%; background:#28a27f; }.day-summary[b-yj67kac3ph] { display:flex; justify-content:space-between; padding:.55rem .75rem; color:#82908c; font-size:.7rem; border-bottom:1px solid #edf1f0; }
.day-content[b-yj67kac3ph] { padding:.55rem; display:flex; flex-direction:column; gap:.5rem; }
.appointment-card[b-yj67kac3ph] { position:relative; display:block; width:100%; padding:.7rem .65rem .65rem .8rem; text-align:left; border:1px solid #dfe7e4; border-radius:12px; background:#fff; color:#172321; overflow:hidden; cursor:pointer; transition:.15s ease; }
.appointment-card:hover[b-yj67kac3ph] { transform:translateY(-1px); border-color:#9abbb2; box-shadow:0 8px 20px rgba(29,65,56,.09); }.appointment-card.needs-review[b-yj67kac3ph] { background:#fffdf8; border-color:#f0d9a8; }.appointment-card.conflict[b-yj67kac3ph] { border-color:#e8a49a; background:#fffafa; }.appointment-card.is-late[b-yj67kac3ph] { border-color:#edb3ab; }
.card-accent[b-yj67kac3ph] { position:absolute; inset:0 auto 0 0; width:4px; }.card-topline[b-yj67kac3ph] { display:flex; justify-content:space-between; gap:.35rem; align-items:center; }.card-time[b-yj67kac3ph] { color:#53635f; font-size:.72rem; font-weight:850; }.card-title[b-yj67kac3ph] { display:block; margin:.45rem 0 .1rem; font-size:1.03rem; }.card-description[b-yj67kac3ph] { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#65736f; font-size:.76rem; min-height:2.2em; }
.mini-state[b-yj67kac3ph] { display:flex; align-items:center; gap:.1rem; border-radius:10px; padding:.14rem .35rem; font-size:.61rem; font-weight:850; white-space:nowrap; }.mini-state.review[b-yj67kac3ph] { color:#94610f; background:#fff0d4; }.mini-state.late[b-yj67kac3ph] { color:#a7443b; background:#fee9e6; }
.card-meta[b-yj67kac3ph] { display:flex; flex-wrap:wrap; gap:.4rem .65rem; margin-top:.6rem; padding-top:.5rem; border-top:1px solid #edf1f0; color:#687773; font-size:.68rem; }.card-meta span[b-yj67kac3ph] { display:flex; align-items:center; gap:.22rem; }.linked-work[b-yj67kac3ph] { display:flex; justify-content:space-between; gap:.5rem; margin-top:.45rem; color:#176b5a; font-size:.66rem; font-weight:800; }.linked-work span:last-child[b-yj67kac3ph] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.add-day-button[b-yj67kac3ph] { height:35px; display:flex; align-items:center; justify-content:center; gap:.3rem; border:1px dashed #a9bbb6; border-radius:10px; color:#347262; background:#f9fcfb; cursor:pointer; font-size:.75rem; font-weight:800; }.empty-day[b-yj67kac3ph] { min-height:185px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4rem; color:#9ba7a4; text-align:center; }.empty-day svg[b-yj67kac3ph] { font-size:2rem; }.empty-day span[b-yj67kac3ph] { font-size:.75rem; }.empty-day button[b-yj67kac3ph] { border:0; color:#167a65; background:transparent; font-size:.72rem; font-weight:850; cursor:pointer; }
.single-day .day-content[b-yj67kac3ph] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.single-day .day-header[b-yj67kac3ph],.single-day .day-summary[b-yj67kac3ph] { padding-left:1.2rem; padding-right:1.2rem; }.single-day .add-day-button[b-yj67kac3ph],.single-day .empty-day[b-yj67kac3ph] { grid-column:1/-1; }

.agenda-insights[b-yj67kac3ph] { display:flex; flex-direction:column; gap:.8rem; }.insight-card[b-yj67kac3ph],.legend-card[b-yj67kac3ph] { padding:1rem; border:1px solid #dfe6e4; border-radius:16px; background:#fff; }.insight-card > header[b-yj67kac3ph] { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; }.insight-card h3[b-yj67kac3ph] { margin:0; font-size:1rem; }.insight-card header > svg[b-yj67kac3ph] { color:#7b8a86; }.section-load[b-yj67kac3ph] { margin:.9rem 0; }.section-load > div:first-child[b-yj67kac3ph] { display:flex; justify-content:space-between; align-items:center; margin-bottom:.35rem; font-size:.76rem; }.section-load span[b-yj67kac3ph] { display:flex; align-items:center; gap:.4rem; color:#53615e; }.section-load strong[b-yj67kac3ph] { font-size:.72rem; }.load-track[b-yj67kac3ph] { height:6px; border-radius:4px; background:#edf1f0; overflow:hidden; }.load-track i[b-yj67kac3ph] { display:block; height:100%; border-radius:4px; }.alert-count[b-yj67kac3ph] { min-width:27px; height:27px; display:grid; place-items:center; border-radius:14px; background:#fff0d4; color:#94610f; font-size:.72rem; font-weight:900; }
.attention-item[b-yj67kac3ph] { width:100%; display:flex; align-items:center; gap:.55rem; padding:.65rem 0; border:0; border-top:1px solid #edf1f0; color:#25322f; background:#fff; text-align:left; cursor:pointer; }.attention-item > span:nth-child(2)[b-yj67kac3ph] { flex:1; min-width:0; }.attention-item strong[b-yj67kac3ph],.attention-item small[b-yj67kac3ph] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.attention-item strong[b-yj67kac3ph] { font-size:.76rem; }.attention-item small[b-yj67kac3ph] { color:#7d8986; font-size:.65rem; }.attention-icon[b-yj67kac3ph] { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; color:#94610f; background:#fff3dc; }.all-clear[b-yj67kac3ph] { display:flex; align-items:center; gap:.65rem; color:#167a65; }.all-clear span[b-yj67kac3ph],.all-clear strong[b-yj67kac3ph],.all-clear small[b-yj67kac3ph] { display:block; }.all-clear small[b-yj67kac3ph] { color:#75837f; font-size:.68rem; }.legend-card[b-yj67kac3ph] { display:flex; flex-wrap:wrap; gap:.65rem; padding:.8rem 1rem; }.legend-card span[b-yj67kac3ph] { display:flex; align-items:center; gap:.35rem; color:#71807c; font-size:.68rem; }.legend-dot.planned[b-yj67kac3ph] { background:#28a27f; }.legend-dot.review[b-yj67kac3ph] { background:#e7a832; }.legend-dot.late[b-yj67kac3ph] { background:#d76055; }.muted[b-yj67kac3ph] { color:#7c8986; font-size:.78rem; }

.list-view[b-yj67kac3ph] { border:1px solid #dfe6e4; border-radius:17px; background:#fff; overflow:hidden; }.list-view > header[b-yj67kac3ph] { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.2rem; border-bottom:1px solid #e7eceb; }.list-view h2[b-yj67kac3ph] { margin:0; font-size:1.1rem; }.result-count[b-yj67kac3ph] { padding:.3rem .65rem; border-radius:15px; color:#176b5a; background:#e9f6f1; font-size:.72rem; font-weight:850; }.list-day[b-yj67kac3ph] { display:grid; grid-template-columns:120px 1fr; border-bottom:1px solid #e7eceb; }.list-date[b-yj67kac3ph] { padding:1rem; }.list-date strong[b-yj67kac3ph],.list-date span[b-yj67kac3ph] { display:block; }.list-date strong[b-yj67kac3ph] { text-transform:uppercase; font-size:.72rem; }.list-date span[b-yj67kac3ph] { color:#75837f; font-size:.7rem; }.list-items[b-yj67kac3ph] { border-left:1px solid #edf1f0; }.list-appointment[b-yj67kac3ph] { width:100%; min-height:70px; display:grid; grid-template-columns:55px 4px minmax(180px,1fr) minmax(100px,160px) 90px 24px; gap:.8rem; align-items:center; padding:.6rem 1rem; border:0; border-bottom:1px solid #edf1f0; color:#1b2825; background:#fff; text-align:left; cursor:pointer; }.list-appointment:hover[b-yj67kac3ph] { background:#f8fbfa; }.list-appointment.needs-review[b-yj67kac3ph] { background:#fffdf8; }.list-appointment.conflict[b-yj67kac3ph] { background:#fff9f8; }.list-time[b-yj67kac3ph],.list-time small[b-yj67kac3ph],.appointment-main strong[b-yj67kac3ph],.appointment-main small[b-yj67kac3ph] { display:block; }.list-time[b-yj67kac3ph] { font-size:.82rem; font-weight:850; }.list-time small[b-yj67kac3ph],.appointment-main small[b-yj67kac3ph] { color:#798682; font-size:.68rem; }.section-bar[b-yj67kac3ph] { width:4px; height:38px; border-radius:3px; }.appointment-main[b-yj67kac3ph] { min-width:0; }.appointment-main strong[b-yj67kac3ph],.appointment-main small[b-yj67kac3ph] { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.appointment-section[b-yj67kac3ph] { color:#52625e; font-size:.72rem; }.state-pill[b-yj67kac3ph] { justify-self:start; padding:.25rem .5rem; border-radius:12px; font-size:.65rem; font-weight:850; }.state-pill.planned[b-yj67kac3ph] { color:#176b5a; background:#e6f5ef; }.state-pill.review[b-yj67kac3ph] { color:#95610e; background:#fff0d4; }.state-pill.late[b-yj67kac3ph] { color:#a9463c; background:#fee9e6; }.empty-list[b-yj67kac3ph] { min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.35rem; color:#84918e; }.empty-list svg[b-yj67kac3ph] { font-size:2.5rem; }.empty-list strong[b-yj67kac3ph] { color:#35433f; }

@media (max-width:1250px) { .agenda-layout[b-yj67kac3ph] { grid-template-columns:1fr; }.agenda-insights[b-yj67kac3ph] { display:grid; grid-template-columns:1fr 1fr; }.legend-card[b-yj67kac3ph] { grid-column:1/-1; }.agenda-kpis[b-yj67kac3ph] { grid-template-columns:repeat(2,1fr); } }
@media (max-width:850px) { .agenda-page[b-yj67kac3ph] { padding:.65rem; }.agenda-hero[b-yj67kac3ph],.agenda-toolbar[b-yj67kac3ph],.agenda-filters[b-yj67kac3ph] { align-items:stretch; flex-direction:column; }.hero-actions > button[b-yj67kac3ph],.hero-actions > a[b-yj67kac3ph] { flex:1; }.period-navigation[b-yj67kac3ph] { flex-wrap:wrap; }.period-title[b-yj67kac3ph] { flex:1; }.view-switch button[b-yj67kac3ph] { flex:1; justify-content:center; }.search-box[b-yj67kac3ph] { min-width:0; max-width:none; width:100%; }.agenda-insights[b-yj67kac3ph] { grid-template-columns:1fr; }.list-day[b-yj67kac3ph] { grid-template-columns:1fr; }.list-date[b-yj67kac3ph] { padding:.65rem 1rem; }.list-items[b-yj67kac3ph] { border-left:0; }.list-appointment[b-yj67kac3ph] { grid-template-columns:50px 4px 1fr 24px; }.appointment-section[b-yj67kac3ph],.state-pill[b-yj67kac3ph] { display:none; }.single-day .day-content[b-yj67kac3ph] { grid-template-columns:1fr; } }
@media (max-width:560px) { .agenda-kpis[b-yj67kac3ph] { grid-template-columns:1fr; }.hero-actions[b-yj67kac3ph] { flex-direction:column; }.agenda-hero h1[b-yj67kac3ph] { font-size:1.65rem; }.calendar-board[b-yj67kac3ph] { grid-template-columns:repeat(6,minmax(250px,1fr)); }.calendar-board.single-day[b-yj67kac3ph] { grid-template-columns:1fr; } }

/* Centro de comando da oficina */
.planner-workspace[b-yj67kac3ph] { display:grid; grid-template-columns:320px minmax(760px,1fr); gap:1rem; align-items:start; }
.planning-queue[b-yj67kac3ph],.timeline-panel[b-yj67kac3ph] { border:1px solid #dce5e2; border-radius:18px; background:#fff; box-shadow:0 8px 28px rgba(33,61,55,.05); overflow:hidden; }
.planning-queue[b-yj67kac3ph] { position:sticky; top:.75rem; display:flex; flex-direction:column; max-height:calc(100vh - 120px); }
.queue-header[b-yj67kac3ph] { display:flex; align-items:center; justify-content:space-between; padding:1rem 1rem .7rem; }
.queue-header h2[b-yj67kac3ph],.timeline-heading h2[b-yj67kac3ph] { margin:0; font-size:1.15rem; }
.queue-count[b-yj67kac3ph] { min-width:32px; height:32px; padding:0 .45rem; display:grid; place-items:center; border-radius:17px; background:#e5f5ef; color:#126a57; font-size:.78rem; font-weight:900; }
.queue-tabs[b-yj67kac3ph] { display:grid; grid-template-columns:repeat(3,1fr); gap:.25rem; margin:0 .9rem .65rem; padding:.25rem; border-radius:11px; background:#f0f4f3; }
.queue-tabs button[b-yj67kac3ph] { height:34px; border:0; border-radius:8px; background:transparent; color:#66736f; font-size:.72rem; font-weight:800; cursor:pointer; }
.queue-tabs button.active[b-yj67kac3ph] { background:#fff; color:#126a57; box-shadow:0 2px 7px rgba(35,62,56,.09); }
.queue-search[b-yj67kac3ph] { height:40px; margin:0 .9rem .7rem; padding:0 .7rem; display:flex; align-items:center; gap:.45rem; border:1px solid #dfe7e4; border-radius:10px; color:#73817d; background:#fafcfc; }
.queue-search:focus-within[b-yj67kac3ph] { border-color:#66a897; background:#fff; }.queue-search input[b-yj67kac3ph] { min-width:0; width:100%; border:0; outline:0; background:transparent; }
.queue-list[b-yj67kac3ph] { min-height:260px; padding:0 .7rem .7rem; display:flex; flex-direction:column; gap:.55rem; overflow:auto; }
.queue-item[b-yj67kac3ph] { padding:.75rem; border:1px solid #dfe7e4; border-left:4px solid #347f99; border-radius:12px; color:#1e2b28; background:#fff; cursor:grab; box-shadow:0 3px 12px rgba(32,57,51,.04); }
.queue-item:active[b-yj67kac3ph] { cursor:grabbing; }.queue-item.diagnosis[b-yj67kac3ph] { border-left-color:#9b6cc3; background:#fdfbff; }.queue-item.selected[b-yj67kac3ph] { border-color:#2d9178; border-left-color:#167a65; background:#eef9f5; box-shadow:0 0 0 2px rgba(22,122,101,.12); }.queue-item.is-dragging[b-yj67kac3ph],.timeline-appointment.is-dragging[b-yj67kac3ph] { opacity:.48; }
.queue-item-top[b-yj67kac3ph],.queue-item footer[b-yj67kac3ph] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }.queue-item-top[b-yj67kac3ph] { margin-bottom:.35rem; color:#7a8884; font-size:.62rem; font-weight:850; }.queue-kind[b-yj67kac3ph] { color:#237089; letter-spacing:.08em; }
.queue-item > strong[b-yj67kac3ph] { display:block; font-size:1rem; }.queue-customer[b-yj67kac3ph] { display:block; margin-top:.1rem; color:#52615e; font-size:.72rem; font-weight:750; }
.queue-item p[b-yj67kac3ph] { margin:.45rem 0; color:#73807d; font-size:.69rem; line-height:1.35; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.queue-item footer[b-yj67kac3ph] { padding-top:.45rem; border-top:1px solid #edf1f0; color:#61706c; font-size:.67rem; }.queue-item footer span[b-yj67kac3ph] { display:flex; align-items:center; gap:.35rem; }
.queue-empty[b-yj67kac3ph] { min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.35rem; padding:1rem; text-align:center; color:#83908d; }.queue-empty svg[b-yj67kac3ph] { font-size:2rem; color:#248d72; }.queue-empty strong[b-yj67kac3ph] { color:#33423e; }.queue-empty span[b-yj67kac3ph] { max-width:210px; font-size:.72rem; }
.queue-help[b-yj67kac3ph] { display:flex; gap:.45rem; align-items:flex-start; padding:.75rem .9rem; border-top:1px solid #e8eeec; color:#667470; background:#f7faf9; font-size:.69rem; }
.timeline-heading[b-yj67kac3ph] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1rem 1.1rem; border-bottom:1px solid #e3eae8; }.timeline-heading p[b-yj67kac3ph] { margin:.3rem 0 0; color:#71807c; font-size:.75rem; }
.resource-summary[b-yj67kac3ph] { display:flex; gap:.35rem; flex-wrap:wrap; justify-content:flex-end; }.resource-summary span[b-yj67kac3ph] { padding:.42rem .55rem; border-radius:10px; color:#5f6e6a; background:#f1f5f4; font-size:.67rem; white-space:nowrap; }.resource-summary strong[b-yj67kac3ph] { color:#172321; }.resource-summary .warning[b-yj67kac3ph] { color:#a4473d; background:#feece9; }
.timeline-scroll[b-yj67kac3ph] { max-height:calc(100vh - 270px); min-height:630px; overflow:auto; }
.timeline-grid[b-yj67kac3ph] { --planner-days:6; display:grid; grid-template-columns:64px repeat(var(--planner-days),minmax(180px,1fr)); min-width:calc(64px + var(--planner-days) * 180px); background:#e2e9e7; gap:1px; }
.time-corner[b-yj67kac3ph],.timeline-day-header[b-yj67kac3ph] { position:sticky; top:0; z-index:4; min-height:64px; background:#f8fbfa; }.time-corner[b-yj67kac3ph] { left:0; z-index:6; display:grid; place-items:center; color:#899592; font-size:.67rem; font-weight:800; }
.timeline-day-header[b-yj67kac3ph] { padding:.65rem .7rem; display:grid; grid-template-columns:1fr auto; align-content:center; gap:.12rem .4rem; }.timeline-day-header span[b-yj67kac3ph] { grid-column:1/-1; color:#76837f; font-size:.65rem; font-weight:850; text-transform:uppercase; }.timeline-day-header strong[b-yj67kac3ph] { font-size:.87rem; }.timeline-day-header em[b-yj67kac3ph] { align-self:center; padding:.12rem .3rem; border-radius:9px; font-size:.58rem; font-style:normal; font-weight:900; }.timeline-day-header.today[b-yj67kac3ph] { box-shadow:inset 0 3px #167a65; }
.time-label[b-yj67kac3ph] { position:sticky; left:0; z-index:3; min-height:88px; padding:.45rem .42rem; color:#74817e; background:#f8fbfa; font-size:.65rem; font-weight:800; text-align:right; }
.timeline-slot[b-yj67kac3ph] { min-height:88px; padding:.28rem; display:flex; gap:.3rem; align-items:stretch; background:#fff; transition:background .15s; overflow:hidden; cursor:pointer; }.timeline-slot:hover[b-yj67kac3ph],.timeline-slot.drag-over[b-yj67kac3ph] { background:#e3f5ee; box-shadow:inset 0 0 0 2px #4b9d88; }.timeline-slot.has-parallel[b-yj67kac3ph] { background:#fbfdfc; }.drop-hint[b-yj67kac3ph] { margin:auto; opacity:0; color:#5c9a8a; font-size:.62rem; font-weight:750; }.timeline-slot:hover .drop-hint[b-yj67kac3ph],.timeline-slot.drag-over .drop-hint[b-yj67kac3ph] { opacity:1; }
.timeline-appointment[b-yj67kac3ph] { position:relative; min-width:0; flex:1 1 0; padding:.45rem .45rem .4rem .6rem; border:1px solid #dbe5e2; border-radius:9px; color:#1d2b27; background:#fff; cursor:pointer; overflow:hidden; box-shadow:0 3px 10px rgba(30,58,51,.06); }.timeline-appointment > i[b-yj67kac3ph] { position:absolute; inset:0 auto 0 0; width:4px; }.timeline-appointment.conflict[b-yj67kac3ph] { border-color:#e49a91; background:#fff8f7; }.timeline-appointment.needs-review[b-yj67kac3ph] { border-color:#e8cd91; background:#fffdf7; }.timeline-appointment.is-late[b-yj67kac3ph] { border-color:#e7aaa2; }
.timeline-card-head[b-yj67kac3ph] { display:flex; align-items:flex-start; justify-content:space-between; gap:.35rem; }.timeline-card-head strong[b-yj67kac3ph] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.72rem; }.timeline-card-head span[b-yj67kac3ph] { color:#65746f; font-size:.58rem; white-space:nowrap; }
.timeline-appointment p[b-yj67kac3ph] { margin:.22rem 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#778480; font-size:.6rem; }.timeline-appointment footer[b-yj67kac3ph] { display:flex; justify-content:space-between; gap:.35rem; padding-top:.25rem; border-top:1px solid #edf1f0; color:#60706b; font-size:.56rem; }.timeline-appointment footer span[b-yj67kac3ph] { min-width:0; display:flex; align-items:center; gap:.14rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.planner-status[b-yj67kac3ph] { display:flex; flex-wrap:wrap; gap:.85rem; padding:.7rem 1rem; border-top:1px solid #e3eae8; color:#6d7a77; font-size:.66rem; }.planner-status span[b-yj67kac3ph] { display:flex; align-items:center; gap:.3rem; }.legend-dot.conflict-dot[b-yj67kac3ph] { background:#d75e54; }
@media (max-width:1250px) { .planner-workspace[b-yj67kac3ph] { grid-template-columns:280px minmax(680px,1fr); } }
@media (max-width:980px) { .planner-workspace[b-yj67kac3ph] { grid-template-columns:1fr; }.planning-queue[b-yj67kac3ph] { position:static; max-height:460px; }.timeline-heading[b-yj67kac3ph] { flex-direction:column; }.resource-summary[b-yj67kac3ph] { justify-content:flex-start; }.timeline-scroll[b-yj67kac3ph] { max-height:680px; } }
/* /Components/Pages/SelectCompanyPage.razor.rz.scp.css */
.company-page-header[b-w4pkrvtqab] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.company-page-header > div > span[b-w4pkrvtqab] {
    display: block;
    margin-bottom: 7px;
    color: #287562;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.company-page-header h1[b-w4pkrvtqab] {
    margin: 0;
    color: #241c1d;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 850;
    letter-spacing: -.04em;
}

.company-page-header p[b-w4pkrvtqab],
.company-create-heading p[b-w4pkrvtqab],
.company-section-heading p[b-w4pkrvtqab],
.company-empty p[b-w4pkrvtqab] {
    margin: 7px 0 0;
    color: #756467;
}

.company-create-toggle[b-w4pkrvtqab],
.company-empty button[b-w4pkrvtqab] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
    border: 0;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #349078, #1f6956);
    box-shadow: 0 9px 20px rgba(185, 28, 28, .2);
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

[b-w4pkrvtqab] .company-create-card {
    margin-bottom: 24px;
    padding: 24px !important;
    border-color: #f1b7ba !important;
}

.company-create-heading[b-w4pkrvtqab] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.company-create-heading h2[b-w4pkrvtqab],
.company-section-heading h2[b-w4pkrvtqab],
.company-empty h2[b-w4pkrvtqab] {
    margin: 0;
    color: #241c1d;
    font-size: 20px;
    font-weight: 800;
}

.company-create-icon[b-w4pkrvtqab],
.company-empty > span[b-w4pkrvtqab] {
    display: grid;
    flex: 0 0 52px;
    place-items: center;
    width: 52px;
    height: 52px;
    margin: 0;
    border-radius: 16px;
    color: #1f6956;
    background: #eaf6f2;
}

.company-form-grid[b-w4pkrvtqab] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 14px;
}

.company-form-actions[b-w4pkrvtqab] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}

.company-section-heading[b-w4pkrvtqab] {
    margin-bottom: 14px;
}

.company-grid[b-w4pkrvtqab] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.company-card[b-w4pkrvtqab] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    min-height: 108px;
    padding: 18px;
    border: 1px solid #e7dde0;
    border-radius: 18px;
    color: #4b3b3e;
    background: #fff;
    box-shadow: 0 8px 22px rgba(77, 28, 34, .045);
    text-align: left;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.company-card:hover[b-w4pkrvtqab] {
    border-color: #f3a5aa;
    box-shadow: 0 12px 28px rgba(77, 28, 34, .1);
    transform: translateY(-2px);
}

.company-card-mark[b-w4pkrvtqab] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin: 0;
    border-radius: 16px;
    color: #1f6956;
    background: #eaf6f2;
}

.company-card-copy[b-w4pkrvtqab] {
    display: grid;
    min-width: 0;
}

.company-card-copy strong[b-w4pkrvtqab] {
    overflow: hidden;
    color: #241c1d;
    font-size: 15px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-card-copy small[b-w4pkrvtqab] {
    margin-top: 5px;
    color: #806b70;
    font-size: 11px;
}

.company-card-action[b-w4pkrvtqab] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    color: #b91c1c;
    font-size: 12px;
    font-weight: 800;
}

.company-loading[b-w4pkrvtqab],
.company-empty[b-w4pkrvtqab] {
    display: grid;
    place-items: center;
    min-height: 260px;
    padding: 32px;
    border: 1px dashed #dfcfd2;
    border-radius: 20px;
    color: #756467;
    background: rgba(255, 255, 255, .7);
    text-align: center;
}

.company-loading[b-w4pkrvtqab] {
    align-content: center;
    gap: 12px;
}

.company-empty > span[b-w4pkrvtqab] {
    margin-bottom: 14px;
}

.company-empty button[b-w4pkrvtqab] {
    margin-top: 18px;
}

@media (max-width: 1050px) {
    .company-grid[b-w4pkrvtqab] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .company-page-header[b-w4pkrvtqab] {
        align-items: stretch;
        flex-direction: column;
    }

    .company-create-toggle[b-w4pkrvtqab] {
        width: 100%;
    }

    .company-form-grid[b-w4pkrvtqab],
    .company-grid[b-w4pkrvtqab] {
        grid-template-columns: 1fr;
    }

    .company-card[b-w4pkrvtqab] {
        grid-template-columns: auto 1fr;
    }

    .company-card-action[b-w4pkrvtqab] {
        grid-column: 2;
    }
}
/* /Components/Pages/TeamAdministrationPage.razor.rz.scp.css */
.team-admin-page[b-gelq5v21iw]{max-width:1540px;margin:0 auto;padding:1.25rem 1.5rem 3rem;color:#241d1f}.team-loading[b-gelq5v21iw]{min-height:360px;display:grid;place-content:center;justify-items:center;gap:1rem;color:#796d70}.team-summary-grid[b-gelq5v21iw]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.team-summary-grid article[b-gelq5v21iw]{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;background:#fff;border:1px solid #eadfe0;border-radius:18px;box-shadow:0 8px 22px rgba(47,29,32,.04)}.team-summary-grid strong[b-gelq5v21iw]{display:block;font-size:1.65rem;line-height:1}.team-summary-grid small[b-gelq5v21iw]{display:block;margin-top:.35rem;color:#74696b}.summary-icon[b-gelq5v21iw]{width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.summary-icon.people[b-gelq5v21iw]{background:#eef3f5;color:#527285}.summary-icon.available[b-gelq5v21iw]{background:#e9f7f0;color:#16825b}.summary-icon.busy[b-gelq5v21iw]{background:#eaf1fb;color:#356fc0}.summary-icon.warning[b-gelq5v21iw]{background:#fff3d9;color:#ad6b00}.credentials-banner[b-gelq5v21iw]{display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;border:1px solid #b8e1ce;background:#effaf5;border-radius:17px;margin-bottom:1rem}.credentials-banner>span[b-gelq5v21iw]{width:42px;height:42px;border-radius:13px;background:#16825b;color:#fff;display:grid;place-items:center}.credentials-banner div[b-gelq5v21iw]{flex:1}.credentials-banner p[b-gelq5v21iw]{margin:.2rem 0}.credentials-banner small[b-gelq5v21iw]{color:#557168}.credentials-banner code[b-gelq5v21iw]{padding:.22rem .45rem;border-radius:6px;background:#d9f2e6;color:#0a6947;font-weight:800}.credentials-banner button[b-gelq5v21iw]{border:0;background:transparent;color:#557168;cursor:pointer}.team-admin-layout[b-gelq5v21iw]{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:1rem;align-items:start}.team-admin-layout aside[b-gelq5v21iw]{display:grid;gap:1rem;position:sticky;top:1rem}.admin-panel[b-gelq5v21iw]{background:#fff;border:1px solid #eadfe0;border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgba(47,29,32,.045)}.panel-header[b-gelq5v21iw]{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.35rem 1.4rem;border-bottom:1px solid #eee4e5}.panel-header span[b-gelq5v21iw]{font-size:.69rem;letter-spacing:.15em;font-weight:900;color:#16785a}.panel-header h2[b-gelq5v21iw]{margin:.18rem 0;font-size:1.35rem}.panel-header p[b-gelq5v21iw]{margin:0;color:#766a6d;font-size:.86rem}.panel-header.compact[b-gelq5v21iw]{padding:1.2rem}.primary-action[b-gelq5v21iw],.section-form button[b-gelq5v21iw],.employee-modal footer .primary[b-gelq5v21iw]{border:0;border-radius:12px;background:#187b5a;color:#fff;font-weight:800;padding:.8rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;white-space:nowrap}.primary-action:hover[b-gelq5v21iw],.section-form button:hover[b-gelq5v21iw],.employee-modal footer .primary:hover[b-gelq5v21iw]{background:#116548}.icon-action[b-gelq5v21iw]{width:40px;height:40px;border:1px solid #d9e5e0;border-radius:12px;background:#eff8f4;color:#187b5a;display:grid;place-items:center;cursor:pointer}.employee-toolbar[b-gelq5v21iw]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;background:#fbf9f9;border-bottom:1px solid #eee4e5}.employee-toolbar label[b-gelq5v21iw]{flex:1;max-width:520px;display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;background:#fff;border:1px solid #e1d7d8;border-radius:11px;color:#807477}.employee-toolbar input[b-gelq5v21iw]{width:100%;border:0;outline:0;font:inherit;background:transparent}.employee-toolbar>span[b-gelq5v21iw]{font-size:.8rem;color:#8c8082}.employee-table-wrap[b-gelq5v21iw]{overflow:auto}.employee-table[b-gelq5v21iw]{width:100%;border-collapse:collapse;min-width:880px}.employee-table th[b-gelq5v21iw]{padding:.8rem 1rem;text-align:left;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8b7d80;background:#fff}.employee-table td[b-gelq5v21iw]{padding:1rem;border-top:1px solid #eee7e8;vertical-align:middle}.employee-person[b-gelq5v21iw]{display:flex;align-items:center;gap:.75rem}.avatar[b-gelq5v21iw]{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:.78rem;font-weight:900}.avatar.available[b-gelq5v21iw]{background:#dff4ea;color:#10704e}.avatar.busy[b-gelq5v21iw]{background:#e4eefc;color:#2c66b4}.avatar.incomplete[b-gelq5v21iw]{background:#fff0d4;color:#9e6300}.employee-person strong[b-gelq5v21iw],.role-cell strong[b-gelq5v21iw],.current-work strong[b-gelq5v21iw]{display:block;font-size:.88rem}.employee-person small[b-gelq5v21iw],.current-work small[b-gelq5v21iw]{display:block;color:#8a7c7f;margin-top:.2rem;font-size:.73rem}.section-chips[b-gelq5v21iw]{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.35rem}.section-chips span[b-gelq5v21iw]{padding:.22rem .45rem;border-radius:999px;background:#eef4f3;color:#45665c;font-size:.65rem;font-weight:800}.section-chips em[b-gelq5v21iw]{font-size:.7rem;color:#a57823}.employee-status[b-gelq5v21iw]{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .55rem;border-radius:999px;font-size:.72rem;font-weight:900}.employee-status i[b-gelq5v21iw]{width:7px;height:7px;border-radius:50%;background:currentColor}.employee-status.available[b-gelq5v21iw]{background:#e5f6ed;color:#127451}.employee-status.busy[b-gelq5v21iw]{background:#e8f0fb;color:#2f68b3}.employee-status.incomplete[b-gelq5v21iw]{background:#fff1d7;color:#996000}.status-help[b-gelq5v21iw]{display:block;margin-top:.32rem;color:#9a7770;font-size:.66rem}.no-work[b-gelq5v21iw]{color:#95898b;font-size:.78rem}.row-action[b-gelq5v21iw]{width:36px;height:36px;border-radius:10px;background:#f7f2f3;color:#594c4f;display:grid;place-items:center}.empty-state[b-gelq5v21iw]{min-height:240px;display:grid;place-content:center;justify-items:center;gap:.35rem;color:#8a7d80}.empty-state strong[b-gelq5v21iw]{color:#382e31}.empty-state .mud-icon-root[b-gelq5v21iw]{font-size:2.2rem;color:#c1b4b6}.section-form[b-gelq5v21iw]{padding:1rem 1.2rem;border-bottom:1px solid #eee4e5;background:#fbf9f9;display:grid;gap:.7rem}.section-form label[b-gelq5v21iw]{font-size:.72rem;font-weight:800;color:#5f5356}.section-form input[b-gelq5v21iw]{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.7rem;border:1px solid #ded3d5;border-radius:10px;background:#fff;font:inherit}.section-presets[b-gelq5v21iw]{padding:.9rem 1.2rem;border-bottom:1px solid #eee4e5;display:flex;gap:.45rem;flex-wrap:wrap}.section-presets small[b-gelq5v21iw]{width:100%;font-weight:800;color:#8b7e80;margin-bottom:.15rem}.section-presets button[b-gelq5v21iw]{border:1px solid #cfe0da;background:#f3faf7;color:#1a7357;border-radius:999px;padding:.38rem .62rem;font-size:.7rem;font-weight:800;cursor:pointer}.section-list[b-gelq5v21iw]{padding:.4rem 1.1rem 1rem;max-height:420px;overflow:auto}.section-list article[b-gelq5v21iw]{display:flex;align-items:center;gap:.75rem;padding:.75rem .1rem;border-bottom:1px solid #f0e9ea}.section-list article:last-child[b-gelq5v21iw]{border:0}.section-list article>span[b-gelq5v21iw]{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef5f3;color:#16785a;font-weight:900}.section-list strong[b-gelq5v21iw],.section-list small[b-gelq5v21iw]{display:block}.section-list strong[b-gelq5v21iw]{font-size:.84rem}.section-list small[b-gelq5v21iw]{font-size:.68rem;color:#8b7e80;margin-top:.18rem}.guide-panel[b-gelq5v21iw]{display:flex;gap:.8rem;padding:1rem 1.1rem;background:#fffaf0;border-color:#f0d8a8}.guide-panel>span[b-gelq5v21iw]{color:#b47612}.guide-panel strong[b-gelq5v21iw]{font-size:.82rem}.guide-panel p[b-gelq5v21iw]{margin:.3rem 0 0;color:#79684b;font-size:.72rem;line-height:1.45}.employee-modal-backdrop[b-gelq5v21iw]{position:fixed;inset:0;z-index:1500;background:rgba(27,22,23,.62);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1rem}.employee-modal[b-gelq5v21iw]{width:min(920px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.employee-modal>header[b-gelq5v21iw]{display:flex;align-items:flex-start;justify-content:space-between;padding:1.4rem 1.5rem;border-bottom:1px solid #eee4e5}.employee-modal>header span[b-gelq5v21iw]{font-size:.68rem;letter-spacing:.14em;color:#16785a;font-weight:900}.employee-modal h2[b-gelq5v21iw]{margin:.2rem 0;font-size:1.5rem}.employee-modal header p[b-gelq5v21iw]{margin:0;color:#796e70}.employee-modal header>button[b-gelq5v21iw]{border:0;background:#f3eeef;width:38px;height:38px;border-radius:11px;cursor:pointer}.preset-grid[b-gelq5v21iw]{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;padding:1.15rem 1.5rem}.preset-grid button[b-gelq5v21iw]{display:flex;align-items:center;gap:.6rem;text-align:left;border:1px solid #e1d7d8;background:#fff;border-radius:14px;padding:.75rem;cursor:pointer}.preset-grid button.selected[b-gelq5v21iw]{border-color:#208365;background:#eff9f5;box-shadow:0 0 0 2px rgba(32,131,101,.08)}.preset-grid .mud-icon-root[b-gelq5v21iw]{color:#297b63}.preset-grid strong[b-gelq5v21iw],.preset-grid small[b-gelq5v21iw]{display:block}.preset-grid strong[b-gelq5v21iw]{font-size:.76rem}.preset-grid small[b-gelq5v21iw]{font-size:.62rem;color:#877a7d;margin-top:.18rem}.employee-form-grid[b-gelq5v21iw]{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem;padding:.25rem 1.5rem 1rem}.employee-form-grid>label[b-gelq5v21iw]{font-size:.73rem;font-weight:800;color:#5c5053}.employee-form-grid input[b-gelq5v21iw],.employee-form-grid select[b-gelq5v21iw]{display:block;width:100%;box-sizing:border-box;margin-top:.35rem;padding:.78rem;border:1px solid #ded3d5;border-radius:11px;background:#fff;font:inherit}.password-field[b-gelq5v21iw]{display:flex;align-items:stretch}.password-field input[b-gelq5v21iw]{border-radius:11px 0 0 11px}.password-field button[b-gelq5v21iw]{margin-top:.35rem;border:1px solid #ded3d5;border-left:0;border-radius:0 11px 11px 0;background:#f8f4f5;color:#5e5053;cursor:pointer}.section-selector[b-gelq5v21iw]{margin:0 1.5rem 1rem;padding:1rem;border:1px solid #e5dbdc;border-radius:14px}.section-selector legend[b-gelq5v21iw]{font-weight:900;font-size:.82rem}.section-selector>p[b-gelq5v21iw]{margin:.1rem 0 .75rem;color:#867a7c;font-size:.72rem}.section-selector>div[b-gelq5v21iw]{display:flex;gap:.5rem;flex-wrap:wrap}.section-selector label[b-gelq5v21iw]{position:relative}.section-selector label input[b-gelq5v21iw]{position:absolute;opacity:0}.section-selector label span[b-gelq5v21iw]{display:block;padding:.55rem .75rem;border:1px solid #ddd2d4;border-radius:10px;font-size:.72rem;font-weight:800;cursor:pointer}.section-selector label input:checked+span[b-gelq5v21iw]{background:#e9f7f1;border-color:#81baa7;color:#126c4e}.employee-modal>footer[b-gelq5v21iw]{display:flex;justify-content:flex-end;gap:.65rem;padding:1rem 1.5rem;border-top:1px solid #eee4e5;background:#fbf9f9}.employee-modal footer .secondary[b-gelq5v21iw]{border:1px solid #ded3d5;border-radius:12px;background:#fff;color:#54484b;font-weight:800;padding:.8rem 1rem;cursor:pointer}.employee-modal button:disabled[b-gelq5v21iw]{opacity:.55;cursor:not-allowed}

@media(max-width:1100px){.team-summary-grid[b-gelq5v21iw]{grid-template-columns:repeat(2,1fr)}.team-admin-layout[b-gelq5v21iw]{grid-template-columns:1fr}.team-admin-layout aside[b-gelq5v21iw]{position:static;grid-template-columns:1fr 1fr}.preset-grid[b-gelq5v21iw]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.team-admin-page[b-gelq5v21iw]{padding:.75rem}.team-summary-grid[b-gelq5v21iw]{grid-template-columns:1fr 1fr;gap:.6rem}.team-summary-grid article[b-gelq5v21iw]{padding:.8rem}.team-admin-layout aside[b-gelq5v21iw]{grid-template-columns:1fr}.panel-header[b-gelq5v21iw]{align-items:flex-start;flex-direction:column}.primary-action[b-gelq5v21iw]{width:100%}.employee-form-grid[b-gelq5v21iw]{grid-template-columns:1fr}.preset-grid[b-gelq5v21iw]{grid-template-columns:1fr}.employee-modal-backdrop[b-gelq5v21iw]{padding:.3rem}.employee-modal[b-gelq5v21iw]{border-radius:18px}.employee-toolbar>span[b-gelq5v21iw]{display:none}}
.employee-modal .preset-grid[b-gelq5v21iw]{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.automatic-access[b-gelq5v21iw],.office-role-note[b-gelq5v21iw]{display:flex;align-items:center;gap:.7rem;border:1px solid #cfe2da;background:#f2faf6;border-radius:12px;padding:.72rem .8rem;color:#176e53}.automatic-access .mud-icon-root[b-gelq5v21iw],.office-role-note .mud-icon-root[b-gelq5v21iw]{flex:0 0 auto}.automatic-access strong[b-gelq5v21iw],.automatic-access small[b-gelq5v21iw],.office-role-note strong[b-gelq5v21iw],.office-role-note small[b-gelq5v21iw]{display:block}.automatic-access strong[b-gelq5v21iw],.office-role-note strong[b-gelq5v21iw]{font-size:.73rem}.automatic-access small[b-gelq5v21iw],.office-role-note small[b-gelq5v21iw]{margin-top:.16rem;font-size:.65rem;line-height:1.35;color:#59766c}.office-role-note[b-gelq5v21iw]{margin:0 1.5rem 1rem}
.location-form[b-gelq5v21iw]{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:1rem 1.2rem;border-bottom:1px solid #e3ebe8;background:#f7fbf9}.location-form label[b-gelq5v21iw]{font-size:.7rem;font-weight:800;color:#52625d}.location-form input[b-gelq5v21iw],.location-form select[b-gelq5v21iw]{display:block;width:100%;margin-top:.28rem;padding:.7rem;border:1px solid #ceddd7;border-radius:10px;background:#fff;font:inherit}.location-form button[b-gelq5v21iw]{grid-column:1/-1;border:0;border-radius:10px;padding:.72rem;background:#287562;color:#fff;font-weight:850}.location-list[b-gelq5v21iw]{padding:.45rem 1.1rem 1rem;max-height:360px;overflow:auto}.location-list article[b-gelq5v21iw]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.72rem .1rem;border-bottom:1px solid #edf1ef}.location-list article>span[b-gelq5v21iw]{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#287562;background:#eaf6f2}.location-list strong[b-gelq5v21iw],.location-list small[b-gelq5v21iw]{display:block}.location-list strong[b-gelq5v21iw]{font-size:.82rem}.location-list small[b-gelq5v21iw]{margin-top:.16rem;color:#7b8984;font-size:.66rem}.location-list button[b-gelq5v21iw]{border:0;background:transparent;color:#287562;cursor:pointer}.location-list article.inactive[b-gelq5v21iw]{opacity:.55}.location-list article.inactive>span[b-gelq5v21iw]{color:#737c79;background:#edf0ef}
/* /Components/Pages/VehicleDeliveryPage.razor.rz.scp.css */
.delivery-page[b-d75cew2cmn]{display:grid;gap:16px;padding:6px 4px 38px;color:#202c31}.delivery-loading[b-d75cew2cmn]{min-height:420px;display:flex;align-items:center;justify-content:center;gap:14px}.delivery-loading div[b-d75cew2cmn]{display:grid}.delivery-loading small[b-d75cew2cmn]{color:#76848a}.delivery-hero[b-d75cew2cmn]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 27px;border:1px solid #dbe7e2;border-radius:22px;background:linear-gradient(135deg,#eef8f4,#fff);box-shadow:0 14px 36px rgba(31,74,56,.06)}.delivery-hero>div:first-child>span[b-d75cew2cmn],.delivery-list-panel>header small[b-d75cew2cmn],.detail-title>small[b-d75cew2cmn],.handover-panel>header small[b-d75cew2cmn]{color:#1f7957;font-size:9px;font-weight:900;letter-spacing:.12em}.delivery-hero h1[b-d75cew2cmn]{margin:4px 0 2px;font-size:34px;letter-spacing:-.045em}.delivery-hero p[b-d75cew2cmn]{margin:0;color:#68787e}.delivery-hero>div:last-child[b-d75cew2cmn],.detail-topbar>div[b-d75cew2cmn]{display:flex;gap:8px}.delivery-hero a[b-d75cew2cmn],.delivery-hero button[b-d75cew2cmn],.detail-topbar a[b-d75cew2cmn],.detail-topbar button[b-d75cew2cmn],.delivery-not-found button[b-d75cew2cmn]{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #cee1d8;border-radius:12px;color:#315e49;background:#fff;font-weight:850;text-decoration:none;cursor:pointer}.detail-topbar[b-d75cew2cmn]{display:flex;align-items:center;justify-content:space-between;gap:15px}.detail-topbar>button[b-d75cew2cmn]{color:#50645b;border-color:#dce5e1}.detail-topbar .pdf-button[b-d75cew2cmn]{color:#fff;border-color:#247653;background:#247653}.detail-topbar button:disabled[b-d75cew2cmn],.delivery-complete button:disabled[b-d75cew2cmn]{opacity:.55;cursor:wait}.delivery-flow[b-d75cew2cmn],.delivery-progress[b-d75cew2cmn]{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border:1px solid #e1e7e4;border-radius:17px;background:#fff}.delivery-flow article[b-d75cew2cmn],.delivery-progress article[b-d75cew2cmn]{display:flex;align-items:center;gap:9px;min-width:190px}.delivery-flow article>span[b-d75cew2cmn],.delivery-progress article>span[b-d75cew2cmn]{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#718078;background:#edf1ef;font-weight:900}.delivery-flow article.done>span[b-d75cew2cmn],.delivery-progress article.done>span[b-d75cew2cmn]{color:#fff;background:#24805d}.delivery-flow article.current>span[b-d75cew2cmn],.delivery-progress article.current>span[b-d75cew2cmn]{color:#fff;background:#cf7a12;box-shadow:0 0 0 5px #fff2dc}.delivery-flow article div[b-d75cew2cmn],.delivery-progress article div[b-d75cew2cmn]{display:grid}.delivery-flow small[b-d75cew2cmn],.delivery-progress small[b-d75cew2cmn]{color:#7c8983;font-size:9px}.delivery-toolbar[b-d75cew2cmn]{display:flex;align-items:center;justify-content:space-between;gap:14px}.delivery-toolbar label[b-d75cew2cmn]{flex:1;max-width:650px;min-height:48px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #dce5e1;border-radius:13px;background:#fff}.delivery-toolbar input[b-d75cew2cmn]{width:100%;border:0;outline:0;background:transparent}.delivery-toolbar>div[b-d75cew2cmn]{display:flex;gap:7px}.delivery-toolbar button[b-d75cew2cmn]{min-height:42px;padding:0 14px;border:1px solid #dce5e1;border-radius:11px;color:#5d6e66;background:#fff;font-weight:800;cursor:pointer}.delivery-toolbar button.active[b-d75cew2cmn]{border-color:#247653;color:#1d6748;background:#edf8f2}.delivery-toolbar button span[b-d75cew2cmn]{margin-left:5px;padding:2px 6px;border-radius:99px;background:#e8eeeb}.delivery-list-panel[b-d75cew2cmn],.handover-panel[b-d75cew2cmn]{overflow:hidden;border:1px solid #dfe7e3;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(31,65,48,.05)}.delivery-list-panel>header[b-d75cew2cmn],.handover-panel>header[b-d75cew2cmn]{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-bottom:1px solid #e8eeeb}.delivery-list-panel h2[b-d75cew2cmn],.handover-panel h2[b-d75cew2cmn]{margin:3px 0 0;font-size:21px}.delivery-list-panel>header p[b-d75cew2cmn],.handover-panel>header p[b-d75cew2cmn]{margin:3px 0 0;color:#718078;font-size:10px}.delivery-list-panel>header>span[b-d75cew2cmn]{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#247653;background:#e7f5ed;font-weight:900}.delivery-list[b-d75cew2cmn]{display:grid}.delivery-row[b-d75cew2cmn]{width:100%;display:grid;grid-template-columns:auto minmax(220px,1.2fr) minmax(130px,.55fr) auto minmax(150px,.55fr);align-items:center;gap:15px;padding:17px 18px;border:0;border-bottom:1px solid #edf1ef;color:inherit;background:#fff;text-align:left;cursor:pointer}.delivery-row:hover[b-d75cew2cmn]{background:#f4faf7}.delivery-row .car[b-d75cew2cmn]{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#247653;background:#e7f5ed}.delivery-row .vehicle[b-d75cew2cmn],.row-meta[b-d75cew2cmn]{display:grid;min-width:0}.delivery-row .vehicle strong[b-d75cew2cmn]{font-size:16px}.delivery-row .vehicle em[b-d75cew2cmn],.delivery-row .vehicle small[b-d75cew2cmn],.row-meta small[b-d75cew2cmn]{overflow:hidden;color:#718078;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.row-meta strong[b-d75cew2cmn]{margin-top:3px;color:#38483f;font-size:11px}.billing-state[b-d75cew2cmn]{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:99px;font-size:8px;font-weight:850;white-space:nowrap}.billing-state.ok[b-d75cew2cmn]{color:#1d704f;background:#e5f5ec}.billing-state.pending[b-d75cew2cmn]{color:#9a610f;background:#fff2dc}.open-row[b-d75cew2cmn]{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#247653;font-size:10px;font-weight:900;white-space:nowrap}.delivery-empty[b-d75cew2cmn]{min-height:270px;display:grid;place-content:center;justify-items:center;gap:5px;color:#738179;text-align:center}.delivery-empty :deep(.mud-icon-root)[b-d75cew2cmn],.delivery-not-found>:first-child[b-d75cew2cmn]{font-size:40px;color:#247653}.delivery-not-found[b-d75cew2cmn]{min-height:470px;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center}.delivery-not-found h1[b-d75cew2cmn],.delivery-not-found p[b-d75cew2cmn]{margin:0}.delivery-not-found p[b-d75cew2cmn]{color:#708078}.delivery-detail-hero[b-d75cew2cmn]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:21px 24px;border:1px solid #dce8e3;border-radius:20px;background:linear-gradient(135deg,#f2faf6,#fff)}.detail-car[b-d75cew2cmn]{width:60px;height:60px;display:grid;place-items:center;border-radius:17px;color:#247653;background:#dff3e9}.detail-car :deep(.mud-icon-root)[b-d75cew2cmn]{font-size:32px}.detail-title h1[b-d75cew2cmn]{margin:1px 0;font-size:31px;letter-spacing:-.04em}.detail-title p[b-d75cew2cmn]{margin:0;color:#6e7d76}.detail-state[b-d75cew2cmn]{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:99px;font-size:10px;font-weight:900}.detail-state.ready[b-d75cew2cmn]{color:#8c580e;background:#fff1d7}.detail-state.delivered[b-d75cew2cmn]{color:#1e7251;background:#e7f7ef}.delivery-summary[b-d75cew2cmn]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.delivery-summary article[b-d75cew2cmn]{display:flex;align-items:center;gap:11px;min-width:0;padding:15px;border:1px solid #e0e7e4;border-radius:15px;background:#fff}.delivery-summary article>span[b-d75cew2cmn]{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#416b59;background:#eef5f2}.delivery-summary article>div[b-d75cew2cmn]{display:grid;min-width:0}.delivery-summary small[b-d75cew2cmn]{color:#78857f;font-size:8px;font-weight:850;letter-spacing:.06em}.delivery-summary strong[b-d75cew2cmn],.delivery-summary em[b-d75cew2cmn]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delivery-summary strong[b-d75cew2cmn]{font-size:12px}.delivery-summary em[b-d75cew2cmn]{color:#78857f;font-size:9px;font-style:normal}.delivery-progress article[b-d75cew2cmn]{min-width:170px}.handover-warning[b-d75cew2cmn]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px 16px;border:1px solid #efd5a5;border-radius:14px;color:#8c580e;background:#fff8ec}.handover-warning div[b-d75cew2cmn]{display:grid}.handover-warning small[b-d75cew2cmn]{font-size:9px}.handover-warning a[b-d75cew2cmn]{padding:8px 10px;border-radius:9px;color:#fff;background:#9a610f;font-size:9px;font-weight:850;text-decoration:none}.delivery-complete[b-d75cew2cmn]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px;border:1px solid #b9dfcf;border-radius:17px;color:#1e7251;background:#edf9f4}.delivery-complete>span[b-d75cew2cmn]{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#24805d}.delivery-complete>span :deep(.mud-icon-root)[b-d75cew2cmn]{font-size:28px}.delivery-complete small[b-d75cew2cmn]{font-size:8px;font-weight:900;letter-spacing:.08em}.delivery-complete h2[b-d75cew2cmn],.delivery-complete p[b-d75cew2cmn]{margin:0}.delivery-complete h2[b-d75cew2cmn]{font-size:17px}.delivery-complete p[b-d75cew2cmn]{color:#5f766b;font-size:10px}.delivery-complete button[b-d75cew2cmn]{min-height:42px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:0;border-radius:11px;color:#fff;background:#247653;font-weight:900;cursor:pointer}.detail-panel[b-d75cew2cmn]{width:100%}.handover-panel>header[b-d75cew2cmn]{background:#fbfdfc}.handover-panel>header>span[b-d75cew2cmn]{padding:6px 9px;border-radius:99px;color:#247653;background:#e8f5ee;font-size:8px;font-weight:900;letter-spacing:.06em}.handover-fields[b-d75cew2cmn]{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px}.handover-fields>:last-child[b-d75cew2cmn]{grid-column:1/-1}.section-heading[b-d75cew2cmn]{display:flex;align-items:center;gap:10px;margin:0 20px 13px;padding-top:16px;border-top:1px solid #e8eeeb}.section-heading>span[b-d75cew2cmn]{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#547466;font-size:11px;font-weight:900}.section-heading>div[b-d75cew2cmn]{display:grid}.section-heading strong[b-d75cew2cmn]{font-size:13px}.section-heading small[b-d75cew2cmn]{color:#78857e;font-size:9px}.handover-checks[b-d75cew2cmn]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 20px}.handover-checks label[b-d75cew2cmn]{display:flex;align-items:center;gap:6px;padding:13px;border:1px solid #e2e7e4;border-radius:13px;background:#fafcfa}.handover-checks label.checked[b-d75cew2cmn]{border-color:#b8decf;background:#eef9f4}.handover-checks label span[b-d75cew2cmn]{display:grid}.handover-checks strong[b-d75cew2cmn]{font-size:10px}.handover-checks small[b-d75cew2cmn]{color:#78857e;font-size:8px}.signature-box[b-d75cew2cmn]{position:relative;display:grid;gap:9px;margin:0 20px 20px;padding:13px;border:1px solid #dfe6e2;border-radius:14px;background:#fafcfb}.signature-box canvas[b-d75cew2cmn]{width:100%;height:175px;border:1px dashed #b8c8c0;border-radius:10px;background:#fff;touch-action:none}.signature-box button[b-d75cew2cmn]{position:absolute;right:20px;top:18px;display:inline-flex;align-items:center;gap:5px;border:0;color:#6c7973;background:#fff;font-size:9px;font-weight:800;cursor:pointer}.handover-panel footer[b-d75cew2cmn]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-top:1px solid #e7ece9;background:#f8faf9}.handover-panel footer>span[b-d75cew2cmn]{display:inline-flex;align-items:center;gap:6px;color:#718078;font-size:9px}.handover-panel footer .confirm[b-d75cew2cmn]{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 16px;border:0;border-radius:11px;color:#fff;background:#247653;font-weight:900;cursor:pointer}.handover-panel footer .confirm:disabled[b-d75cew2cmn]{opacity:.45;cursor:not-allowed}.delivered-signature[b-d75cew2cmn]{display:flex;align-items:center;justify-content:space-between;margin:0 20px 20px;padding:18px;border:1px dashed #a8cbbb;border-radius:14px;color:#246c50;background:#f5fbf8}.delivered-signature>div[b-d75cew2cmn]{display:grid}.delivered-signature small[b-d75cew2cmn]{font-size:8px;font-weight:900;letter-spacing:.08em}.delivered-signature span[b-d75cew2cmn]{color:#698078;font-size:9px}.delivered-signature>:last-child[b-d75cew2cmn]{font-size:34px}.delivery-page :deep(.mud-input-control)[b-d75cew2cmn]{margin:0}
@media(max-width:1120px){.delivery-summary[b-d75cew2cmn]{grid-template-columns:repeat(2,1fr)}.delivery-progress[b-d75cew2cmn]{overflow-x:auto;justify-content:flex-start}.delivery-progress article[b-d75cew2cmn]{min-width:165px}.delivery-row[b-d75cew2cmn]{grid-template-columns:auto minmax(200px,1fr) auto auto}.row-meta[b-d75cew2cmn]{display:none}.open-row[b-d75cew2cmn]{grid-column:auto}}
@media(max-width:760px){.delivery-hero[b-d75cew2cmn],.delivery-toolbar[b-d75cew2cmn],.detail-topbar[b-d75cew2cmn]{align-items:stretch;flex-direction:column}.delivery-hero>div:last-child[b-d75cew2cmn],.detail-topbar>div[b-d75cew2cmn],.delivery-toolbar label[b-d75cew2cmn]{width:100%;max-width:none}.delivery-flow[b-d75cew2cmn]{overflow-x:auto;justify-content:flex-start}.delivery-flow article[b-d75cew2cmn]{min-width:170px}.delivery-row[b-d75cew2cmn]{grid-template-columns:auto minmax(0,1fr) auto;padding:14px}.billing-state[b-d75cew2cmn]{grid-column:2}.open-row[b-d75cew2cmn]{grid-row:1/3;grid-column:3;font-size:0}.delivery-detail-hero[b-d75cew2cmn]{grid-template-columns:auto 1fr}.detail-state[b-d75cew2cmn]{grid-column:1/-1;justify-content:center}.delivery-summary[b-d75cew2cmn]{grid-template-columns:1fr}.handover-fields[b-d75cew2cmn],.handover-checks[b-d75cew2cmn]{grid-template-columns:1fr}.handover-fields>:last-child[b-d75cew2cmn]{grid-column:auto}.delivery-complete[b-d75cew2cmn]{grid-template-columns:auto 1fr}.delivery-complete button[b-d75cew2cmn]{grid-column:1/-1;justify-content:center}.handover-panel footer[b-d75cew2cmn]{align-items:stretch;flex-direction:column}.handover-panel footer .confirm[b-d75cew2cmn]{justify-content:center}}
.signature-methods[b-d75cew2cmn]{display:flex;gap:8px;margin:0 20px 12px}.signature-methods button[b-d75cew2cmn]{min-height:39px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border:1px solid #d8e2dd;border-radius:10px;color:#63736b;background:#fff;font-size:10px;font-weight:850;cursor:pointer}.signature-methods button.active[b-d75cew2cmn]{border-color:#27805e;color:#1f7252;background:#eaf7f0;box-shadow:inset 0 0 0 1px #27805e}.paper-signature[b-d75cew2cmn]{display:flex;align-items:center;gap:12px;margin:0 20px 20px;padding:18px;border:1px dashed #9fcbb8;border-radius:14px;color:#216d50;background:#f1faf6}.paper-signature>:first-child[b-d75cew2cmn]{font-size:30px}.paper-signature>div[b-d75cew2cmn]{display:grid;gap:2px}.paper-signature strong[b-d75cew2cmn]{font-size:13px}.paper-signature span[b-d75cew2cmn]{color:#637970;font-size:9px}
@media(max-width:760px){.signature-methods[b-d75cew2cmn]{display:grid;grid-template-columns:1fr 1fr}.signature-methods button[b-d75cew2cmn]{justify-content:center}}
.detail-topbar .internal-pdf[b-d75cew2cmn]{color:#495860;border-color:#ccd6da;background:#f5f8f9}.delivery-pdf-actions[b-d75cew2cmn]{display:flex;gap:8px}.delivery-complete .delivery-pdf-actions button.internal[b-d75cew2cmn]{color:#41534a;border:1px solid #b9cdc4;background:#fff}@media(max-width:760px){.delivery-pdf-actions[b-d75cew2cmn]{grid-column:1/-1;flex-direction:column}.delivery-pdf-actions button[b-d75cew2cmn]{width:100%;justify-content:center}}
/* /Components/Pages/VehicleDiagnosisPage.razor.rz.scp.css */
.diagnosis-page[b-4ocrjjdyia] { --ink:#211b1d; --muted:#786a6d; --line:#e8dddf; --surface:#fff; --soft:#f8f5f5; --blue:#256c83; --green:#238364; --amber:#c57b16; min-height:100%; padding:24px 28px 48px; color:var(--ink); background:#fbf9f9; }
.diagnosis-loading[b-4ocrjjdyia] { min-height:55vh; display:flex; align-items:center; justify-content:center; gap:16px; }
.diagnosis-loading div[b-4ocrjjdyia] { display:flex; flex-direction:column; }.diagnosis-loading small[b-4ocrjjdyia] { color:var(--muted); }
.queue-hero[b-4ocrjjdyia],.detail-hero[b-4ocrjjdyia] { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px 28px; border:1px solid #dce8e6; border-radius:22px; background:linear-gradient(135deg,#f3fbf9,#fff); }
.queue-hero span[b-4ocrjjdyia],.vehicle-heading small[b-4ocrjjdyia],.route-panel>div>small[b-4ocrjjdyia],.diagnosis-workspace header small[b-4ocrjjdyia],.decision-panel header small[b-4ocrjjdyia],.queue-panel header small[b-4ocrjjdyia] { display:block; margin-bottom:6px; color:#16735d; font-size:11px; font-weight:900; letter-spacing:.14em; }
.queue-hero h1[b-4ocrjjdyia],.detail-hero h1[b-4ocrjjdyia] { margin:0; font-size:34px; line-height:1.05; }.queue-hero p[b-4ocrjjdyia],.detail-hero p[b-4ocrjjdyia] { margin:8px 0 0; color:var(--muted); }
.queue-hero-actions[b-4ocrjjdyia] { display:flex; gap:10px; }.queue-hero-actions a[b-4ocrjjdyia],.queue-hero-actions button[b-4ocrjjdyia],.open-work[b-4ocrjjdyia],.back-button[b-4ocrjjdyia] { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:0 16px; border:1px solid #d5e1df; border-radius:12px; background:#fff; color:#355650; font-weight:800; text-decoration:none; cursor:pointer; }
.queue-flow[b-4ocrjjdyia] { display:flex; align-items:center; justify-content:center; gap:22px; margin:18px 0; padding:16px 22px; border:1px solid var(--line); border-radius:18px; background:#fff; }.queue-flow article[b-4ocrjjdyia] { display:flex; align-items:center; gap:10px; min-width:175px; }.queue-flow article>span[b-4ocrjjdyia] { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#f0eaeb; font-weight:900; }.queue-flow article div[b-4ocrjjdyia] { display:flex; flex-direction:column; }.queue-flow small[b-4ocrjjdyia] { color:var(--muted); }.queue-flow .done>span[b-4ocrjjdyia] { background:var(--green); color:#fff; }.queue-flow .current>span[b-4ocrjjdyia] { background:var(--blue); color:#fff; }
.queue-summary[b-4ocrjjdyia] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:18px 0; }.queue-summary article[b-4ocrjjdyia] { display:flex; align-items:center; gap:14px; padding:17px 20px; border:1px solid var(--line); border-radius:17px; background:#fff; }.queue-summary article>span[b-4ocrjjdyia] { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; }.queue-summary .blue[b-4ocrjjdyia] { color:#24677f; background:#e5f2f6; }.queue-summary .amber[b-4ocrjjdyia] { color:#ad6810; background:#fff1d9; }.queue-summary .purple[b-4ocrjjdyia] { color:#6655a6; background:#efebff; }.queue-summary article div[b-4ocrjjdyia] { display:flex; flex-direction:column; }.queue-summary strong[b-4ocrjjdyia] { font-size:24px; }.queue-summary small[b-4ocrjjdyia] { color:var(--muted); }
.queue-toolbar[b-4ocrjjdyia] { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:16px 0; }.queue-toolbar>label[b-4ocrjjdyia] { display:flex; align-items:center; gap:10px; width:min(520px,100%); padding:0 14px; border:1px solid var(--line); border-radius:13px; background:#fff; }.queue-toolbar input[b-4ocrjjdyia] { width:100%; height:46px; border:0; outline:0; background:transparent; }.queue-filters[b-4ocrjjdyia] { display:flex; gap:7px; padding:5px; border:1px solid var(--line); border-radius:13px; background:#fff; }.queue-filters button[b-4ocrjjdyia] { padding:9px 12px; border:0; border-radius:9px; background:transparent; color:#665b5e; font-weight:800; cursor:pointer; }.queue-filters button.active[b-4ocrjjdyia] { color:#155e4e; background:#e8f6f1; }.queue-filters span[b-4ocrjjdyia] { margin-left:5px; opacity:.65; }
.queue-panel[b-4ocrjjdyia] { overflow:hidden; border:1px solid var(--line); border-radius:19px; background:#fff; }.queue-panel>header[b-4ocrjjdyia] { display:flex; justify-content:space-between; align-items:center; padding:18px 20px; border-bottom:1px solid var(--line); }.queue-panel h2[b-4ocrjjdyia] { margin:0; font-size:20px; }.queue-panel>header>span[b-4ocrjjdyia] { color:var(--muted); font-size:13px; }.queue-list[b-4ocrjjdyia] { display:flex; flex-direction:column; }.queue-row[b-4ocrjjdyia] { display:grid; grid-template-columns:auto minmax(250px,1fr) auto minmax(160px,220px) auto; align-items:center; gap:16px; padding:17px 20px; border-bottom:1px solid #eee6e7; }.queue-row:last-child[b-4ocrjjdyia] { border-bottom:0; }.car-icon[b-4ocrjjdyia] { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:#216f5b; background:#e7f5f0; }.vehicle[b-4ocrjjdyia] { display:flex; flex-direction:column; }.vehicle strong[b-4ocrjjdyia] { font-size:17px; }.vehicle span[b-4ocrjjdyia] { margin:2px 0; color:#44393c; }.vehicle small[b-4ocrjjdyia] { color:var(--muted); }.state-badge[b-4ocrjjdyia] { display:inline-flex; align-items:center; justify-content:center; min-width:112px; padding:8px 11px; border-radius:999px; font-size:12px; font-weight:900; }.state-badge.decision[b-4ocrjjdyia] { color:#49606a; background:#edf2f4; }.state-badge.diagnosing[b-4ocrjjdyia] { color:#1d6980; background:#e3f3f8; }.state-badge.approval[b-4ocrjjdyia] { color:#90600d; background:#fff0d3; }.state-badge.parts[b-4ocrjjdyia] { color:#7656a7; background:#f0eaff; }.diagnosis-progress[b-4ocrjjdyia] { display:grid; grid-template-columns:1fr auto; gap:5px 10px; }.diagnosis-progress small[b-4ocrjjdyia] { color:var(--muted); }.diagnosis-progress i[b-4ocrjjdyia] { grid-column:1/-1; height:6px; overflow:hidden; border-radius:99px; background:#eee8e9; }.diagnosis-progress em[b-4ocrjjdyia] { display:block; height:100%; border-radius:inherit; background:var(--blue); }.open-diagnosis[b-4ocrjjdyia] { display:inline-flex; align-items:center; gap:7px; color:#1d6756; font-weight:900; text-decoration:none; white-space:nowrap; }.queue-empty[b-4ocrjjdyia] { min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--muted); }.queue-empty .mud-icon-root[b-4ocrjjdyia] { margin-bottom:10px; color:#63a793; font-size:42px; }
.detail-hero[b-4ocrjjdyia] { position:relative; padding-left:170px; }.back-button[b-4ocrjjdyia] { position:absolute; left:24px; top:25px; }.vehicle-heading[b-4ocrjjdyia] { display:flex; align-items:center; gap:15px; }.vehicle-icon[b-4ocrjjdyia] { display:grid; place-items:center; width:58px; height:58px; border-radius:17px; color:#fff; background:#27718a; }.vehicle-icon .mud-icon-root[b-4ocrjjdyia] { font-size:31px; }.open-work[b-4ocrjjdyia] { margin-left:auto; }
.route-panel[b-4ocrjjdyia] { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:18px 0; padding:18px 22px; border:1px solid #dce8e6; border-radius:18px; background:#fff; }.route-panel h2[b-4ocrjjdyia] { margin:0; font-size:19px; }.route-panel p[b-4ocrjjdyia] { margin:5px 0 0; color:var(--muted); }.route-flow[b-4ocrjjdyia] { display:flex; align-items:center; min-width:550px; }.route-flow>span[b-4ocrjjdyia] { display:flex; align-items:center; justify-content:center; gap:8px; width:44px; height:44px; border:2px solid #e1d8da; border-radius:50%; font-weight:900; }.route-flow>span em[b-4ocrjjdyia] { position:absolute; margin-top:82px; width:110px; text-align:center; font-style:normal; font-size:12px; }.route-flow>span small[b-4ocrjjdyia] { display:block; color:var(--muted); font-weight:500; }.route-flow>i[b-4ocrjjdyia] { flex:1; height:2px; background:#e4dcdd; }.route-flow .done[b-4ocrjjdyia] { border-color:var(--green); background:var(--green); color:#fff; }.route-flow .current[b-4ocrjjdyia] { border-color:var(--blue); background:var(--blue); color:#fff; box-shadow:0 0 0 5px #e1f1f6; }.route-flow .optional[b-4ocrjjdyia] { border-style:dashed; color:#7b686c; }
.intake-overview[b-4ocrjjdyia] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }.intake-overview article[b-4ocrjjdyia] { display:flex; align-items:center; gap:13px; min-height:78px; padding:13px 16px; border:1px solid var(--line); border-radius:15px; background:#fff; }.intake-overview article>span[b-4ocrjjdyia] { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:12px; color:#28725f; background:#e8f5f1; }.intake-overview article>div[b-4ocrjjdyia] { min-width:0; display:flex; flex-direction:column; }.intake-overview small[b-4ocrjjdyia] { color:var(--muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }.intake-overview strong[b-4ocrjjdyia] { margin:2px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }.intake-overview em[b-4ocrjjdyia] { color:#8c7d80; font-size:12px; font-style:normal; }.intake-overview article.missing>span[b-4ocrjjdyia] { color:#aa690f; background:#fff1d9; }.intake-overview article.missing strong[b-4ocrjjdyia] { color:#9a6418; }
.triage-layout[b-4ocrjjdyia] { display:grid; grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr); gap:16px; margin-bottom:18px; }.triage-card[b-4ocrjjdyia],.readiness-card[b-4ocrjjdyia] { overflow:hidden; border:1px solid var(--line); border-radius:19px; background:#fff; }.triage-card>header[b-4ocrjjdyia] { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px; border-bottom:1px solid var(--line); }.triage-card>header small[b-4ocrjjdyia],.readiness-card>header small[b-4ocrjjdyia] { color:#16735d; font-size:10px; font-weight:900; letter-spacing:.13em; }.triage-card h2[b-4ocrjjdyia] { margin:2px 0 0; font-size:21px; }.triage-card header p[b-4ocrjjdyia] { margin:5px 0 0; color:var(--muted); }.completion-ring[b-4ocrjjdyia] { --progress:0; position:relative; display:grid; place-items:center; flex:0 0 68px; width:68px; height:68px; border-radius:50%; background:conic-gradient(#318c72 calc(var(--progress) * 1%),#ece6e7 0); }.completion-ring[b-4ocrjjdyia]::before { position:absolute; inset:6px; border-radius:50%; background:#fff; content:""; }.completion-ring strong[b-4ocrjjdyia],.completion-ring small[b-4ocrjjdyia] { position:relative; z-index:1; }.completion-ring strong[b-4ocrjjdyia] { margin-top:9px; font-size:15px; }.completion-ring small[b-4ocrjjdyia] { margin-top:-10px; color:var(--muted)!important; font-size:8px!important; letter-spacing:0!important; }.triage-fields[b-4ocrjjdyia] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; padding:18px 22px; }.triage-fields label[b-4ocrjjdyia] { display:flex; flex-direction:column; }.triage-fields label>span[b-4ocrjjdyia] { font-weight:850; }.triage-fields label>small[b-4ocrjjdyia] { margin:3px 0 8px; color:var(--muted); }.triage-fields textarea[b-4ocrjjdyia] { box-sizing:border-box; width:100%; min-height:105px; padding:13px 14px; resize:vertical; border:1px solid #dcd1d3; border-radius:12px; outline:0; background:#fdfcfc; font:inherit; }.triage-fields textarea:focus[b-4ocrjjdyia] { border-color:#5b9287; box-shadow:0 0 0 3px #e8f4f1; }
.triage-alert-row[b-4ocrjjdyia] { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0 22px 18px; }.safety-toggle[b-4ocrjjdyia] { position:relative; cursor:pointer; }.safety-toggle>input[b-4ocrjjdyia] { position:absolute; opacity:0; }.safety-toggle>span[b-4ocrjjdyia],.contact-card[b-4ocrjjdyia] { box-sizing:border-box; display:flex; align-items:center; gap:12px; min-height:76px; padding:13px 14px; border:1px solid #ded4d6; border-radius:13px; background:#faf8f8; }.safety-toggle .mud-icon-root[b-4ocrjjdyia] { color:#8a797c; }.safety-toggle span>strong[b-4ocrjjdyia],.safety-toggle span>small[b-4ocrjjdyia] { display:block; }.safety-toggle span>small[b-4ocrjjdyia] { margin-top:3px; color:var(--muted); font-weight:400; }.safety-toggle input:checked+span[b-4ocrjjdyia] { border-color:#dfad59; color:#8d570d; background:#fff5e5; box-shadow:inset 0 0 0 1px #dfad59; }.safety-toggle input:checked+span .mud-icon-root[b-4ocrjjdyia] { color:#c2760c; }.contact-card>.mud-icon-root[b-4ocrjjdyia] { color:#267861; }.contact-card>div[b-4ocrjjdyia] { min-width:0; display:flex; flex:1; flex-direction:column; }.contact-card small[b-4ocrjjdyia] { color:var(--muted); }.contact-card strong[b-4ocrjjdyia] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.contact-card em[b-4ocrjjdyia] { color:#796b6e; font-size:11px; font-style:normal; }.contact-card a[b-4ocrjjdyia] { color:#28705f; font-size:12px; font-weight:900; text-decoration:none; }.triage-card>footer[b-4ocrjjdyia] { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 22px; border-top:1px solid var(--line); background:#faf8f8; }.triage-card>footer>span[b-4ocrjjdyia] { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; }.triage-card>footer button[b-4ocrjjdyia] { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:0 15px; border:1px solid #a9c8bf; border-radius:10px; color:#225f50; background:#fff; font-weight:900; cursor:pointer; }
.readiness-card>header[b-4ocrjjdyia] { display:flex; align-items:center; gap:11px; padding:18px; border-bottom:1px solid var(--line); }.readiness-card>header>span[b-4ocrjjdyia] { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#246f5c; background:#e7f5f0; }.readiness-card h3[b-4ocrjjdyia] { margin:1px 0 0; font-size:18px; }.readiness-card ul[b-4ocrjjdyia] { display:flex; flex-direction:column; gap:0; margin:0; padding:8px 18px; list-style:none; }.readiness-card li[b-4ocrjjdyia] { display:flex; align-items:flex-start; gap:10px; padding:11px 0; border-bottom:1px solid #eee8e9; }.readiness-card li:last-child[b-4ocrjjdyia] { border:0; }.readiness-card li>.mud-icon-root[b-4ocrjjdyia] { margin-top:2px; font-size:18px; }.readiness-card li.ready>.mud-icon-root[b-4ocrjjdyia] { color:#26906d; }.readiness-card li.pending>.mud-icon-root[b-4ocrjjdyia] { color:#c28a37; }.readiness-card li span[b-4ocrjjdyia] { display:flex; min-width:0; flex-direction:column; }.readiness-card li strong[b-4ocrjjdyia] { font-size:13px; }.readiness-card li small[b-4ocrjjdyia] { margin-top:2px; overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; }.recommendation[b-4ocrjjdyia] { margin:6px 14px 14px; padding:14px; border-radius:13px; color:#315d53; background:#edf7f4; }.recommendation small[b-4ocrjjdyia] { font-size:9px; font-weight:900; letter-spacing:.12em; }.recommendation strong[b-4ocrjjdyia] { display:block; margin:4px 0; }.recommendation p[b-4ocrjjdyia] { margin:0; font-size:12px; line-height:1.45; }.recommendation.warning[b-4ocrjjdyia] { color:#85520c; background:#fff2dd; }.recommendation.neutral[b-4ocrjjdyia] { color:#59656a; background:#f0f3f4; }.recommendation.direct[b-4ocrjjdyia] { color:#385777; background:#edf3fa; }
.decision-panel[b-4ocrjjdyia],.diagnosis-workspace[b-4ocrjjdyia] { border:1px solid var(--line); border-radius:20px; background:#fff; }.decision-panel[b-4ocrjjdyia] { padding:22px; }.decision-panel>header[b-4ocrjjdyia] { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }.decision-panel h2[b-4ocrjjdyia] { margin:0; }.decision-panel header p[b-4ocrjjdyia] { margin:5px 0 0; color:var(--muted); }.decision-help[b-4ocrjjdyia] { display:flex; align-items:center; gap:7px; padding:9px 12px; border-radius:10px; color:#5c675e; background:#f1f5f2; font-size:12px; }.decision-help .mud-icon-root[b-4ocrjjdyia] { color:#a77724; }.decision-grid[b-4ocrjjdyia] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }.decision-grid button[b-4ocrjjdyia] { display:flex; flex-direction:column; align-items:flex-start; min-height:300px; padding:20px; border:1px solid var(--line); border-radius:17px; background:#fff; text-align:left; cursor:pointer; transition:.15s ease; }.decision-grid button:hover[b-4ocrjjdyia] { transform:translateY(-2px); border-color:#b8ccca; box-shadow:0 10px 24px rgba(50,30,35,.08); }.decision-grid button>span[b-4ocrjjdyia] { display:grid; place-items:center; width:48px; height:48px; margin-bottom:13px; border-radius:14px; }.decision-grid .blue[b-4ocrjjdyia] { color:#1f7088; background:#e3f2f6; }.decision-grid .amber[b-4ocrjjdyia] { color:#a7630b; background:#fff0d5; }.decision-grid .green[b-4ocrjjdyia] { color:#187057; background:#e3f4ee; }.decision-grid b[b-4ocrjjdyia] { margin-bottom:7px; color:#7e7073; font-size:9px; letter-spacing:.09em; }.decision-grid strong[b-4ocrjjdyia] { font-size:18px; }.decision-grid small[b-4ocrjjdyia] { margin-top:7px; color:var(--muted); line-height:1.5; }.decision-grid ul[b-4ocrjjdyia] { display:flex; flex-direction:column; gap:6px; margin:15px 0 17px; padding:0; color:#594e51; list-style:none; font-size:12px; }.decision-grid li[b-4ocrjjdyia]::before { margin-right:7px; color:#26906d; content:"✓"; font-weight:900; }.decision-grid em[b-4ocrjjdyia] { display:flex; align-items:center; gap:5px; margin-top:auto; color:#335f57; font-style:normal; font-weight:900; }
.diagnosis-workspace>header[b-4ocrjjdyia] { display:flex; align-items:center; justify-content:space-between; padding:22px 24px; border-bottom:1px solid var(--line); }.diagnosis-workspace h2[b-4ocrjjdyia] { margin:0; font-size:23px; }.diagnosis-workspace header p[b-4ocrjjdyia] { margin:5px 0 0; color:var(--muted); }.form-grid[b-4ocrjjdyia],.conclusion-grid[b-4ocrjjdyia] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; padding:22px 24px; }.form-grid .wide[b-4ocrjjdyia] { grid-column:1/-1; }.form-grid label[b-4ocrjjdyia],.conclusion-grid label[b-4ocrjjdyia] { display:flex; flex-direction:column; }.form-grid label>span[b-4ocrjjdyia],.conclusion-grid label>span[b-4ocrjjdyia] { font-weight:850; }.form-grid label>small[b-4ocrjjdyia],.conclusion-grid label>small[b-4ocrjjdyia] { margin:3px 0 8px; color:var(--muted); }.form-grid textarea[b-4ocrjjdyia],.conclusion-grid textarea[b-4ocrjjdyia],.form-grid input[b-4ocrjjdyia] { box-sizing:border-box; width:100%; padding:13px 14px; border:1px solid #dcd1d3; border-radius:12px; outline:0; font:inherit; background:#fdfcfc; }.form-grid textarea[b-4ocrjjdyia],.conclusion-grid textarea[b-4ocrjjdyia] { min-height:104px; resize:vertical; }.form-grid textarea:focus[b-4ocrjjdyia],.conclusion-grid textarea:focus[b-4ocrjjdyia],.form-grid input:focus[b-4ocrjjdyia] { border-color:#5b9287; box-shadow:0 0 0 3px #e8f4f1; }
.check-panel[b-4ocrjjdyia] { display:grid; grid-template-columns:1.1fr repeat(4,minmax(0,1fr)); gap:10px; padding:18px 24px; border-block:1px solid var(--line); background:#faf8f8; }.check-panel h3[b-4ocrjjdyia] { margin:2px 0 0; }.check-panel>div>small[b-4ocrjjdyia] { color:#247361; font-weight:900; letter-spacing:.12em; }.check-panel label[b-4ocrjjdyia] { position:relative; cursor:pointer; }.check-panel label>input[b-4ocrjjdyia] { position:absolute; opacity:0; }.check-panel label>span[b-4ocrjjdyia] { display:flex; flex-direction:column; min-height:100px; padding:14px; border:1px solid #ded5d6; border-radius:13px; background:#fff; }.check-panel label .mud-icon-root[b-4ocrjjdyia] { margin-bottom:7px; color:#7b6d70; }.check-panel label small[b-4ocrjjdyia] { margin-top:3px; color:var(--muted); line-height:1.25; }.check-panel input:checked+span[b-4ocrjjdyia] { border-color:#65a997; background:#edf8f4; box-shadow:inset 0 0 0 1px #65a997; }.check-panel input:checked+span .mud-icon-root[b-4ocrjjdyia] { color:#168260; }.check-panel .safety input:checked+span[b-4ocrjjdyia] { border-color:#d59a42; background:#fff6e8; }.check-panel .safety input:checked+span .mud-icon-root[b-4ocrjjdyia] { color:#ba6e08; }
.conclusion-grid[b-4ocrjjdyia] { padding-top:20px; }.workspace-actions[b-4ocrjjdyia] { display:flex; align-items:center; gap:10px; padding:18px 24px; border-top:1px solid var(--line); }.workspace-actions>span[b-4ocrjjdyia] { flex:1; }.workspace-actions button[b-4ocrjjdyia] { display:inline-flex; align-items:center; gap:8px; min-height:43px; padding:0 16px; border:1px solid #d9cecf; border-radius:11px; background:#fff; font-weight:900; cursor:pointer; }.workspace-actions button:disabled[b-4ocrjjdyia] { opacity:.55; cursor:not-allowed; }.workspace-actions .save[b-4ocrjjdyia] { color:#335e56; }.workspace-actions .quote[b-4ocrjjdyia] { color:#8c5b0e; border-color:#ead1a6; background:#fff9ef; }.workspace-actions .production[b-4ocrjjdyia] { color:#fff; border-color:#23765f; background:#23765f; }.validation-hint[b-4ocrjjdyia] { display:flex; align-items:center; gap:8px; margin:0 24px 20px; color:#8a661e; font-size:13px; }
.form-grid select[b-4ocrjjdyia] { box-sizing:border-box; width:100%; min-height:48px; padding:0 13px; border:1px solid #dcd1d3; border-radius:12px; outline:0; font:inherit; background:#fdfcfc; }.form-grid select:focus[b-4ocrjjdyia] { border-color:#5b9287; box-shadow:0 0 0 3px #e8f4f1; }.reception-actions[b-4ocrjjdyia] { grid-template-columns:1.4fr minmax(190px,.8fr) repeat(3,auto); align-items:center; }.reception-actions button[b-4ocrjjdyia] { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 15px; border:1px solid #d9cecf; border-radius:11px; background:#fff; font-weight:900; cursor:pointer; }.reception-actions button:disabled[b-4ocrjjdyia] { opacity:.55; cursor:not-allowed; }.reception-actions .save[b-4ocrjjdyia] { color:#335e56; }.reception-actions .quote[b-4ocrjjdyia] { color:#8c5b0e; border-color:#ead1a6; background:#fff9ef; }.reception-actions .production[b-4ocrjjdyia] { color:#fff; border-color:#23765f; background:#23765f; }.diagnosis-separator[b-4ocrjjdyia] { display:flex; align-items:center; gap:16px; padding:20px 24px 0; }.diagnosis-separator span[b-4ocrjjdyia] { color:#23765f; font-size:11px; font-weight:950; letter-spacing:.14em; }.diagnosis-separator strong[b-4ocrjjdyia] { font-size:18px; }.state-badge.done[b-4ocrjjdyia] { color:#176b52; background:#e1f5ed; }
.diagnosis-context[b-4ocrjjdyia] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:20px 24px 4px; }.diagnosis-context article[b-4ocrjjdyia] { display:flex; align-items:center; gap:13px; min-width:0; padding:16px; border:1px solid #dce6e3; border-radius:15px; background:#f8fcfb; }.diagnosis-context .context-icon[b-4ocrjjdyia] { display:grid; flex:0 0 42px; place-items:center; width:42px; height:42px; border-radius:12px; color:#236c5c; background:#e4f3ee; }.diagnosis-context article>div[b-4ocrjjdyia] { display:flex; min-width:0; flex-direction:column; }.diagnosis-context small[b-4ocrjjdyia] { margin:0 0 3px; color:#55736d; font-size:10px; font-weight:900; letter-spacing:.1em; }.diagnosis-context strong[b-4ocrjjdyia],.diagnosis-context article div>span[b-4ocrjjdyia] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.diagnosis-context strong[b-4ocrjjdyia] { font-size:16px; }.diagnosis-context article div>span[b-4ocrjjdyia] { margin-top:2px; color:var(--muted); font-size:13px; }
.diagnosis-reception[b-4ocrjjdyia] { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; margin:16px 24px 0; padding:16px 18px; border:1px solid #e5c88f; border-radius:15px; background:#fff8ea; }.diagnosis-reception.complete[b-4ocrjjdyia] { border-color:#a9d6c7; background:#eef9f5; }.diagnosis-reception .reception-icon[b-4ocrjjdyia] { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:#a3680e; background:#ffebc5; }.diagnosis-reception.complete .reception-icon[b-4ocrjjdyia] { color:#197358; background:#dcefe8; }.diagnosis-reception>div[b-4ocrjjdyia] { display:flex; min-width:0; flex-direction:column; }.diagnosis-reception small[b-4ocrjjdyia] { color:#8d640f; font-size:10px; font-weight:900; letter-spacing:.12em; }.diagnosis-reception.complete small[b-4ocrjjdyia] { color:#26725f; }.diagnosis-reception strong[b-4ocrjjdyia] { margin:2px 0; font-size:16px; }.diagnosis-reception p[b-4ocrjjdyia] { margin:0; color:var(--muted); font-size:12px; }.diagnosis-reception button[b-4ocrjjdyia] { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:0 14px; border:1px solid #b4cfc7; border-radius:11px; color:#235f51; background:#fff; font-weight:900; cursor:pointer; }.diagnosis-reception button:disabled[b-4ocrjjdyia] { opacity:.55; cursor:not-allowed; }
.diagnosis-reception .reception-buttons[b-4ocrjjdyia] { display:flex; flex-direction:row; gap:8px; }.diagnosis-reception .reception-buttons .pdf[b-4ocrjjdyia] { color:#70500d; border-color:#dec58d; background:#fffaf0; }
@media (max-width:1100px) { .queue-row[b-4ocrjjdyia] { grid-template-columns:auto 1fr auto; }.diagnosis-progress[b-4ocrjjdyia] { display:none; }.open-diagnosis[b-4ocrjjdyia] { grid-column:2/-1; }.route-panel[b-4ocrjjdyia] { align-items:flex-start; flex-direction:column; }.route-flow[b-4ocrjjdyia] { width:100%; min-width:0; margin:15px 0 25px; }.diagnosis-context[b-4ocrjjdyia],.intake-overview[b-4ocrjjdyia] { grid-template-columns:repeat(2,1fr); }.diagnosis-context article:last-child[b-4ocrjjdyia] { grid-column:1/-1; }.triage-layout[b-4ocrjjdyia] { grid-template-columns:1fr; }.check-panel[b-4ocrjjdyia] { grid-template-columns:repeat(2,1fr); }.check-panel>div[b-4ocrjjdyia] { grid-column:1/-1; } }
@media (max-width:760px) { .diagnosis-page[b-4ocrjjdyia] { padding:14px 10px 32px; }.queue-hero[b-4ocrjjdyia],.detail-hero[b-4ocrjjdyia] { align-items:flex-start; flex-direction:column; padding:20px; }.queue-hero-actions[b-4ocrjjdyia] { width:100%; }.detail-hero[b-4ocrjjdyia] { padding-top:75px; }.detail-hero .back-button[b-4ocrjjdyia] { top:17px; left:17px; }.open-work[b-4ocrjjdyia] { margin-left:0; }.queue-flow[b-4ocrjjdyia] { overflow:auto; justify-content:flex-start; }.queue-summary[b-4ocrjjdyia],.diagnosis-context[b-4ocrjjdyia],.decision-grid[b-4ocrjjdyia],.form-grid[b-4ocrjjdyia],.conclusion-grid[b-4ocrjjdyia],.intake-overview[b-4ocrjjdyia],.triage-fields[b-4ocrjjdyia],.triage-alert-row[b-4ocrjjdyia] { grid-template-columns:1fr; }.diagnosis-context article:last-child[b-4ocrjjdyia] { grid-column:auto; }.diagnosis-reception[b-4ocrjjdyia] { grid-template-columns:auto 1fr; margin-inline:14px; }.diagnosis-reception button[b-4ocrjjdyia] { grid-column:1/-1; }.form-grid .wide[b-4ocrjjdyia] { grid-column:auto; }.triage-card>header[b-4ocrjjdyia],.triage-card>footer[b-4ocrjjdyia],.decision-panel>header[b-4ocrjjdyia] { align-items:flex-start; flex-direction:column; }.completion-ring[b-4ocrjjdyia] { align-self:flex-end; margin-top:-60px; }.decision-help[b-4ocrjjdyia] { align-self:stretch; }.queue-toolbar[b-4ocrjjdyia] { align-items:stretch; flex-direction:column; }.queue-filters[b-4ocrjjdyia] { overflow:auto; }.queue-row[b-4ocrjjdyia] { grid-template-columns:auto 1fr; }.state-badge[b-4ocrjjdyia] { grid-column:2; justify-self:start; }.open-diagnosis[b-4ocrjjdyia] { grid-column:1/-1; justify-content:flex-end; }.route-flow>span em[b-4ocrjjdyia] { display:none; }.check-panel[b-4ocrjjdyia] { grid-template-columns:1fr; }.workspace-actions[b-4ocrjjdyia] { align-items:stretch; flex-direction:column; }.workspace-actions>span[b-4ocrjjdyia] { display:none; }.workspace-actions button[b-4ocrjjdyia] { justify-content:center; } }
@media (max-width:760px) { .diagnosis-reception .reception-buttons[b-4ocrjjdyia] { grid-column:1/-1; flex-direction:column; }.diagnosis-reception .reception-buttons button[b-4ocrjjdyia] { width:100%; } }
/* /Components/Pages/VehicleTrackingPage.razor.rz.scp.css */
.tracking-page[b-x9332x9jhh]{--ink:#17332d;--muted:#687c76;--green:#176b5b;--green2:#25846e;--blue:#257d96;max-width:1420px;min-height:100vh;margin:0 auto;padding:24px 30px 36px;color:var(--ink);font-family:Inter,"Segoe UI",sans-serif}.tracking-header[b-x9332x9jhh]{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 24px}.tracking-brand[b-x9332x9jhh]{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.tracking-brand>span[b-x9332x9jhh]{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--green),var(--blue));font-weight:900}.tracking-brand strong[b-x9332x9jhh],.tracking-brand small[b-x9332x9jhh]{display:block}.tracking-brand strong[b-x9332x9jhh]{font-size:22px;line-height:1}.tracking-brand small[b-x9332x9jhh]{margin-top:5px;color:#6f827c;font-size:8px;font-weight:900;letter-spacing:1.3px}.tracking-private[b-x9332x9jhh]{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #d2e4de;border-radius:999px;color:#4d6f66;background:rgba(255,255,255,.72);font-size:11px;font-weight:700}.eyebrow[b-x9332x9jhh]{color:var(--green2);font-size:10px;font-weight:900;letter-spacing:1.7px}.tracking-entry[b-x9332x9jhh]{display:grid;grid-template-columns:minmax(360px,.85fr) 1.15fr;min-height:690px;overflow:hidden;border:1px solid #d6e6e1;border-radius:34px;background:#fff;box-shadow:0 28px 80px rgba(24,77,64,.1)}.entry-visual[b-x9332x9jhh]{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 30% 30%,#2c8e79,#15594f 55%,#113e3a);color:#fff}.entry-visual>.mud-icon-root[b-x9332x9jhh]{position:relative;z-index:2;width:170px;height:170px;filter:drop-shadow(0 22px 26px rgba(0,0,0,.16));opacity:.96}.orbit[b-x9332x9jhh]{position:absolute;border:1px solid rgba(255,255,255,.19);border-radius:50%}.orbit-one[b-x9332x9jhh]{width:430px;height:430px}.orbit-two[b-x9332x9jhh]{width:650px;height:650px}.entry-copy[b-x9332x9jhh]{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(35px,7vw,105px)}.entry-copy h1[b-x9332x9jhh],.tracking-state-card h1[b-x9332x9jhh]{max-width:690px;margin:10px 0 16px;font-size:clamp(38px,5vw,70px);line-height:1.02;letter-spacing:-3px}.entry-copy>p[b-x9332x9jhh]{max-width:650px;margin:0 0 28px;color:var(--muted);font-size:17px;line-height:1.65}.code-entry[b-x9332x9jhh]{display:flex;align-items:center;gap:10px;max-width:760px;padding:8px;border:1px solid #bdd9d1;border-radius:17px;background:#f8fbfa;box-shadow:0 10px 30px rgba(28,104,85,.08)}.code-entry>.mud-icon-root[b-x9332x9jhh]{margin-left:10px;color:var(--green)}.code-entry input[b-x9332x9jhh]{min-width:0;flex:1;padding:12px 3px;border:0;outline:0;color:var(--ink);background:transparent;font:800 17px/1.2 ui-monospace,Consolas,monospace;letter-spacing:1.1px;text-transform:uppercase}.code-entry button[b-x9332x9jhh]{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green2));font:800 12px/1 inherit;cursor:pointer}.entry-warning[b-x9332x9jhh]{margin-top:10px;color:#a16a17;font-size:12px}.entry-security[b-x9332x9jhh]{display:flex;align-items:center;gap:12px;max-width:620px;margin-top:30px;padding:14px;border-radius:14px;color:#55746b;background:#edf7f3}.entry-security>.mud-icon-root[b-x9332x9jhh]{color:var(--green)}.entry-security span[b-x9332x9jhh],.entry-security strong[b-x9332x9jhh]{display:block}.entry-security span[b-x9332x9jhh]{font-size:11px;line-height:1.5}.entry-security strong[b-x9332x9jhh]{color:#2e574c}.tracking-state-card[b-x9332x9jhh]{display:flex;min-height:650px;flex-direction:column;align-items:center;justify-content:center;padding:50px;text-align:center;border:1px solid #d7e5e1;border-radius:32px;background:#fff}.tracking-state-card h1[b-x9332x9jhh]{max-width:800px;margin:15px 0;font-size:48px}.tracking-state-card p[b-x9332x9jhh]{max-width:620px;color:var(--muted);font-size:15px;line-height:1.6}.tracking-state-card a[b-x9332x9jhh]{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:13px 18px;border-radius:12px;color:#fff;background:var(--green);font-weight:800;text-decoration:none}.state-icon[b-x9332x9jhh]{display:grid;place-items:center;width:72px;height:72px;margin-bottom:16px;border-radius:22px;color:#a17224;background:#fff4dc}.state-icon>.mud-icon-root[b-x9332x9jhh]{width:35px;height:35px}.tracking-loader[b-x9332x9jhh]{width:56px;height:56px;border:5px solid #d9e9e4;border-top-color:var(--green);border-radius:50%;animation:tracking-spin-b-x9332x9jhh .8s linear infinite}@keyframes tracking-spin-b-x9332x9jhh{to{transform:rotate(360deg)}}.tracking-hero[b-x9332x9jhh]{display:grid;grid-template-columns:1fr minmax(320px,.55fr);align-items:center;gap:25px;padding:38px 42px;border:1px solid #cfe2dc;border-radius:28px;background:linear-gradient(125deg,#fff 0%,#f5fbf9 62%,#e8f5f1 100%);box-shadow:0 22px 60px rgba(25,82,68,.08)}.vehicle-title[b-x9332x9jhh]{display:flex;align-items:center;gap:18px;margin-top:12px}.vehicle-icon[b-x9332x9jhh]{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;color:#fff;background:linear-gradient(135deg,var(--green),var(--blue))}.vehicle-icon>.mud-icon-root[b-x9332x9jhh]{width:31px;height:31px}.vehicle-title h1[b-x9332x9jhh],.vehicle-title p[b-x9332x9jhh]{margin:0}.vehicle-title h1[b-x9332x9jhh]{font-size:42px;letter-spacing:1px}.vehicle-title p[b-x9332x9jhh]{margin-top:4px;color:var(--muted);font-size:15px}.hero-status[b-x9332x9jhh]{padding:22px 25px;border:1px solid #c7e1d9;border-radius:19px;background:rgba(255,255,255,.8)}.hero-status small[b-x9332x9jhh],.hero-status strong[b-x9332x9jhh],.hero-status span[b-x9332x9jhh]{display:block}.hero-status small[b-x9332x9jhh]{color:#668178;font-size:9px;font-weight:900;letter-spacing:1.2px}.hero-status strong[b-x9332x9jhh]{margin-top:5px;color:var(--green);font-size:25px}.hero-status span[b-x9332x9jhh]{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.tracking-summary[b-x9332x9jhh]{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:14px;margin-top:16px}.progress-card[b-x9332x9jhh],.summary-card[b-x9332x9jhh]{min-height:135px;padding:21px;border:1px solid #d6e5e1;border-radius:20px;background:#fff}.progress-head[b-x9332x9jhh]{display:flex;align-items:flex-end;justify-content:space-between}.progress-head small[b-x9332x9jhh],.progress-head strong[b-x9332x9jhh]{display:block}.progress-head small[b-x9332x9jhh],.summary-card small[b-x9332x9jhh]{color:#71867f;font-size:8px;font-weight:900;letter-spacing:1px}.progress-head strong[b-x9332x9jhh]{margin-top:2px;font-size:29px}.progress-head>span[b-x9332x9jhh]{color:#75877f;font-size:10px}.progress-track[b-x9332x9jhh]{height:8px;margin-top:14px;overflow:hidden;border-radius:99px;background:#e4eeeb}.progress-track span[b-x9332x9jhh]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#39a186)}.progress-card p[b-x9332x9jhh]{margin:9px 0 0;color:#84938e;font-size:9px}.summary-card[b-x9332x9jhh]{display:flex;align-items:center;gap:14px}.summary-icon[b-x9332x9jhh]{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px}.summary-icon.green[b-x9332x9jhh]{color:#14705b;background:#e2f5ed}.summary-icon.blue[b-x9332x9jhh]{color:#276f91;background:#e5f2f8}.summary-icon.amber[b-x9332x9jhh]{color:#9b681b;background:#fff1d5}.summary-card strong[b-x9332x9jhh],.summary-card p[b-x9332x9jhh]{display:block;margin:0}.summary-card strong[b-x9332x9jhh]{margin-top:4px;font-size:14px}.summary-card p[b-x9332x9jhh]{margin-top:3px;color:#74867f;font-size:9px;line-height:1.4}.journey-card[b-x9332x9jhh]{margin-top:16px;padding:30px;border:1px solid #d6e5e1;border-radius:24px;background:#fff}.section-heading[b-x9332x9jhh]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading h2[b-x9332x9jhh]{margin:4px 0 0;font-size:25px}.live-pill[b-x9332x9jhh]{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:99px;color:#4b7066;background:#edf7f3;font-size:9px;font-weight:800}.live-pill i[b-x9332x9jhh]{width:7px;height:7px;border-radius:50%;background:#26a476;box-shadow:0 0 0 5px rgba(38,164,118,.12)}.journey-grid[b-x9332x9jhh]{display:grid;grid-template-columns:repeat(8,minmax(130px,1fr));gap:10px;overflow-x:auto;padding-bottom:5px}.journey-step[b-x9332x9jhh]{position:relative;min-height:190px;padding:15px;border:1px solid #e0e9e6;border-radius:16px;background:#fafcfb}.step-top[b-x9332x9jhh]{display:flex;align-items:center;justify-content:space-between}.step-icon[b-x9332x9jhh]{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#879994;background:#edf2f0}.step-icon>.mud-icon-root[b-x9332x9jhh]{width:20px;height:20px}.step-number[b-x9332x9jhh]{color:#a0aaa7;font-size:10px;font-weight:900}.journey-step>strong[b-x9332x9jhh]{display:block;margin-top:15px;font-size:13px}.journey-step>p[b-x9332x9jhh]{min-height:45px;margin:5px 0;color:#80908b;font-size:9px;line-height:1.45}.step-state[b-x9332x9jhh]{display:inline-block;margin-top:10px;padding:6px 8px;border-radius:99px;color:#8a9994;background:#edf2f0;font-size:8px;font-weight:900;text-transform:uppercase}.journey-step.done[b-x9332x9jhh]{border-color:#cae4dc;background:#f5fbf8}.journey-step.done .step-icon[b-x9332x9jhh]{color:#fff;background:var(--green2)}.journey-step.done .step-state[b-x9332x9jhh]{color:#21715e;background:#dff3ec}.journey-step.current[b-x9332x9jhh]{border-color:#318b74;background:linear-gradient(150deg,#f2fbf8,#e9f7f2);box-shadow:0 10px 30px rgba(31,121,97,.12)}.journey-step.current .step-icon[b-x9332x9jhh]{color:#fff;background:linear-gradient(135deg,var(--green),var(--blue))}.journey-step.current .step-state[b-x9332x9jhh]{color:#fff;background:var(--green)}.tracking-footer[b-x9332x9jhh]{display:flex;align-items:center;justify-content:space-between;padding:18px 6px 0;color:#71837d;font-size:10px}.tracking-footer>div[b-x9332x9jhh]{display:flex;align-items:center;gap:7px}.tracking-footer a[b-x9332x9jhh]{color:var(--green);font-weight:800;text-decoration:none}
@media(max-width:1000px){.tracking-entry[b-x9332x9jhh]{grid-template-columns:1fr;min-height:auto}.entry-visual[b-x9332x9jhh]{min-height:280px}.entry-visual>.mud-icon-root[b-x9332x9jhh]{width:100px;height:100px}.entry-copy[b-x9332x9jhh]{padding:45px}.tracking-hero[b-x9332x9jhh]{grid-template-columns:1fr}.tracking-summary[b-x9332x9jhh]{grid-template-columns:1fr 1fr}.progress-card[b-x9332x9jhh]{grid-column:1/-1}.journey-grid[b-x9332x9jhh]{grid-template-columns:repeat(8,160px)}}
@media(max-width:640px){.tracking-page[b-x9332x9jhh]{padding:15px}.tracking-header[b-x9332x9jhh]{padding-bottom:14px}.tracking-private[b-x9332x9jhh]{font-size:0;padding:10px}.tracking-entry[b-x9332x9jhh]{border-radius:23px}.entry-visual[b-x9332x9jhh]{min-height:210px}.entry-copy[b-x9332x9jhh]{padding:32px 22px}.entry-copy h1[b-x9332x9jhh]{font-size:40px;letter-spacing:-2px}.entry-copy>p[b-x9332x9jhh]{font-size:14px}.code-entry[b-x9332x9jhh]{align-items:stretch;flex-wrap:wrap}.code-entry input[b-x9332x9jhh]{min-height:45px}.code-entry button[b-x9332x9jhh]{width:100%;justify-content:center}.tracking-hero[b-x9332x9jhh]{padding:27px 22px;border-radius:23px}.vehicle-title h1[b-x9332x9jhh]{font-size:30px}.tracking-summary[b-x9332x9jhh]{grid-template-columns:1fr}.progress-card[b-x9332x9jhh]{grid-column:auto}.journey-card[b-x9332x9jhh]{padding:22px 15px}.section-heading[b-x9332x9jhh]{align-items:flex-start;gap:15px}.live-pill[b-x9332x9jhh]{white-space:nowrap;font-size:0}.live-pill[b-x9332x9jhh]:after{content:'Ao vivo';font-size:9px}.tracking-footer[b-x9332x9jhh]{align-items:flex-start;gap:12px}.tracking-state-card[b-x9332x9jhh]{min-height:540px;padding:30px 20px}.tracking-state-card h1[b-x9332x9jhh]{font-size:38px;letter-spacing:-2px}}

/* Vista visual da viatura e percurso */
.tracking-hero[b-x9332x9jhh]{position:relative;grid-template-columns:minmax(260px,.85fr) minmax(330px,1.15fr) minmax(270px,.72fr);min-height:230px;padding:30px 34px;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#f5fbf9 45%,#e7f4f0 100%)}
.tracking-hero[b-x9332x9jhh]:before{content:"";position:absolute;inset:-90px auto auto -90px;width:250px;height:250px;border:1px solid rgba(35,125,104,.08);border-radius:50%;box-shadow:0 0 0 35px rgba(35,125,104,.025),0 0 0 70px rgba(35,125,104,.018)}
.hero-main[b-x9332x9jhh],.vehicle-scene[b-x9332x9jhh],.hero-status[b-x9332x9jhh]{position:relative;z-index:1}
.hero-live[b-x9332x9jhh]{display:inline-flex;align-items:center;gap:8px;color:#1d7561;font-size:9px;font-weight:950;letter-spacing:1.4px}.hero-live i[b-x9332x9jhh]{width:8px;height:8px;border-radius:50%;background:#27ae7f;box-shadow:0 0 0 6px rgba(39,174,127,.12);animation:tracking-pulse-b-x9332x9jhh 2s ease-in-out infinite}@keyframes tracking-pulse-b-x9332x9jhh{50%{box-shadow:0 0 0 10px rgba(39,174,127,0)}}
.vehicle-title[b-x9332x9jhh]{margin-top:21px}.vehicle-title h1[b-x9332x9jhh]{font-size:clamp(34px,3.2vw,52px);letter-spacing:2px}.vehicle-title p[b-x9332x9jhh]{font-size:13px;font-weight:700}
.hero-reference[b-x9332x9jhh]{display:inline-flex;align-items:center;gap:6px;margin-top:23px;padding:8px 10px;border:1px solid #d1e5df;border-radius:9px;color:#678078;background:rgba(255,255,255,.7);font-size:8px}.hero-reference .mud-icon-root[b-x9332x9jhh]{font-size:14px;color:#25816b}.hero-reference strong[b-x9332x9jhh]{margin-left:3px;color:#355a50;letter-spacing:.6px}
.vehicle-scene[b-x9332x9jhh]{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.vehicle-scene svg[b-x9332x9jhh]{width:100%;max-width:470px;overflow:visible}.scene-pin circle:first-child[b-x9332x9jhh]{fill:#fff;stroke:#62a999;stroke-width:3}.scene-pin circle:last-child[b-x9332x9jhh]{fill:#27826c}.scene-caption[b-x9332x9jhh]{position:absolute;right:8%;bottom:8px;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(184,216,207,.9);border-radius:10px;color:#50766b;background:rgba(255,255,255,.82);backdrop-filter:blur(7px);font-size:8px;font-weight:800}.scene-caption .mud-icon-root[b-x9332x9jhh]{font-size:15px;color:#237965}
.hero-status[b-x9332x9jhh]{display:flex;align-items:center;gap:13px;padding:18px;border-color:#bfddd4;box-shadow:0 12px 30px rgba(25,102,82,.07)}.status-illustration[b-x9332x9jhh]{position:relative;display:block;flex:0 0 50px;width:50px;height:50px;overflow:hidden;border-radius:16px;color:#fff!important;background:linear-gradient(135deg,#207560,#2b8298);box-shadow:0 10px 20px rgba(32,117,96,.2)}.status-illustration[b-x9332x9jhh]  .mud-icon-root{position:absolute!important;left:50%!important;top:50%!important;width:27px!important;height:27px!important;margin:0!important;color:#fff!important;transform:translate(-50%,-50%)!important}.hero-status div[b-x9332x9jhh]{min-width:0}.hero-status strong[b-x9332x9jhh]{font-size:22px}.hero-status span:not(.status-illustration)[b-x9332x9jhh]{font-size:10px}
.journey-card[b-x9332x9jhh]{position:relative;overflow:hidden;padding:32px;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}.journey-card[b-x9332x9jhh]:after{content:"";position:absolute;right:-90px;top:-115px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(43,130,152,.07),rgba(43,130,152,0) 68%);pointer-events:none}.journey-grid[b-x9332x9jhh]{position:relative;gap:12px}.journey-grid[b-x9332x9jhh]:before{content:"";position:absolute;z-index:0;top:35px;left:5%;right:5%;height:3px;border-radius:4px;background:linear-gradient(90deg,#27826c 0%,#27826c var(--journey-progress,12%),#dbe8e4 var(--journey-progress,12%),#dbe8e4 100%)}
.journey-step[b-x9332x9jhh]{z-index:1;min-height:205px;padding:14px 13px 13px;border-color:#d9e6e2;background:rgba(255,255,255,.94);box-shadow:0 5px 16px rgba(30,77,66,.035);transition:transform .2s,box-shadow .2s}.journey-step:hover[b-x9332x9jhh]{transform:translateY(-3px);box-shadow:0 13px 28px rgba(30,77,66,.09)}.journey-step.current[b-x9332x9jhh]{transform:translateY(-4px);box-shadow:0 14px 32px rgba(31,121,97,.15)}.journey-step.current:hover[b-x9332x9jhh]{transform:translateY(-6px)}
.step-top[b-x9332x9jhh]{height:48px}.step-icon[b-x9332x9jhh]{width:46px;height:46px;border:4px solid #fff;border-radius:15px;box-shadow:0 4px 13px rgba(40,87,76,.12)}.step-icon>.mud-icon-root[b-x9332x9jhh]{width:22px;height:22px}.journey-step.waiting .step-icon[b-x9332x9jhh]{color:#78928a;background:#edf3f1}.journey-step.done .step-icon[b-x9332x9jhh]{background:linear-gradient(135deg,#26846d,#36a185)}.journey-step.current .step-icon[b-x9332x9jhh]{background:linear-gradient(135deg,#176b5b,#2a8298);box-shadow:0 6px 18px rgba(28,112,91,.28)}.step-number[b-x9332x9jhh]{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#80928c;background:#eef3f1}.journey-step.done .step-number[b-x9332x9jhh],.journey-step.current .step-number[b-x9332x9jhh]{color:#fff;background:#2b816d}.journey-step>strong[b-x9332x9jhh]{margin-top:14px;font-size:14px}.journey-step>p[b-x9332x9jhh]{min-height:53px;font-size:9px}.step-state[b-x9332x9jhh]{margin-top:6px}
@media(max-width:1120px){.tracking-hero[b-x9332x9jhh]{grid-template-columns:1fr 1fr}.hero-status[b-x9332x9jhh]{grid-column:1/-1}.vehicle-scene[b-x9332x9jhh]{min-height:180px}.tracking-summary[b-x9332x9jhh]{grid-template-columns:1fr 1fr}.progress-card[b-x9332x9jhh]{grid-column:1/-1}}
@media(max-width:700px){.tracking-hero[b-x9332x9jhh]{grid-template-columns:1fr;padding:25px 21px}.vehicle-scene[b-x9332x9jhh]{min-height:185px}.vehicle-scene svg[b-x9332x9jhh]{max-width:390px}.hero-status[b-x9332x9jhh]{grid-column:auto}.hero-reference[b-x9332x9jhh]{max-width:100%;overflow:hidden}.hero-reference strong[b-x9332x9jhh]{overflow:hidden;text-overflow:ellipsis}.scene-caption[b-x9332x9jhh]{right:0}.journey-grid[b-x9332x9jhh]:before{display:none}.journey-step[b-x9332x9jhh]{min-height:185px}.journey-step.current[b-x9332x9jhh]{transform:none}.journey-step.current:hover[b-x9332x9jhh]{transform:translateY(-3px)}}

/* Ilustração animada da entrada */
.entry-visual[b-x9332x9jhh]{isolation:isolate;padding:35px}.entry-visual[b-x9332x9jhh]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(80,196,165,.22),transparent 48%);animation:visual-breathe-b-x9332x9jhh 5s ease-in-out infinite}.entry-road[b-x9332x9jhh]{position:relative;z-index:3;width:min(72%,350px);height:480px;border:1px solid rgba(255,255,255,.16);border-radius:180px;background:linear-gradient(180deg,rgba(3,45,41,.18),rgba(4,61,54,.36));box-shadow:inset 0 0 0 18px rgba(255,255,255,.025),0 30px 70px rgba(4,44,40,.24)}.entry-road[b-x9332x9jhh]:before{content:"";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.1);border-radius:150px}.road-line[b-x9332x9jhh]{position:absolute;left:50%;top:34px;bottom:34px;width:2px;overflow:hidden;background:repeating-linear-gradient(180deg,rgba(255,255,255,.72) 0 14px,transparent 14px 31px);animation:road-move-b-x9332x9jhh 1.2s linear infinite}.entry-car[b-x9332x9jhh]{position:absolute;z-index:4;left:50%;top:50%;width:128px;filter:drop-shadow(0 16px 18px rgba(1,28,25,.25));transform:translate(-50%,-50%) rotate(-90deg);animation:entry-drive-b-x9332x9jhh 6s cubic-bezier(.45,0,.2,1) infinite}.entry-marker[b-x9332x9jhh]{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#e6fff8;background:rgba(5,57,51,.62);backdrop-filter:blur(8px);font-size:9px;font-weight:850;box-shadow:0 8px 20px rgba(2,30,27,.15)}.entry-marker i[b-x9332x9jhh]{width:8px;height:8px;border:2px solid #b9f1e3;border-radius:50%;background:#31ba91}.marker-start[b-x9332x9jhh]{left:-50px;top:55px}.marker-work[b-x9332x9jhh]{right:-45px;top:220px}.marker-end[b-x9332x9jhh]{left:-42px;bottom:55px}.entry-visual-copy[b-x9332x9jhh]{position:absolute;z-index:5;left:45px;right:45px;bottom:28px;text-align:center}.entry-visual-copy strong[b-x9332x9jhh],.entry-visual-copy span[b-x9332x9jhh]{display:block}.entry-visual-copy strong[b-x9332x9jhh]{color:#fff;font-size:15px}.entry-visual-copy span[b-x9332x9jhh]{margin-top:4px;color:#b9dcd4;font-size:10px}
@keyframes visual-breathe-b-x9332x9jhh{50%{transform:scale(1.08);opacity:.72}}@keyframes road-move-b-x9332x9jhh{to{background-position-y:31px}}@keyframes entry-drive-b-x9332x9jhh{0%{top:25%;transform:translate(-50%,-50%) rotate(-90deg) scale(.92)}45%,55%{top:50%;transform:translate(-50%,-50%) rotate(-90deg) scale(1.04)}100%{top:75%;transform:translate(-50%,-50%) rotate(-90deg) scale(.92)}}

/* Movimento subtil do resultado */
.scene-road[b-x9332x9jhh]{stroke-dasharray:1;stroke-dashoffset:0}.scene-line[b-x9332x9jhh]{animation:scene-lines-b-x9332x9jhh 1.6s linear infinite}.scene-car[b-x9332x9jhh]{offset-path:path("M -20 146 C 90 63 200 150 291 74 C339 34 388 35 463 61");offset-rotate:auto 0deg;animation:scene-drive-b-x9332x9jhh 9s ease-in-out infinite}.pin-one[b-x9332x9jhh],.pin-two[b-x9332x9jhh]{transform-box:fill-box;transform-origin:center;animation:marker-pulse-b-x9332x9jhh 2.2s ease-in-out infinite}.pin-two[b-x9332x9jhh]{animation-delay:1.1s}.status-illustration[b-x9332x9jhh]{animation:status-float-b-x9332x9jhh 3.2s ease-in-out infinite}.progress-track span[b-x9332x9jhh]{transform-origin:left;animation:progress-reveal-b-x9332x9jhh 1.2s cubic-bezier(.2,.8,.2,1) both}.tracking-hero[b-x9332x9jhh]{animation:tracking-rise-b-x9332x9jhh .65s ease-out both}.tracking-summary>*[b-x9332x9jhh]{animation:tracking-rise-b-x9332x9jhh .65s ease-out both}.tracking-summary>*:nth-child(1)[b-x9332x9jhh]{animation-delay:.08s}.tracking-summary>*:nth-child(2)[b-x9332x9jhh]{animation-delay:.16s}.tracking-summary>*:nth-child(3)[b-x9332x9jhh]{animation-delay:.24s}.journey-card[b-x9332x9jhh]{animation:tracking-rise-b-x9332x9jhh .7s .22s ease-out both}.journey-step[b-x9332x9jhh]{animation:step-enter-b-x9332x9jhh .55s ease-out both}.journey-step:nth-child(1)[b-x9332x9jhh]{animation-delay:.25s}.journey-step:nth-child(2)[b-x9332x9jhh]{animation-delay:.31s}.journey-step:nth-child(3)[b-x9332x9jhh]{animation-delay:.37s}.journey-step:nth-child(4)[b-x9332x9jhh]{animation-delay:.43s}.journey-step:nth-child(5)[b-x9332x9jhh]{animation-delay:.49s}.journey-step:nth-child(6)[b-x9332x9jhh]{animation-delay:.55s}.journey-step:nth-child(7)[b-x9332x9jhh]{animation-delay:.61s}.journey-step:nth-child(8)[b-x9332x9jhh]{animation-delay:.67s}.journey-step.current .step-icon[b-x9332x9jhh]:after{content:"";position:absolute;inset:-6px;border:2px solid rgba(34,133,109,.26);border-radius:19px;animation:current-ring-b-x9332x9jhh 1.8s ease-out infinite}.step-icon[b-x9332x9jhh]{position:relative}
@keyframes scene-lines-b-x9332x9jhh{to{stroke-dashoffset:-26}}@keyframes scene-drive-b-x9332x9jhh{0%,8%{offset-distance:7%}45%,55%{offset-distance:53%}92%,100%{offset-distance:88%}}@keyframes marker-pulse-b-x9332x9jhh{50%{transform:scale(1.15);opacity:.72}}@keyframes status-float-b-x9332x9jhh{50%{transform:translateY(-4px);box-shadow:0 15px 26px rgba(32,117,96,.24)}}@keyframes progress-reveal-b-x9332x9jhh{from{transform:scaleX(0)}}@keyframes tracking-rise-b-x9332x9jhh{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes step-enter-b-x9332x9jhh{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes current-ring-b-x9332x9jhh{from{transform:scale(.78);opacity:.9}to{transform:scale(1.35);opacity:0}}

@media(max-width:1000px){.entry-road[b-x9332x9jhh]{height:240px;width:390px;max-width:82%;border-radius:130px}.entry-car[b-x9332x9jhh]{width:105px}.marker-start[b-x9332x9jhh]{left:-35px;top:25px}.marker-work[b-x9332x9jhh]{right:-35px;top:100px}.marker-end[b-x9332x9jhh]{left:-30px;bottom:25px}.entry-visual-copy[b-x9332x9jhh]{display:none}@keyframes entry-drive-b-x9332x9jhh{0%{top:22%;transform:translate(-50%,-50%) rotate(-90deg) scale(.9)}50%{top:50%;transform:translate(-50%,-50%) rotate(-90deg) scale(1.03)}100%{top:78%;transform:translate(-50%,-50%) rotate(-90deg) scale(.9)}}}
@media(max-width:640px){.entry-visual[b-x9332x9jhh]{padding:18px}.entry-road[b-x9332x9jhh]{height:175px;width:270px}.entry-car[b-x9332x9jhh]{width:83px}.entry-marker[b-x9332x9jhh]{padding:5px 7px;font-size:7px}.marker-start[b-x9332x9jhh]{left:-20px;top:18px}.marker-work[b-x9332x9jhh]{right:-20px;top:72px}.marker-end[b-x9332x9jhh]{left:-16px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.entry-visual[b-x9332x9jhh]:before,.road-line[b-x9332x9jhh],.entry-car[b-x9332x9jhh],.scene-line[b-x9332x9jhh],.scene-car[b-x9332x9jhh],.pin-one[b-x9332x9jhh],.pin-two[b-x9332x9jhh],.status-illustration[b-x9332x9jhh],.progress-track span[b-x9332x9jhh],.tracking-hero[b-x9332x9jhh],.tracking-summary>*[b-x9332x9jhh],.journey-card[b-x9332x9jhh],.journey-step[b-x9332x9jhh],.journey-step.current .step-icon[b-x9332x9jhh]:after{animation:none!important}.scene-car[b-x9332x9jhh]{offset-distance:52%}}

/* Camada de movimento para a experiência do cliente */
.tracking-page[b-x9332x9jhh]:before,.tracking-page[b-x9332x9jhh]:after{content:"";position:fixed;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none}.tracking-page[b-x9332x9jhh]:before{left:-160px;top:4%;background:#55bea3;animation:ambient-one-b-x9332x9jhh 13s ease-in-out infinite alternate}.tracking-page[b-x9332x9jhh]:after{right:-180px;bottom:-120px;background:#61a8c1;animation:ambient-two-b-x9332x9jhh 16s ease-in-out infinite alternate}
.tracking-brand>span[b-x9332x9jhh]{position:relative;overflow:hidden}.tracking-brand>span[b-x9332x9jhh]:after{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-140%);animation:logo-shine-b-x9332x9jhh 5.5s ease-in-out infinite}.tracking-private .mud-icon-root[b-x9332x9jhh]{animation:lock-breathe-b-x9332x9jhh 2.8s ease-in-out infinite}
.orbit-one[b-x9332x9jhh]{border-style:dashed;animation:orbit-clockwise-b-x9332x9jhh 22s linear infinite}.orbit-two[b-x9332x9jhh]{border-style:dashed;animation:orbit-counter-b-x9332x9jhh 30s linear infinite reverse}.entry-particles[b-x9332x9jhh]{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.entry-particles i[b-x9332x9jhh]{position:absolute;width:5px;height:5px;border-radius:50%;background:#b7f5e5;box-shadow:0 0 12px #7ce1c6;opacity:0;animation:particle-rise-b-x9332x9jhh 7s linear infinite}.entry-particles i:nth-child(1)[b-x9332x9jhh]{left:14%;bottom:8%;animation-delay:0s}.entry-particles i:nth-child(2)[b-x9332x9jhh]{left:30%;bottom:1%;width:3px;height:3px;animation-delay:1.4s}.entry-particles i:nth-child(3)[b-x9332x9jhh]{left:48%;bottom:5%;animation-delay:2.8s}.entry-particles i:nth-child(4)[b-x9332x9jhh]{left:66%;bottom:2%;width:4px;height:4px;animation-delay:4.2s}.entry-particles i:nth-child(5)[b-x9332x9jhh]{left:82%;bottom:7%;animation-delay:5.4s}.entry-particles i:nth-child(6)[b-x9332x9jhh]{left:91%;bottom:1%;width:3px;height:3px;animation-delay:6.3s}.entry-marker[b-x9332x9jhh]{animation:marker-hover-b-x9332x9jhh 3s ease-in-out infinite}.marker-work[b-x9332x9jhh]{animation-delay:.8s}.marker-end[b-x9332x9jhh]{animation-delay:1.6s}.entry-marker i[b-x9332x9jhh]{animation:marker-led-b-x9332x9jhh 1.8s ease-in-out infinite}
.code-entry[b-x9332x9jhh]{position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.code-entry:focus-within[b-x9332x9jhh]{border-color:#4a9f8a;box-shadow:0 14px 38px rgba(28,104,85,.15);transform:translateY(-2px)}.code-entry button[b-x9332x9jhh]{position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.code-entry button[b-x9332x9jhh]:before{content:"";position:absolute;inset:-40% auto -40% -45%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:button-sweep-b-x9332x9jhh 3.8s ease-in-out infinite}.code-entry button:hover[b-x9332x9jhh]{transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,107,91,.25)}.code-entry button .mud-icon-root[b-x9332x9jhh]{transition:transform .2s}.code-entry button:hover .mud-icon-root[b-x9332x9jhh]{transform:translateX(4px)}.entry-security .mud-icon-root[b-x9332x9jhh]{animation:shield-beat-b-x9332x9jhh 3s ease-in-out infinite}
.hero-live i[b-x9332x9jhh]{animation:live-ripple-b-x9332x9jhh 1.8s ease-out infinite}.scene-caption[b-x9332x9jhh]{animation:caption-float-b-x9332x9jhh 4s ease-in-out infinite}.scene-car rect:first-of-type[b-x9332x9jhh]{animation:car-paint-b-x9332x9jhh 3.5s ease-in-out infinite}.hero-status[b-x9332x9jhh]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 48%,transparent 66%);transform:translateX(-120%);animation:status-sweep-b-x9332x9jhh 6s ease-in-out infinite;pointer-events:none}.summary-icon[b-x9332x9jhh]{animation:summary-float-b-x9332x9jhh 3.6s ease-in-out infinite}.summary-card:nth-child(3) .summary-icon[b-x9332x9jhh]{animation-delay:1.1s}.progress-track[b-x9332x9jhh]{position:relative}.progress-track[b-x9332x9jhh]:after{content:"";position:absolute;inset:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:progress-glint-b-x9332x9jhh 2.6s linear infinite}
.journey-vehicle[b-x9332x9jhh]{position:absolute;z-index:3;top:15px;left:var(--journey-position);display:grid;place-items:center;width:39px;height:39px;margin-left:-19px;border:4px solid #fff;border-radius:14px;color:#fff;background:linear-gradient(135deg,#176b5b,#2d8298);box-shadow:0 7px 20px rgba(23,107,91,.3);transition:left 1s cubic-bezier(.2,.8,.2,1);animation:journey-car-b-x9332x9jhh 2.7s ease-in-out infinite}.journey-vehicle .mud-icon-root[b-x9332x9jhh]{width:20px;height:20px}.journey-step.current[b-x9332x9jhh]{animation:current-card-b-x9332x9jhh 3.5s ease-in-out infinite}.journey-step.current>strong[b-x9332x9jhh]{color:#176b5b}.journey-step.done .step-icon .mud-icon-root[b-x9332x9jhh]{animation:done-pop-b-x9332x9jhh 3s ease-in-out infinite}.tracking-footer .mud-icon-root[b-x9332x9jhh]{animation:update-turn-b-x9332x9jhh 8s linear infinite}
@keyframes ambient-one-b-x9332x9jhh{to{transform:translate(120px,80px) scale(1.18)}}@keyframes ambient-two-b-x9332x9jhh{to{transform:translate(-100px,-70px) scale(.86)}}@keyframes logo-shine-b-x9332x9jhh{0%,66%{transform:translateX(-140%)}85%,100%{transform:translateX(140%)}}@keyframes lock-breathe-b-x9332x9jhh{50%{transform:scale(1.12);color:#20816a}}@keyframes orbit-clockwise-b-x9332x9jhh{to{transform:rotate(360deg)}}@keyframes orbit-counter-b-x9332x9jhh{to{transform:rotate(-360deg)}}@keyframes particle-rise-b-x9332x9jhh{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:.65}85%{opacity:.3}100%{transform:translateY(-610px) translateX(35px) scale(1.2);opacity:0}}@keyframes marker-hover-b-x9332x9jhh{50%{transform:translateY(-4px)}}@keyframes marker-led-b-x9332x9jhh{50%{box-shadow:0 0 0 7px rgba(49,186,145,.14)}}@keyframes button-sweep-b-x9332x9jhh{0%,55%{left:-45%}80%,100%{left:125%}}@keyframes shield-beat-b-x9332x9jhh{50%{transform:scale(1.1);color:#1d8068}}@keyframes live-ripple-b-x9332x9jhh{0%{box-shadow:0 0 0 0 rgba(39,174,127,.42)}100%{box-shadow:0 0 0 12px rgba(39,174,127,0)}}@keyframes caption-float-b-x9332x9jhh{50%{transform:translateY(-4px)}}@keyframes car-paint-b-x9332x9jhh{50%{filter:brightness(1.12)}}@keyframes status-sweep-b-x9332x9jhh{0%,62%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}@keyframes summary-float-b-x9332x9jhh{50%{transform:translateY(-4px) rotate(2deg)}}@keyframes progress-glint-b-x9332x9jhh{from{transform:translateX(-120%)}to{transform:translateX(360%)}}@keyframes journey-car-b-x9332x9jhh{50%{transform:translateY(-4px) rotate(2deg);box-shadow:0 11px 25px rgba(23,107,91,.37)}}@keyframes current-card-b-x9332x9jhh{0%,100%{box-shadow:0 14px 32px rgba(31,121,97,.15)}50%{box-shadow:0 18px 42px rgba(31,121,97,.25)}}@keyframes done-pop-b-x9332x9jhh{50%{transform:scale(1.1)}}@keyframes update-turn-b-x9332x9jhh{to{transform:rotate(360deg)}}
@media(max-width:700px){.journey-vehicle[b-x9332x9jhh]{display:none}.entry-particles i[b-x9332x9jhh]{animation-duration:9s}.tracking-page[b-x9332x9jhh]:before,.tracking-page[b-x9332x9jhh]:after{width:260px;height:260px}}
@media(prefers-reduced-motion:reduce){.tracking-page[b-x9332x9jhh]:before,.tracking-page[b-x9332x9jhh]:after,.tracking-brand>span[b-x9332x9jhh]:after,.tracking-private .mud-icon-root[b-x9332x9jhh],.orbit-one[b-x9332x9jhh],.orbit-two[b-x9332x9jhh],.entry-particles i[b-x9332x9jhh],.entry-marker[b-x9332x9jhh],.entry-marker i[b-x9332x9jhh],.code-entry button[b-x9332x9jhh]:before,.entry-security .mud-icon-root[b-x9332x9jhh],.hero-live i[b-x9332x9jhh],.scene-caption[b-x9332x9jhh],.scene-car rect:first-of-type[b-x9332x9jhh],.hero-status[b-x9332x9jhh]:after,.summary-icon[b-x9332x9jhh],.progress-track[b-x9332x9jhh]:after,.journey-vehicle[b-x9332x9jhh],.journey-step.current[b-x9332x9jhh],.journey-step.done .step-icon .mud-icon-root[b-x9332x9jhh],.tracking-footer .mud-icon-root[b-x9332x9jhh]{animation:none!important}.code-entry[b-x9332x9jhh],.code-entry button[b-x9332x9jhh]{transition:none!important}}
/* /Components/Pages/WorkClosurePage.razor.rz.scp.css */
.queue-page[b-vx88w0lh2g] { display:grid; gap:16px; padding:6px 4px 36px; color:#251b1d; }
.queue-loading[b-vx88w0lh2g],.billing-loading[b-vx88w0lh2g] { min-height:420px; display:flex; align-items:center; justify-content:center; gap:14px; }
.queue-loading div[b-vx88w0lh2g] { display:grid; }.queue-loading small[b-vx88w0lh2g] { color:#89777a; }
.queue-hero[b-vx88w0lh2g] { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 26px; border:1px solid #eadfe1; border-radius:22px; background:linear-gradient(135deg,#fff,#fbf7f8); box-shadow:0 14px 36px rgba(53,30,34,.06); }
.queue-hero span[b-vx88w0lh2g],.queue-panel header small[b-vx88w0lh2g] { color:#287562; font-size:10px; font-weight:900; letter-spacing:.12em; }
.queue-hero h1[b-vx88w0lh2g] { margin:4px 0 2px; font-size:34px; letter-spacing:-.045em; }.queue-hero p[b-vx88w0lh2g] { margin:0; color:#806d71; }
.queue-hero-actions[b-vx88w0lh2g] { display:flex; gap:9px; }.queue-hero-actions a[b-vx88w0lh2g],.queue-hero-actions button[b-vx88w0lh2g] { min-height:43px; display:inline-flex; align-items:center; gap:7px; padding:0 14px; border:1px solid #e6dadd; border-radius:12px; color:#5c494d; background:#fff; font-weight:850; text-decoration:none; cursor:pointer; }
.queue-flow[b-vx88w0lh2g] { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:12px; padding:15px 20px; border:1px solid #eadfe1; border-radius:18px; background:#fff; }
.queue-flow article[b-vx88w0lh2g] { display:flex; align-items:center; gap:10px; color:#9a898c; }.queue-flow article>span[b-vx88w0lh2g] { width:34px; height:34px; display:grid; place-items:center; border:1px solid #ded2d4; border-radius:50%; font-weight:900; }.queue-flow article div[b-vx88w0lh2g]{display:grid}.queue-flow article strong[b-vx88w0lh2g]{color:#635055}.queue-flow article small[b-vx88w0lh2g]{font-size:10px}.queue-flow article.done>span[b-vx88w0lh2g]{border-color:#268158;color:#fff;background:#268158}.queue-flow article.current>span[b-vx88w0lh2g]{border-color:#287562;color:#fff;background:#287562;box-shadow:0 0 0 5px #eaf6f2}.queue-flow> :deep(.mud-icon-root)[b-vx88w0lh2g]{color:#c5b7b9}
.queue-summary[b-vx88w0lh2g] { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.queue-summary article[b-vx88w0lh2g] { min-height:88px; display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #eadfe1; border-radius:17px; background:#fff; }.queue-summary article>span[b-vx88w0lh2g]{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#2868c8;background:#eaf1ff}.queue-summary article>span.amber[b-vx88w0lh2g]{color:#a6630c;background:#fff2db}.queue-summary article>span.green[b-vx88w0lh2g]{color:#217653;background:#e6f5ed}.queue-summary article>span.red[b-vx88w0lh2g]{color:#c91820;background:#fdebed}.queue-summary article div[b-vx88w0lh2g]{display:grid}.queue-summary strong[b-vx88w0lh2g]{font-size:24px}.queue-summary small[b-vx88w0lh2g]{color:#806d71}
.queue-toolbar[b-vx88w0lh2g] { display:flex; align-items:center; justify-content:space-between; gap:14px; }.queue-toolbar>label[b-vx88w0lh2g] { flex:1; max-width:560px; min-height:46px; display:flex; align-items:center; gap:8px; padding:0 13px; border:1px solid #e5d9db;border-radius:13px;background:#fff}.queue-toolbar input[b-vx88w0lh2g]{width:100%;border:0;outline:0;background:transparent}.queue-filters[b-vx88w0lh2g]{display:flex;gap:7px}.queue-filters button[b-vx88w0lh2g]{min-height:40px;padding:0 12px;border:1px solid #e5d9db;border-radius:11px;color:#69565a;background:#fff;font-weight:800;cursor:pointer}.queue-filters button.active[b-vx88w0lh2g]{border-color:#287562;color:#1f6956;background:#edf8f4}.queue-filters span[b-vx88w0lh2g]{margin-left:5px;padding:2px 6px;border-radius:99px;background:#f1eaeb;font-size:10px}
.queue-panel[b-vx88w0lh2g] { overflow:hidden; border:1px solid #eadfe1; border-radius:20px; background:#fff; box-shadow:0 12px 32px rgba(50,29,33,.05); }.queue-panel>header[b-vx88w0lh2g]{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #eee5e7}.queue-panel h2[b-vx88w0lh2g]{margin:2px 0 0;font-size:20px}.queue-panel header>span[b-vx88w0lh2g]{color:#806d71;font-size:11px}.queue-list[b-vx88w0lh2g]{display:grid}.queue-row[b-vx88w0lh2g]{min-height:100px;display:grid;grid-template-columns:auto minmax(170px,1.2fr) minmax(125px,.7fr) minmax(140px,.75fr) auto minmax(150px,auto);align-items:center;gap:15px;padding:14px 18px;border-bottom:1px solid #f0e8e9}.queue-row:last-child[b-vx88w0lh2g]{border:0}.queue-row:hover[b-vx88w0lh2g]{background:#fdfafa}.car-icon[b-vx88w0lh2g]{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#287562;background:#fff0f1}.vehicle[b-vx88w0lh2g]{display:grid;min-width:0}.vehicle strong[b-vx88w0lh2g]{font-size:16px}.vehicle span[b-vx88w0lh2g],.vehicle small[b-vx88w0lh2g]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#806d71;font-size:11px}.queue-progress[b-vx88w0lh2g]{display:grid;gap:7px}.queue-progress div[b-vx88w0lh2g]{display:flex;justify-content:space-between;font-size:10px}.queue-progress i[b-vx88w0lh2g]{height:6px;overflow:hidden;border-radius:99px;background:#eee6e7}.queue-progress em[b-vx88w0lh2g]{display:block;height:100%;border-radius:inherit;background:#29845c}.quality-state[b-vx88w0lh2g]{display:flex;align-items:center;gap:7px;color:#98620e}.quality-state.complete[b-vx88w0lh2g]{color:#217653}.quality-state span[b-vx88w0lh2g]{display:grid}.quality-state small[b-vx88w0lh2g]{font-size:9px;color:#89777a}.quality-state strong[b-vx88w0lh2g]{font-size:11px}.execution-state[b-vx88w0lh2g]{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:850}.execution-state i[b-vx88w0lh2g]{width:7px;height:7px;border-radius:50%}.execution-state.active[b-vx88w0lh2g]{color:#9a6109;background:#fff2db}.execution-state.active i[b-vx88w0lh2g]{background:#d27d0b}.execution-state.stopped[b-vx88w0lh2g]{color:#6c5a5e;background:#f4eff0}.execution-state.stopped i[b-vx88w0lh2g]{background:#968589}.queue-actions[b-vx88w0lh2g]{display:grid;gap:6px}.review-button[b-vx88w0lh2g],.return-button[b-vx88w0lh2g]{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border-radius:10px;font-size:9px;font-weight:900;text-decoration:none;white-space:nowrap}.review-button[b-vx88w0lh2g]{color:#fff;background:#287562}.return-button[b-vx88w0lh2g]{border:1px solid #cbdad4;color:#296a50;background:#f3faf7;cursor:pointer}.queue-empty[b-vx88w0lh2g]{min-height:230px;display:grid;place-content:center;justify-items:center;gap:5px;color:#8b797d}.queue-empty :deep(.mud-icon-root)[b-vx88w0lh2g]{font-size:38px;color:#268158}.queue-empty strong[b-vx88w0lh2g]{color:#34272a}
@media(max-width:1050px){.queue-summary[b-vx88w0lh2g]{grid-template-columns:repeat(2,1fr)}.queue-row[b-vx88w0lh2g]{grid-template-columns:auto minmax(0,1fr) auto}.queue-progress[b-vx88w0lh2g],.quality-state[b-vx88w0lh2g]{grid-column:2}.execution-state[b-vx88w0lh2g]{grid-column:2;justify-self:start}.queue-actions[b-vx88w0lh2g]{grid-column:3;grid-row:1/span 4}.queue-flow[b-vx88w0lh2g]{grid-template-columns:1fr}.queue-flow> :deep(.mud-icon-root)[b-vx88w0lh2g]{display:none}}
@media(max-width:700px){.queue-hero[b-vx88w0lh2g],.queue-toolbar[b-vx88w0lh2g]{align-items:flex-start;flex-direction:column}.queue-hero-actions[b-vx88w0lh2g],.queue-toolbar>label[b-vx88w0lh2g]{width:100%;max-width:none}.queue-filters[b-vx88w0lh2g]{width:100%;overflow:auto}.queue-summary[b-vx88w0lh2g]{grid-template-columns:1fr}.queue-row[b-vx88w0lh2g]{grid-template-columns:auto 1fr}.queue-actions[b-vx88w0lh2g]{grid-column:1/-1;grid-row:auto}.execution-state[b-vx88w0lh2g]{grid-column:2}}
/* /Components/Pages/WorksheetListPage.razor.rz.scp.css */
.workshop-page[b-0cd63xnh8l] {
    display: grid;
    gap: 16px;
    color: #291d1f;
}

.workshop-loading[b-0cd63xnh8l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 360px;
}

.workshop-loading strong[b-0cd63xnh8l],
.workshop-loading span[b-0cd63xnh8l] {
    display: block;
}

.workshop-loading span[b-0cd63xnh8l] {
    margin-top: 3px;
    color: #89777b;
    font-size: 13px;
}

.workshop-hero[b-0cd63xnh8l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.workshop-hero-copy > span[b-0cd63xnh8l] {
    display: block;
    margin-bottom: 8px;
    color: #287562;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.workshop-hero h1[b-0cd63xnh8l] {
    margin: 0;
    font-size: clamp(36px, 3.5vw, 48px);
    font-weight: 850;
    letter-spacing: -2.2px;
    line-height: .98;
}

.workshop-hero p[b-0cd63xnh8l] {
    max-width: 720px;
    margin: 9px 0 0;
    color: #756467;
    font-size: 15px;
    line-height: 1.5;
}

.workshop-hero-actions[b-0cd63xnh8l] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.workshop-primary-action[b-0cd63xnh8l],
.workshop-secondary-action[b-0cd63xnh8l],
.workshop-filter-action[b-0cd63xnh8l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 17px;
    border-radius: 14px;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.workshop-primary-action[b-0cd63xnh8l] {
    border: 1px solid #287562;
    color: #fff;
    background: linear-gradient(135deg, #1f6956, #349078);
    box-shadow: 0 12px 28px rgba(40, 117, 98, .2);
}

.workshop-secondary-action[b-0cd63xnh8l] {
    border: 1px solid #e5d8da;
    color: #4f3b3f;
    background: #fff;
}

.workshop-primary-action:hover[b-0cd63xnh8l],
.workshop-secondary-action:hover[b-0cd63xnh8l],
.workshop-filter-action:hover[b-0cd63xnh8l] {
    transform: translateY(-1px);
}

.workshop-primary-action:disabled[b-0cd63xnh8l],
.workshop-secondary-action:disabled[b-0cd63xnh8l] {
    cursor: default;
    opacity: .62;
    transform: none;
}

.workshop-summary[b-0cd63xnh8l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.workshop-summary article[b-0cd63xnh8l] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 70px;
    padding: 12px 15px;
    border: 1px solid #eadfe1;
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 30px rgba(62, 36, 41, .05);
}

.workshop-summary-icon[b-0cd63xnh8l] {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #1f6956;
    background: #fff0f1;
}

.workshop-summary-icon.danger[b-0cd63xnh8l] {
    color: #c8171e;
    background: #ffe8e9;
}

.workshop-summary-icon.warning[b-0cd63xnh8l] {
    color: #a9670d;
    background: #fff6e5;
}

.workshop-summary strong[b-0cd63xnh8l],
.workshop-summary small[b-0cd63xnh8l] {
    display: block;
}

.workshop-summary strong[b-0cd63xnh8l] {
    font-size: 20px;
    line-height: 1;
}

.workshop-summary small[b-0cd63xnh8l] {
    margin-top: 4px;
    color: #89777b;
    font-size: 12px;
}

.workshop-toolbar[b-0cd63xnh8l] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #eadfe1;
    border-radius: 16px;
    background: #fff;
}

.workshop-quick-views[b-0cd63xnh8l] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 46px;
    padding: 7px 9px;
    border: 1px solid #eadfe1;
    border-radius: 15px;
    background: rgba(255, 255, 255, .9);
}

.workshop-quick-views > span[b-0cd63xnh8l] {
    padding: 0 7px;
    color: #8b777b;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.workshop-quick-views button[b-0cd63xnh8l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #685358;
    background: transparent;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.workshop-quick-views button:hover[b-0cd63xnh8l],
.workshop-quick-views button.active[b-0cd63xnh8l] {
    border-color: #e9ced1;
    color: #185a49;
    background: #fff1f2;
}

.workshop-quick-views button.urgent.active[b-0cd63xnh8l] {
    color: #fff;
    background: #d71920;
}

.workshop-quick-views small[b-0cd63xnh8l] {
    margin-left: auto;
    padding-right: 6px;
    color: #927e82;
    font-size: 11px;
}

.workshop-search[b-0cd63xnh8l] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 10px;
    min-width: 180px;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 12px;
    color: #8d777b;
    background: #f8f4f5;
}

.workshop-search:focus-within[b-0cd63xnh8l] {
    box-shadow: inset 0 0 0 2px rgba(40, 117, 98, .18);
}

.workshop-search input[b-0cd63xnh8l] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #39282b;
    background: transparent;
    font: inherit;
    font-size: 13px;
}

.workshop-search button[b-0cd63xnh8l] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 9px;
    color: #705b5f;
    background: transparent;
    cursor: pointer;
}

.workshop-filter-action[b-0cd63xnh8l] {
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #eadfe1;
    color: #624d51;
    background: #fff;
}

.workshop-filter-action.active[b-0cd63xnh8l] {
    border-color: #287562;
    color: #185a49;
    background: #fff0f1;
}

.workshop-filter-action > span:last-child[b-0cd63xnh8l] {
    display: grid;
    place-items: center;
    min-width: 23px;
    height: 23px;
    padding: 0 6px;
    border-radius: 999px;
    color: #fff;
    background: #287562;
    font-size: 10px;
}

.workshop-status-filter[b-0cd63xnh8l] {
    width: min(330px, calc(100vw - 28px));
    padding: 15px;
}

.workshop-status-filter-title strong[b-0cd63xnh8l],
.workshop-status-filter-title span[b-0cd63xnh8l] {
    display: block;
}

.workshop-status-filter-title span[b-0cd63xnh8l] {
    margin-top: 2px;
    color: #8a767a;
    font-size: 11px;
}

.workshop-status-options[b-0cd63xnh8l] {
    display: grid;
    gap: 5px;
    max-height: 245px;
    margin: 12px 0;
    overflow-y: auto;
}

.workshop-status-options label[b-0cd63xnh8l] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 35px;
    padding: 0 8px;
    border-radius: 9px;
    cursor: pointer;
}

.workshop-status-options label:hover[b-0cd63xnh8l] {
    background: #faf4f5;
}

.workshop-status-options input[b-0cd63xnh8l] {
    width: 17px;
    height: 17px;
    accent-color: #287562;
}

.workshop-status-actions[b-0cd63xnh8l] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.workshop-status-actions button[b-0cd63xnh8l] {
    min-height: 36px;
    padding: 0 13px;
    border-radius: 10px;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.workshop-status-actions .clear[b-0cd63xnh8l] {
    border: 1px solid #e8dbdd;
    color: #6c575b;
    background: #fff;
}

.workshop-status-actions .apply[b-0cd63xnh8l] {
    border: 1px solid #287562;
    color: #fff;
    background: #287562;
}

.workshop-grid-surface[b-0cd63xnh8l] {
    overflow: hidden;
    border: 1px solid #e7dadd;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(62, 36, 41, .07);
}

.workshop-empty[b-0cd63xnh8l] {
    display: grid;
    justify-items: center;
    gap: 5px;
    padding: 54px 20px;
    color: #9b888c;
    text-align: center;
}

.workshop-empty strong[b-0cd63xnh8l] {
    color: #5f4a4e;
    font-size: 16px;
}

.workshop-empty span[b-0cd63xnh8l] {
    font-size: 12px;
}

.workshop-status-chip[b-0cd63xnh8l] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid #efcfd2;
    border-radius: 999px;
    color: #185a49;
    background: #fff2f3;
    font-size: 11px;
    font-weight: 800;
}

.workshop-number[b-0cd63xnh8l] {
    color: #3d292d;
    font-size: 13px;
}

.workshop-vehicle-cell strong[b-0cd63xnh8l],
.workshop-vehicle-cell span[b-0cd63xnh8l] {
    display: block;
}

.workshop-vehicle-cell strong[b-0cd63xnh8l] {
    color: #332326;
    font-size: 13px;
    letter-spacing: .35px;
}

.workshop-vehicle-cell span[b-0cd63xnh8l],
.workshop-user[b-0cd63xnh8l],
.workshop-date[b-0cd63xnh8l] {
    color: #826e72;
    font-size: 11px;
}

.workshop-vehicle-cell span[b-0cd63xnh8l] {
    max-width: 230px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workshop-client[b-0cd63xnh8l] {
    display: block;
    max-width: 200px;
    overflow: hidden;
    color: #544044;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-0cd63xnh8l] .workshop-grid .mud-table-head {
    background: #faf6f7;
}

[b-0cd63xnh8l] .workshop-grid .mud-table-head .mud-table-cell {
    color: #735e62;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .35px;
    text-transform: uppercase;
}

[b-0cd63xnh8l] .workshop-grid .mud-table-body .mud-table-row {
    cursor: pointer;
    transition: background .15s ease;
}

[b-0cd63xnh8l] .workshop-grid .mud-table-body .mud-table-row:hover {
    background: #fff5f6 !important;
}

[b-0cd63xnh8l] .workshop-grid .mud-table-cell {
    border-color: #f0e7e9;
}

[b-0cd63xnh8l] .workshop-grid table {
    width: 100%;
    table-layout: fixed;
}

[b-0cd63xnh8l] .workshop-grid .mud-table-cell:nth-child(1) { width: 7%; }
[b-0cd63xnh8l] .workshop-grid .mud-table-cell:nth-child(2) { width: 24%; }
[b-0cd63xnh8l] .workshop-grid .mud-table-cell:nth-child(3) { width: 19%; }
[b-0cd63xnh8l] .workshop-grid .mud-table-cell:nth-child(4) { width: 17%; }
[b-0cd63xnh8l] .workshop-grid .mud-table-cell:nth-child(5) { width: 12%; }
[b-0cd63xnh8l] .workshop-grid .mud-table-cell:nth-child(6) { width: 15%; }
[b-0cd63xnh8l] .workshop-grid .mud-table-cell:nth-child(7) { width: 6%; }

[b-0cd63xnh8l] .workshop-grid .mud-table-pagination {
    border-top: 1px solid #eee3e5;
    background: #fcf9fa;
}

@media (max-width: 900px) {
    .workshop-hero[b-0cd63xnh8l] {
        align-items: flex-start;
        flex-direction: column;
    }

    .workshop-hero-actions[b-0cd63xnh8l] {
        width: 100%;
    }

    .workshop-summary[b-0cd63xnh8l] {
        grid-template-columns: 1fr;
    }

    .workshop-quick-views[b-0cd63xnh8l] {
        flex-wrap: wrap;
    }

    .workshop-quick-views small[b-0cd63xnh8l] {
        flex-basis: 100%;
        margin: 0;
        padding: 2px 7px;
    }

    [b-0cd63xnh8l] .workshop-grid .mud-table-cell:nth-child(6) {
        display: none;
    }
}

@media (max-width: 600px) {
    .workshop-page[b-0cd63xnh8l] {
        gap: 12px;
    }

    .workshop-hero h1[b-0cd63xnh8l] {
        font-size: 36px;
    }

    .workshop-hero-actions > *[b-0cd63xnh8l] {
        flex: 1;
        padding: 0 10px;
    }

    .workshop-toolbar[b-0cd63xnh8l] {
        align-items: stretch;
        flex-direction: column;
    }

    .workshop-quick-views > span[b-0cd63xnh8l] {
        flex-basis: 100%;
    }

    .workshop-quick-views button[b-0cd63xnh8l] {
        flex: 1;
        justify-content: center;
    }

    .workshop-filter-action[b-0cd63xnh8l] {
        width: 100%;
    }
}
/* /Components/Pages/WorksheetManagmentPage.razor.rz.scp.css */
.work-form-loading[b-827nv5ki23] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 360px;
}

.work-form-loading strong[b-827nv5ki23],
.work-form-loading span[b-827nv5ki23] {
    display: block;
}

.work-form-loading span[b-827nv5ki23] {
    margin-top: 3px;
    color: #89777b;
    font-size: 13px;
}

.work-form-page[b-827nv5ki23] {
    display: grid;
    gap: 15px;
    padding-bottom: 88px;
    color: #291d1f;
}

.work-form-breadcrumb[b-827nv5ki23] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9a8589;
    font-size: 12px;
}

.work-form-breadcrumb a[b-827nv5ki23] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #315f6b;
    font-weight: 800;
    text-decoration: none;
}

.work-form-breadcrumb strong[b-827nv5ki23] {
    color: #6b565a;
}

.work-form-hero[b-827nv5ki23] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.work-form-identity[b-827nv5ki23] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.work-form-logo[b-827nv5ki23] {
    display: grid;
    place-items: center;
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #eadcde;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(62, 36, 41, .07);
    cursor: pointer;
}

.work-form-logo:disabled[b-827nv5ki23] {
    cursor: default;
    opacity: .7;
}

.work-form-logo img[b-827nv5ki23] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.work-form-identity > div > span[b-827nv5ki23] {
    display: block;
    margin-bottom: 5px;
    color: #317487;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.work-form-identity h1[b-827nv5ki23] {
    margin: 0;
    font-size: clamp(31px, 3vw, 43px);
    font-weight: 850;
    letter-spacing: -1.8px;
    line-height: 1;
}

.work-form-identity p[b-827nv5ki23] {
    max-width: 680px;
    margin: 7px 0 0;
    color: #7b686c;
    font-size: 13px;
}

.work-form-vehicle[b-827nv5ki23] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1px 12px;
    min-width: 195px;
    padding: 11px 13px;
    border: 1px solid #e8dadd;
    border-radius: 14px;
    color: #39282b;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.work-form-vehicle span[b-827nv5ki23] {
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .5px;
}

.work-form-vehicle small[b-827nv5ki23] {
    max-width: 180px;
    overflow: hidden;
    color: #8a777b;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.work-form-vehicle > :last-child[b-827nv5ki23] {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    color: #287562;
}

.work-form-summary[b-827nv5ki23] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

.work-form-summary article[b-827nv5ki23] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 60px;
    padding: 10px 13px;
    border: 1px solid #eadfe1;
    border-radius: 14px;
    background: #fff;
}

.work-form-summary article > span[b-827nv5ki23] {
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 11px;
}

.work-form-summary article.complete > span[b-827nv5ki23] {
    color: #21744a;
    background: #eaf8f0;
}

.work-form-summary article.pending > span[b-827nv5ki23] {
    color: #ad6a0c;
    background: #fff5e4;
}

.work-form-summary strong[b-827nv5ki23],
.work-form-summary small[b-827nv5ki23] {
    display: block;
}

.work-form-summary strong[b-827nv5ki23] {
    overflow: hidden;
    color: #4a363a;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.work-form-summary small[b-827nv5ki23] {
    margin-top: 2px;
    color: #927f83;
    font-size: 10px;
}

.work-form-callout[b-827nv5ki23] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    border: 1px solid #f0d29f;
    border-radius: 14px;
    color: #8c570c;
    background: #fff9ed;
}

.work-tracking[b-827nv5ki23] {
    display: grid;
    gap: 15px;
    padding: 17px;
    border: 1px solid #e7dadd;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(62, 36, 41, .05);
}

.work-tracking-heading[b-827nv5ki23] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

.work-tracking-heading span[b-827nv5ki23],
.work-tracking-heading strong[b-827nv5ki23] { display: block; }
.work-tracking-heading span[b-827nv5ki23] { color: #317487; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.work-tracking-heading strong[b-827nv5ki23] { margin-top: 3px; font-size: 17px; }
.work-tracking-heading small[b-827nv5ki23] { color: #806d71; text-align: right; }

.work-status-line[b-827nv5ki23] {
    display: grid;
    gap: 0;
}

.work-status-line.work-ten-steps[b-827nv5ki23] { grid-template-columns: repeat(10, minmax(88px, 1fr)); overflow-x:auto; padding:5px 2px 9px; scrollbar-width:thin; }
.work-status-line.work-four-steps[b-827nv5ki23] { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.work-status-step[b-827nv5ki23] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #a89498;
}

.work-status-step:not(:last-child)[b-827nv5ki23]::after {
    position: absolute;
    z-index: 0;
    top: 17px;
    right: 7px;
    left: 43px;
    height: 2px;
    background: #eee4e6;
    content: "";
}

.work-status-step > span[b-827nv5ki23] {
    position: relative;
    z-index: 1;
    display: grid;
    flex: 0 0 34px;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 2px solid #eadfe1;
    border-radius: 50%;
    background: #fff;
    font-size: 11px;
    font-weight: 900;
}

.work-status-step strong[b-827nv5ki23],
.work-status-step small[b-827nv5ki23] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.work-status-step strong[b-827nv5ki23] { color: #695559; font-size: 11px; }
.work-status-step small[b-827nv5ki23] { margin-top: 2px; font-size: 9px; }
.work-status-step.done > span[b-827nv5ki23] { border-color: #2f855a; color: #fff; background: #2f855a; }
.work-status-step.done:not(:last-child)[b-827nv5ki23]::after { background: #73bd93; }
.work-status-step.current > span[b-827nv5ki23] { border-color: #317487; color: #fff; background: #317487; box-shadow: 0 0 0 5px #e8f2f5; }
.work-status-step.current strong[b-827nv5ki23] { color: #315f6b; }
.work-status-step.current.rejected > span[b-827nv5ki23] { border-color:#8b6b70; background:#8b6b70; box-shadow:0 0 0 5px #f1ebec; }
.work-status-step.current.rejected strong[b-827nv5ki23] { color:#6c5257; }

.work-tracking-tools[b-827nv5ki23] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.work-stage-action[b-827nv5ki23] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 13px 14px;
    border: 1px solid #cfe3da;
    border-radius: 15px;
    background: linear-gradient(135deg, #f3faf7, #fff);
}

.work-stage-action-copy[b-827nv5ki23] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.work-stage-action-copy > span[b-827nv5ki23] {
    display: grid;
    flex: 0 0 40px;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #247653;
    background: #dff3e9;
}

.work-stage-action-copy div[b-827nv5ki23] { min-width: 0; }
.work-stage-action-copy small[b-827nv5ki23],
.work-stage-action-copy strong[b-827nv5ki23],
.work-stage-action-copy p[b-827nv5ki23] { display: block; }
.work-stage-action-copy small[b-827nv5ki23] { color: #247653; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.work-stage-action-copy strong[b-827nv5ki23] { margin-top: 2px; color: #2f3a36; font-size: 13px; }
.work-stage-action-copy p[b-827nv5ki23] { margin: 3px 0 0; color: #6e7c76; font-size: 10px; line-height: 1.4; }

.work-stage-action-buttons[b-827nv5ki23] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.work-stage-action-buttons button[b-827nv5ki23] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 39px;
    padding: 8px 12px;
    border: 1px solid #c7d8d1;
    border-radius: 11px;
    color: #365c4d;
    background: #fff;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
}

.work-stage-action-buttons button.primary[b-827nv5ki23] {
    border-color: #247653;
    color: #fff;
    background: #247653;
}

.work-stage-action-buttons button:hover[b-827nv5ki23] { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(36, 118, 83, .12); }

.work-close-flow[b-827nv5ki23] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, auto);
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #eadfe1;
    border-radius: 18px;
    background: linear-gradient(135deg, #fff, #fcf8f9);
    box-shadow: 0 10px 28px rgba(62, 36, 41, .045);
}

.work-close-flow.ready-to-bill[b-827nv5ki23] {
    border-color: #cce8da;
    background: linear-gradient(135deg, #f4fbf7, #fff);
}

.work-close-heading[b-827nv5ki23] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.work-close-heading > span[b-827nv5ki23] {
    display: grid;
    flex: 0 0 42px;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    color: #317487;
    background: #e8f2f5;
}

.ready-to-bill .work-close-heading > span[b-827nv5ki23] { color: #247653; background: #e6f5ed; }
.work-close-heading div[b-827nv5ki23] { min-width: 0; }
.work-close-heading small[b-827nv5ki23], .work-close-heading strong[b-827nv5ki23], .work-close-heading p[b-827nv5ki23] { display: block; }
.work-close-heading small[b-827nv5ki23] { color: #317487; font-size: 9px; font-weight: 900; letter-spacing: .11em; }
.ready-to-bill .work-close-heading small[b-827nv5ki23] { color: #247653; }
.work-close-heading strong[b-827nv5ki23] { margin-top: 2px; font-size: 13px; }
.work-close-heading p[b-827nv5ki23] { margin: 3px 0 0; color: #806d71; font-size: 10px; line-height: 1.35; }

.work-close-action[b-827nv5ki23] {
    display: grid;
    justify-items: end;
    gap: 5px;
    text-align: right;
}

.work-close-action a[b-827nv5ki23], .work-close-action button[b-827nv5ki23], .work-close-no-permission[b-827nv5ki23] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid #317487;
    border-radius: 11px;
    color: #fff;
    background: #317487;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.ready-to-bill .work-close-action button[b-827nv5ki23] { border-color: #247653; background: #247653; }
.work-close-action > small[b-827nv5ki23] { color: #89777a; font-size: 8px; line-height: 1.35; }
.work-close-no-permission[b-827nv5ki23] { border-color: #ded2d4; color: #725f63; background: #f6f1f2; cursor: default; }

.tracking-tool[b-827nv5ki23] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 55px;
    padding: 9px 11px;
    border: 1px solid #ebdfe1;
    border-radius: 13px;
    color: #5d494d;
    background: #fbf8f9;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.tracking-tool:hover:not(:disabled):not(.disabled)[b-827nv5ki23], .tracking-tool.active[b-827nv5ki23] { border-color: #e3adb1; color: #b8171e; background: #fff4f5; }
.tracking-tool:disabled[b-827nv5ki23], .tracking-tool.disabled[b-827nv5ki23] { cursor: not-allowed; opacity: .45; }
.tracking-tool strong[b-827nv5ki23], .tracking-tool small[b-827nv5ki23] { display: block; }
.tracking-tool strong[b-827nv5ki23] { font-size: 11px; }
.tracking-tool small[b-827nv5ki23] { margin-top: 2px; color: #927f83; font-size: 9px; }

.work-form-warning[b-827nv5ki23] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 13px;
    border: 1px solid #f0d29f;
    border-radius: 14px;
    color: #8c570c;
    background: #fff9ed;
}
.work-form-warning > div[b-827nv5ki23] { flex: 1; }
.work-form-warning strong[b-827nv5ki23], .work-form-warning span[b-827nv5ki23] { display: block; }
.work-form-warning strong[b-827nv5ki23] { font-size: 12px; }
.work-form-warning span[b-827nv5ki23] { margin-top: 2px; color: #9a733c; font-size: 10px; }
.work-form-warning button[b-827nv5ki23] { padding: 8px 11px; border: 1px solid #e5ba72; border-radius: 10px; color: #80500d; background: #fff; font-size: 10px; font-weight: 850; cursor: pointer; }

.work-form-callout strong[b-827nv5ki23],
.work-form-callout span[b-827nv5ki23] {
    display: block;
}

.work-form-callout strong[b-827nv5ki23] {
    font-size: 13px;
}

.work-form-callout span[b-827nv5ki23] {
    margin-top: 2px;
    color: #9a733c;
    font-size: 11px;
}

.work-form-content[b-827nv5ki23] {
    overflow: hidden;
    border: 1px solid #e7dadd;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(62, 36, 41, .07);
}

[b-827nv5ki23] .work-form-tabs .mud-tabs-tabbar {
    border-bottom: 1px solid #eee3e5;
    background: #faf6f7;
}

[b-827nv5ki23] .work-form-tabs .mud-tab {
    min-height: 52px;
    font-size: 12px;
    font-weight: 800;
}

[b-827nv5ki23] .work-form-tabs .mud-tab.mud-tab-active {
    color: #1f6956;
}

[b-827nv5ki23] .work-form-tab-panel {
    padding: 18px !important;
}

.work-form-actions[b-827nv5ki23] {
    position: fixed;
    z-index: 20;
    right: 24px;
    bottom: 16px;
    left: var(--mud-drawer-width-left, 0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    max-width: 1080px;
    min-height: 66px;
    margin: 0 auto;
    padding: 9px 11px 9px 16px;
    border: 1px solid #dfcfd2;
    border-radius: 17px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 55px rgba(57, 28, 33, .18);
    backdrop-filter: blur(14px);
}

.work-form-actions-copy strong[b-827nv5ki23],
.work-form-actions-copy span[b-827nv5ki23] {
    display: block;
}

.work-form-actions-copy strong[b-827nv5ki23] {
    font-size: 13px;
}

.work-form-actions-copy span[b-827nv5ki23] {
    margin-top: 2px;
    color: #8d797d;
    font-size: 10px;
}

.work-form-action-buttons[b-827nv5ki23] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.work-form-action-buttons button[b-827nv5ki23] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    padding: 0 15px;
    border-radius: 12px;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}

.work-form-action-buttons button:disabled[b-827nv5ki23] {
    cursor: not-allowed;
    filter: grayscale(.35);
    opacity: .5;
    box-shadow: none;
}

.work-form-save[b-827nv5ki23] {
    border: 1px solid #287562;
    color: #fff;
    background: linear-gradient(135deg, #1f6956, #349078);
    box-shadow: 0 9px 22px rgba(40, 117, 98, .2);
}

.work-form-reception[b-827nv5ki23] {
    border: 1px solid #e6b45d;
    color: #82510c;
    background: #fff4dd;
}

.work-form-secondary[b-827nv5ki23] {
    border: 1px solid #e6d9dc;
    color: #624e52;
    background: #fff;
}

.work-form-convert[b-827nv5ki23] {
    border: 1px solid #238558;
    color: #fff;
    background: linear-gradient(135deg, #20734e, #2fa36d);
    box-shadow: 0 9px 22px rgba(35, 133, 88, .2);
}

.quote-send[b-827nv5ki23] { border:1px solid #dccdbf; color:#765333; background:#fff8ef; }
.quote-approve[b-827nv5ki23] { border:1px solid #238558; color:#fff; background:#238558; }
.quote-reject[b-827nv5ki23] { border:1px solid #e5cfd2; color:#a1171d; background:#fff5f6; }

@media print {
    .work-form-breadcrumb[b-827nv5ki23],.work-tracking-tools[b-827nv5ki23],.work-stage-action[b-827nv5ki23],.work-close-flow[b-827nv5ki23],.work-form-actions[b-827nv5ki23],.app-header[b-827nv5ki23],.mud-drawer[b-827nv5ki23] { display:none!important; }
    .work-form-page[b-827nv5ki23] { padding:0!important; }
    .work-form-content[b-827nv5ki23],.work-tracking[b-827nv5ki23],.work-form-hero[b-827nv5ki23],.work-form-summary[b-827nv5ki23] { box-shadow:none!important; break-inside:avoid; }
}

@media (max-width: 1180px) {
    .work-close-flow[b-827nv5ki23] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {

    .work-form-hero[b-827nv5ki23] {
        align-items: flex-start;
        flex-direction: column;
    }

    .work-form-summary[b-827nv5ki23] {
        grid-template-columns: 1fr;
    }

    .work-form-vehicle[b-827nv5ki23] {
        width: 100%;
    }

    .work-status-line[b-827nv5ki23] { grid-template-columns: 1fr; gap: 8px; }
    .work-status-step:not(:last-child)[b-827nv5ki23]::after { display: none; }
    .work-tracking-tools[b-827nv5ki23] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .work-stage-action[b-827nv5ki23] { grid-template-columns: 1fr; }
    .work-stage-action-buttons[b-827nv5ki23] { justify-content: stretch; }
    .work-stage-action-buttons button[b-827nv5ki23] { flex: 1 1 180px; }
}

@media (max-width: 700px) {
    .work-form-page[b-827nv5ki23] {
        padding-bottom: 140px;
    }

    .work-form-logo[b-827nv5ki23] {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
    }

    .work-form-actions[b-827nv5ki23] {
        right: 10px;
        bottom: 10px;
        left: 10px;
        align-items: stretch;
        flex-direction: column;
        gap: 7px;
    }

    .work-form-actions-copy[b-827nv5ki23] {
        display: none;
    }

    .work-form-action-buttons[b-827nv5ki23] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .work-form-action-buttons button[b-827nv5ki23] {
        padding: 0 9px;
    }
}
/* /Components/Pages/WorksheetProductionLinePage.razor.rz.scp.css */
.production-page[b-9khepb19jv] {
    display: grid;
    gap: 22px;
    color: #291d1f;
}

.production-hero[b-9khepb19jv] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.production-hero > div:first-child > span[b-9khepb19jv] {
    display: block;
    margin-bottom: 8px;
    color: #287562;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.production-hero h1[b-9khepb19jv] {
    margin: 0;
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 850;
    letter-spacing: -2.2px;
    line-height: .98;
}

.production-hero p[b-9khepb19jv] {
    max-width: 690px;
    margin: 13px 0 0;
    color: #756467;
    font-size: 15px;
    line-height: 1.55;
}

.production-actions[b-9khepb19jv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.production-primary-action[b-9khepb19jv],
.production-secondary-action[b-9khepb19jv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 17px;
    border-radius: 14px;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}

.production-primary-action[b-9khepb19jv] {
    border: 1px solid #287562;
    color: #fff;
    background: linear-gradient(135deg, #1f6956, #349078);
    box-shadow: 0 12px 28px rgba(40, 117, 98, .2);
}

.production-primary-action:disabled[b-9khepb19jv] {
    cursor: wait;
    opacity: .65;
}

.production-secondary-action[b-9khepb19jv] {
    border: 1px solid #e5d8da;
    color: #4f3b3f;
    background: #fff;
}

.production-primary-action:hover:not(:disabled)[b-9khepb19jv],
.production-secondary-action:hover[b-9khepb19jv] {
    transform: translateY(-1px);
}

.production-summary[b-9khepb19jv] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.production-summary > button[b-9khepb19jv] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 88px;
    padding: 17px 18px;
    border: 1px solid #eadfe1;
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 30px rgba(62,36,41,.05);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.production-summary > button:hover[b-9khepb19jv] {
    border-color: #d8c7ca;
    box-shadow: 0 15px 34px rgba(62,36,41,.08);
    transform: translateY(-1px);
}

.production-summary > button.selected[b-9khepb19jv] {
    border-color: #b9dace;
    background: #f3fbf8;
    box-shadow: 0 0 0 3px rgba(22,134,95,.07);
}

.production-summary > button > span[b-9khepb19jv] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: #1f6956;
    background: #eaf6f2;
}

.production-summary > button > span.urgent[b-9khepb19jv] {
    color: #b76a08;
    background: #fff7e8;
}

.production-summary > button > span.people[b-9khepb19jv] {
    color: #3b6b5d;
    background: #eaf7f2;
}

.production-summary > button > span.delayed[b-9khepb19jv] {
    color: #a8550a;
    background: #fff2df;
}

.production-summary > button > span.ready[b-9khepb19jv] {
    color: #176c52;
    background: #e9f7f1;
}

.production-toolbar[b-9khepb19jv] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(190px, 250px) minmax(190px, 250px);
    gap: 12px;
    padding: 14px;
    border: 1px solid #eadfe1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(62,36,41,.045);
}

.production-search[b-9khepb19jv],
.production-department-filter[b-9khepb19jv] {
    display: flex;
    align-items: center;
    min-height: 48px;
    border: 1px solid #eadfe1;
    border-radius: 13px;
    background: #fcf9f9;
}

.production-search[b-9khepb19jv] {
    gap: 10px;
    padding: 0 13px;
    color: #8d787c;
}

.production-search:focus-within[b-9khepb19jv],
.production-department-filter:focus-within[b-9khepb19jv] {
    border-color: #287562;
    box-shadow: 0 0 0 3px rgba(40,117,98,.08);
}

.production-search input[b-9khepb19jv],
.production-department-filter select[b-9khepb19jv] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    color: #35272a;
    background: transparent;
    font: inherit;
    font-size: 13px;
}

.production-search button[b-9khepb19jv] {
    display: grid;
    place-items: center;
    padding: 4px;
    border: 0;
    color: #9a8488;
    background: transparent;
    cursor: pointer;
}

.production-department-filter[b-9khepb19jv] {
    gap: 8px;
    padding: 0 11px 0 14px;
}

.production-department-filter > span[b-9khepb19jv] {
    color: #a98f93;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.production-department-filter select[b-9khepb19jv] {
    cursor: pointer;
}

.production-attention[b-9khepb19jv] {
    display: grid;
    grid-template-columns: minmax(210px, 1.25fr) repeat(6, minmax(104px, .72fr));
    gap: 8px;
    padding: 10px;
    border: 1px solid #e5e7e9;
    border-radius: 17px;
    background: #f5f7f8;
}

.production-attention > div[b-9khepb19jv],
.production-attention > button[b-9khepb19jv] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.production-attention > div[b-9khepb19jv] {
    padding: 5px 9px;
}

.production-attention > div > span[b-9khepb19jv] {
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    color: #5e707d;
    background: #e7edf1;
}

.production-attention > div strong[b-9khepb19jv],
.production-attention > div small[b-9khepb19jv],
.production-attention button strong[b-9khepb19jv],
.production-attention button small[b-9khepb19jv] {
    display: block;
}

.production-attention > div strong[b-9khepb19jv] { font-size: 11px; }
.production-attention > div small[b-9khepb19jv] { margin-top:2px; color:#8b7c7f; font-size:8px; }

.production-attention > button[b-9khepb19jv] {
    min-height: 49px;
    padding: 7px 10px;
    border: 1px solid #dde2e5;
    border-radius: 12px;
    color: #60717d;
    background: #fff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.production-attention button strong[b-9khepb19jv] { color:#342a2c; font-size:14px; line-height:1; }
.production-attention button small[b-9khepb19jv] { margin-top:3px; color:#8b7c7f; font-size:8px; white-space:nowrap; }
.production-attention button.active[b-9khepb19jv] { border-color:#607483; background:#eaf0f3; box-shadow:0 0 0 2px rgba(96,116,131,.08); }
.production-attention button.parts > svg[b-9khepb19jv] { color:#a96500; }
.production-attention button.parts.active[b-9khepb19jv] { border-color:#e0b65e; background:#fff5de; box-shadow:0 0 0 2px rgba(201,137,23,.08); }

.production-filter-bar[b-9khepb19jv] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 1px 1px 4px;
}

.production-filter-bar button[b-9khepb19jv] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 39px;
    padding: 0 12px;
    border: 1px solid #eadfe1;
    border-radius: 999px;
    color: #6f5b60;
    background: #fff;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.production-filter-bar button span[b-9khepb19jv] {
    min-width: 22px;
    padding: 3px 6px;
    border-radius: 999px;
    color: #8e7479;
    background: #f5eeee;
    text-align: center;
}

.production-filter-bar button.active[b-9khepb19jv] {
    border-color: #287562;
    color: #fff;
    background: #287562;
    box-shadow: 0 8px 18px rgba(40,117,98,.18);
}

.production-filter-bar button.active span[b-9khepb19jv] {
    color: #287562;
    background: #fff;
}

.production-summary strong[b-9khepb19jv],
.production-summary small[b-9khepb19jv] {
    display: block;
}

.production-summary strong[b-9khepb19jv] {
    font-size: 25px;
    line-height: 1;
}

.production-summary small[b-9khepb19jv] {
    margin-top: 5px;
    color: #89777b;
    font-size: 12px;
}

.production-section-heading[b-9khepb19jv] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-top: 4px;
}

.production-section-heading h2[b-9khepb19jv] {
    margin: 0;
    font-size: 23px;
    letter-spacing: -.6px;
}

.production-section-heading p[b-9khepb19jv] {
    margin: 5px 0 0;
    color: #806e72;
    font-size: 13px;
}

.production-section-heading > span[b-9khepb19jv] {
    padding: 7px 11px;
    border-radius: 999px;
    color: #1f6956;
    background: #eaf6f2;
    font-size: 11px;
    font-weight: 800;
}

.production-board[b-9khepb19jv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 2px 2px 16px;
}

.production-lane[b-9khepb19jv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e9dcde;
    border-radius: 20px;
    background: #f6f1f2;
}

.production-lane-header[b-9khepb19jv] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid #eadfe1;
    background: rgba(255,255,255,.9);
}

.production-lane.is-collapsed .production-lane-header[b-9khepb19jv] {
    border-bottom-color: transparent;
}

.lane-icon[b-9khepb19jv] {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: #536675;
    background: #eef3f6;
}

.lane-title[b-9khepb19jv] {
    min-width: 0;
    flex: 1;
}

.lane-title strong[b-9khepb19jv],
.lane-title small[b-9khepb19jv] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lane-title strong[b-9khepb19jv] {
    font-size: 14px;
}

.lane-title small[b-9khepb19jv] {
    margin-top: 3px;
    color: #927d81;
    font-size: 9px;
}

.lane-live[b-9khepb19jv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    border-radius: 999px;
    color: #176c52;
    background: #e9f7f1;
    font-size: 8px;
    font-weight: 850;
    white-space: nowrap;
}

.lane-toggle[b-9khepb19jv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #e4d8da;
    border-radius: 10px;
    color: #59494c;
    background: #fff;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.lane-toggle:hover[b-9khepb19jv] {
    border-color: #287562;
    color: #185a49;
    background: #fff7f7;
}

.lane-toggle:active[b-9khepb19jv] {
    transform: translateY(1px);
}

.lane-toggle:focus-visible[b-9khepb19jv] {
    outline: 3px solid rgba(40, 117, 98, .18);
    outline-offset: 2px;
}

.lane-live i[b-9khepb19jv],
.production-card-status strong.working i[b-9khepb19jv] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1b9a70;
    box-shadow: 0 0 0 3px rgba(27,154,112,.12);
}

.production-lane-list[b-9khepb19jv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(440px, 1fr));
    align-items: start;
    gap: 11px;
    padding: 11px;
}

.production-card[b-9khepb19jv] {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-height: 286px;
    padding: 0;
    border: 1px solid #eadfe1;
    border-radius: 16px;
    color: inherit;
    background: #fff;
    box-shadow: 0 7px 20px rgba(62,36,41,.055);
    font: inherit;
    text-align: left;
    cursor: default;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.production-card-alerts[b-9khepb19jv] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.production-card-alerts > span[b-9khepb19jv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 25px;
    padding: 3px 7px;
    border-radius: 8px;
    color: #8a570e;
    background: #fff5df;
    font-size: 8px;
    font-weight: 800;
}

.production-card-alerts > span.quality[b-9khepb19jv] {
    color: #235f4c;
    background: #e9f7f1;
}

.production-card-alerts > span.parts[b-9khepb19jv] {
    color:#8b5500;
    border-color:#efcf8d;
    background:#fff5dc;
}

.production-parts-alert[b-9khepb19jv] {
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:8px;
    padding:9px 10px;
    border:1px solid #edcb84;
    border-radius:10px;
    color:#8a5400;
    background:#fff6df;
}
.production-parts-alert>svg[b-9khepb19jv] { flex:0 0 auto; }
.production-parts-alert>span[b-9khepb19jv] { display:grid; gap:1px; min-width:0; }
.production-parts-alert small[b-9khepb19jv] { font-size:7px; font-weight:900; letter-spacing:.55px; text-transform:uppercase; }
.production-parts-alert strong[b-9khepb19jv] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#75470a; font-size:9px; }

.production-return-note[b-9khepb19jv] {
    display:flex;
    align-items:flex-start;
    gap:.55rem;
    margin-top:.65rem;
    padding:.65rem .75rem;
    border:1px solid #ead9b8;
    border-radius:10px;
    background:#fff9ed;
    color:#70511b;
}

.production-return-note > svg[b-9khepb19jv] { flex:0 0 auto; margin-top:.1rem; }
.production-return-note > span[b-9khepb19jv] { min-width:0; display:flex; flex-direction:column; gap:.1rem; }
.production-return-note small[b-9khepb19jv] { font-size:.64rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.production-return-note strong[b-9khepb19jv] { font-size:.78rem; font-weight:650; line-height:1.35; overflow-wrap:anywhere; }

.production-card:hover[b-9khepb19jv] {
    transform: translateY(-2px);
    border-color: #e1b6ba;
    box-shadow: 0 22px 45px rgba(62,36,41,.11);
}

.production-card:focus-visible[b-9khepb19jv] {
    outline: 3px solid rgba(40,117,98,.2);
    outline-offset: 2px;
}

.production-card-accent[b-9khepb19jv] {
    display: block;
    height: 5px;
    background: linear-gradient(90deg, #8d7c80, #b6a8ab);
}

.production-card.is-urgent .production-card-accent[b-9khepb19jv] {
    background: linear-gradient(90deg, #e19513, #ef4444);
}

.production-card-head[b-9khepb19jv] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid #eee4e5;
    background: linear-gradient(145deg, #fff 0%, #fdf9f9 100%);
}

.card-state[b-9khepb19jv] {
    position: absolute;
    top: 13px;
    right: 13px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.card-state.working[b-9khepb19jv] {
    color: #16664d;
    background: #e7f7f0;
}

.card-state.waiting[b-9khepb19jv] {
    color: #6f5e62;
    background: #f1ebec;
}

.card-state.delayed[b-9khepb19jv] {
    color: #9c5109;
    background: #fff0d9;
}

.card-state i[b-9khepb19jv] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #19a373;
    box-shadow: 0 0 0 3px rgba(25,163,115,.12);
}

.card-vehicle-row[b-9khepb19jv] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding-right: 92px;
}

.vehicle-brand[b-9khepb19jv] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 13px;
    background: #f8f3f4;
}

.vehicle-brand img[b-9khepb19jv] {
    width: 31px;
    height: 31px;
    object-fit: contain;
}

.vehicle-identity[b-9khepb19jv] {
    min-width: 0;
    flex: 1;
}

.vehicle-identity small[b-9khepb19jv] {
    display: block;
    margin-top: 7px;
    overflow: hidden;
    color: #725f63;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.license-plate[b-9khepb19jv] {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    min-height: 34px;
    border: 2px solid #242021;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 3px 8px rgba(42,31,34,.08);
}

.license-plate i[b-9khepb19jv] {
    display: grid;
    place-items: center;
    width: 22px;
    color: #fff;
    background: #124ab5;
    font-size: 7px;
    font-style: normal;
    font-weight: 900;
}

.license-plate strong[b-9khepb19jv] {
    padding: 4px 9px 3px;
    color: #171314;
    font-size: 17px;
    letter-spacing: 1.2px;
    line-height: 1.35;
}

.work-reference[b-9khepb19jv] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 13px;
    padding-top: 10px;
    border-top: 1px dashed #e8dbdd;
}

.work-code[b-9khepb19jv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.work-code small[b-9khepb19jv] {
    color: #9d888c;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.work-code strong[b-9khepb19jv] {
    color: #49373b;
    font-size: 10px;
}

.work-customer[b-9khepb19jv] {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    min-width: 0;
    flex: 1;
    color: #71818c;
}

.work-customer strong[b-9khepb19jv] {
    overflow: hidden;
    color: #5d4e52;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.work-age[b-9khepb19jv] {
    padding: 4px 6px;
    border-radius: 7px;
    color: #6c7b85;
    background: #edf2f4;
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}

.vehicle-flags[b-9khepb19jv] {
    display: flex;
    gap: 6px;
    margin-left: auto;
}

.vehicle-flag[b-9khepb19jv] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
}

.vehicle-flag.tow[b-9khepb19jv] {
    color: #a96308;
    background: #fff4dd;
}

.vehicle-flag.urgent[b-9khepb19jv] {
    color: #fff;
    background: #d71920;
}

.production-card-facts[b-9khepb19jv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    border-bottom: 1px solid #eee4e5;
    background: #fff;
}

.production-card-facts > span[b-9khepb19jv] {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 3px;
    padding: 12px 10px 12px 34px;
}

.production-card-facts > span + span[b-9khepb19jv] {
    border-left: 1px solid #f0e8e9;
}

.production-card-facts > span > i[b-9khepb19jv] {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #607483;
}

.production-card-facts small[b-9khepb19jv],
.production-card-facts strong[b-9khepb19jv] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.production-card-facts small[b-9khepb19jv] {
    color: #a18d91;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.production-card-facts strong[b-9khepb19jv] {
    color: #38292c;
    font-size: 9px;
}

.production-card-facts strong em[b-9khepb19jv] {
    color: #9c888c;
    font-style: normal;
    font-weight: 600;
}

.production-task-list[b-9khepb19jv] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 14px 16px 12px;
}

.production-task-title[b-9khepb19jv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

.production-task-title strong[b-9khepb19jv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #3f454b;
    font-size: 12px;
}

.production-task-title small[b-9khepb19jv] {
    color: #9a858a;
    font-size: 10px;
}

.production-task[b-9khepb19jv] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid #f0e6e7;
    border-radius: 10px;
    color: #5d494e;
    background: #fdfafa;
    font-size: 11px;
}

.production-task > span[b-9khepb19jv] {
    overflow: hidden;
    min-width: 0;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.production-task em[b-9khepb19jv],
.more-tasks[b-9khepb19jv] {
    color: #9a858a;
    font-size: 9px;
    font-style: normal;
    white-space: nowrap;
}

.more-tasks[b-9khepb19jv] {
    align-self: flex-start;
    padding: 3px 9px;
    border-radius: 999px;
    color: #1f6956;
    background: #eaf6f2;
    font-weight: 750;
}

.production-task i[b-9khepb19jv] {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6c7f8d;
}

.production-task.completed[b-9khepb19jv] {
    color: #24705a;
    background: #edf8f4;
}

.production-progress[b-9khepb19jv] {
    display: grid;
    gap: 7px;
    width: auto;
    margin: 0 16px 14px;
    padding: 0;
    background: transparent;
}

.progress-heading[b-9khepb19jv],
.progress-meta[b-9khepb19jv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.progress-heading strong[b-9khepb19jv] { color:#6f5d61; font-size:13px; }
.production-progress.progress-starting .progress-heading strong[b-9khepb19jv] { color:#c9141b; }
.production-progress.progress-warning .progress-heading strong[b-9khepb19jv] { color:#c66b0d; }
.production-progress.progress-complete .progress-heading strong[b-9khepb19jv] { color:#16865f; }
.progress-heading small[b-9khepb19jv],.progress-meta small[b-9khepb19jv] { color:#8b777b; font-size:9px; font-weight:750; }
.progress-track[b-9khepb19jv] { overflow:hidden; height:8px; border-radius:999px; background:#eee5e6; }
.progress-track i[b-9khepb19jv] { display:block; max-width:100%; height:100%; border-radius:inherit; transition:width .25s ease; }
.progress-track.progress-starting i[b-9khepb19jv] { background:linear-gradient(90deg,#c9141b,#ef3d44); }
.progress-track.progress-warning i[b-9khepb19jv] { background:linear-gradient(90deg,#e17b12,#f2a429); }
.progress-track.progress-complete i[b-9khepb19jv] { background:linear-gradient(90deg,#16865f,#28ad7b); }
.progress-meta strong[b-9khepb19jv] { display:inline-flex; align-items:center; gap:3px; color:#b5670a; font-size:9px; }
.progress-meta strong.working[b-9khepb19jv] { color:#197257; }
.production-card.is-delayed[b-9khepb19jv] { border-color:#e4d8da; }
.production-card.is-delayed .production-card-accent[b-9khepb19jv] { background:linear-gradient(90deg,#e39717,#e23a26); }

.production-card-footer[b-9khepb19jv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 60px;
    padding: 10px 16px;
    border-top: 1px solid #f0e7e8;
    background: #fdfbfb;
}

.production-card-actions[b-9khepb19jv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.production-card-actions a[b-9khepb19jv],
.production-card-actions button[b-9khepb19jv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 34px;
    padding: 0 9px;
    border: 1px solid #e5dadd;
    border-radius: 10px;
    color: #645459;
    background: #fff;
    font: inherit;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.production-card-actions a:hover[b-9khepb19jv],
.production-card-actions button:hover[b-9khepb19jv] {
    color: #174c3d;
    border-color: #b9dace;
    background: #f1faf6;
}

.production-card-actions button.open-work[b-9khepb19jv] {
    margin: 0;
    padding-inline: 11px;
    border-color: #305c50;
    color: #fff;
    background: #305c50;
}

.production-card-actions button.open-work:hover[b-9khepb19jv] {
    color: #fff;
    border-color: #1d463b;
    background: #1d463b;
}

.production-team[b-9khepb19jv],
.open-work[b-9khepb19jv] {
    display: flex;
    align-items: center;
}

.production-team[b-9khepb19jv] {
    justify-content: flex-start;
    padding-left: 6px;
}

.production-team-wrap[b-9khepb19jv] {
    display: grid;
    gap: 5px;
}

.production-team-wrap > small[b-9khepb19jv] {
    color: #9c888c;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.team-avatar[b-9khepb19jv] {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    margin-left: -6px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: #6d565b;
    font-size: 9px;
    font-weight: 850;
}

.team-avatar.working[b-9khepb19jv] {
    background: #287562;
    box-shadow: 0 0 0 3px #ffe4e6;
}

.open-work[b-9khepb19jv] {
    gap: 8px;
    margin-left: 8px;
    color: #55474a;
    font-size: 11px;
    font-weight: 850;
}

.open-arrow[b-9khepb19jv] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    color: #fff;
    background: #5d4d51;
}

.team-empty[b-9khepb19jv] {
    color: #9a858a;
    font-size: 9px;
    font-weight: 750;
}

.production-empty[b-9khepb19jv] {
    display: grid;
    place-items: center;
    min-height: 360px;
    padding: 40px;
    border: 1px dashed #dccbce;
    border-radius: 22px;
    background: #fff;
    text-align: center;
}

.production-empty > span[b-9khepb19jv] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 20px;
    color: #3b7966;
    background: #eaf7f2;
}

.production-empty h2[b-9khepb19jv] {
    margin: 18px 0 6px;
}

.production-empty p[b-9khepb19jv] {
    max-width: 470px;
    margin: 0;
    color: #806e72;
}

.production-empty a[b-9khepb19jv] {
    margin-top: 20px;
    color: #1f6956;
    font-weight: 800;
}

.production-empty button[b-9khepb19jv] {
    margin-top: 20px;
    padding: 10px 15px;
    border: 0;
    border-radius: 11px;
    color: #fff;
    background: #287562;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.production-empty.filtered[b-9khepb19jv] {
    min-height: 250px;
}

@media (max-width: 1180px) {
    .production-summary[b-9khepb19jv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .production-toolbar[b-9khepb19jv] {
        grid-template-columns: minmax(260px, 1fr) minmax(180px, 230px);
    }

    .production-toolbar .production-department-filter:last-child[b-9khepb19jv] {
        grid-column: 1 / -1;
    }

    .production-attention[b-9khepb19jv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .production-attention > div[b-9khepb19jv] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 800px) {
    .production-hero[b-9khepb19jv] {
        align-items: stretch;
        flex-direction: column;
    }

    .production-summary[b-9khepb19jv] {
        grid-template-columns: 1fr;
    }

    .production-toolbar[b-9khepb19jv] {
        grid-template-columns: 1fr;
    }

    .production-toolbar .production-department-filter:last-child[b-9khepb19jv] {
        grid-column: auto;
    }

}

@media (max-width: 650px) {
    .production-actions[b-9khepb19jv],
    .production-primary-action[b-9khepb19jv],
    .production-secondary-action[b-9khepb19jv] {
        width: 100%;
    }

    .production-lane-list[b-9khepb19jv] {
        grid-template-columns: 1fr;
    }

    .lane-toggle span[b-9khepb19jv] {
        display: none;
    }

    .lane-toggle[b-9khepb19jv] {
        width: 34px;
        padding: 0;
    }

    .production-section-heading[b-9khepb19jv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .open-work span[b-9khepb19jv] {
        display: none;
    }
}

@media (max-width: 520px) {
    .production-card-footer[b-9khepb19jv] {
        align-items: stretch;
        flex-direction: column;
    }

    .production-card-actions[b-9khepb19jv] {
        justify-content: stretch;
    }

    .production-card-actions a[b-9khepb19jv],
    .production-card-actions button[b-9khepb19jv] {
        flex: 1 1 calc(50% - 6px);
    }
}
/* /Components/Pages/WorkshopBoxDisplayPage.razor.rz.scp.css */
.box-display[b-1b4q6un4lk] {
    position: fixed;
    inset: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 100vh;
    padding: clamp(16px, 1.8vw, 32px);
    color: #f5fbf9;
    background: radial-gradient(circle at 82% 8%, rgba(46, 189, 145, .17), transparent 28%), radial-gradient(circle at 8% 90%, rgba(34, 104, 91, .2), transparent 30%), #07110f;
    font-family: Inter, "Segoe UI", sans-serif;
    overflow: hidden;
}

.display-header[b-1b4q6un4lk] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding-bottom: clamp(12px, 1.5vh, 22px);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.brand[b-1b4q6un4lk] { display: flex; align-items: center; gap: 10px; font-size: clamp(20px, 2vw, 34px); font-weight: 800; }
.brand b[b-1b4q6un4lk] { display: grid; place-items: center; width: 1.45em; height: 1.45em; border-radius: .36em; background: #e21f2a; }
.brand span[b-1b4q6un4lk] { letter-spacing: -.04em; }
.box-name[b-1b4q6un4lk] { text-align: center; }
.box-name small[b-1b4q6un4lk], .card-label[b-1b4q6un4lk], .work-kicker[b-1b4q6un4lk], .next-card small[b-1b4q6un4lk] { display: block; color: #78e3bf; font-size: clamp(10px, .78vw, 14px); font-weight: 800; letter-spacing: .14em; }
.box-name strong[b-1b4q6un4lk] { font-size: clamp(27px, 2.6vw, 46px); }
.clock[b-1b4q6un4lk] { justify-self: end; display: flex; align-items: baseline; gap: 14px; }
.clock strong[b-1b4q6un4lk] { font-size: clamp(30px, 3vw, 54px); line-height: 1; }
.clock span[b-1b4q6un4lk] { max-width: 180px; color: rgba(255, 255, 255, .58); font-size: clamp(11px, .82vw, 14px); }

.work-grid[b-1b4q6un4lk] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    gap: clamp(12px, 1.25vw, 22px);
    align-items: stretch;
    padding: clamp(14px, 1.8vh, 26px) 0;
}

.vehicle-card[b-1b4q6un4lk], .task-card[b-1b4q6un4lk], .status-card[b-1b4q6un4lk], .next-card[b-1b4q6un4lk] {
    border: 1px solid rgba(255, 255, 255, .11);
    background: rgba(255, 255, 255, .055);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .17);
    backdrop-filter: blur(12px);
}

.vehicle-card[b-1b4q6un4lk], .task-card[b-1b4q6un4lk] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: clamp(22px, 2.35vw, 42px);
    border-radius: clamp(18px, 1.6vw, 28px);
}

.work-kicker[b-1b4q6un4lk] { display: flex; align-items: center; gap: 10px; }
.live-dot[b-1b4q6un4lk] { width: 10px; height: 10px; border-radius: 50%; background: #90a49e; }
.live-dot.running[b-1b4q6un4lk] { background: #45d6a7; box-shadow: 0 0 0 7px rgba(69, 214, 167, .12); }
.plate[b-1b4q6un4lk] {
    width: max-content;
    margin: clamp(16px, 2vh, 28px) 0 12px;
    padding: .15em .44em;
    border: 2px solid #f5f7f5;
    border-left: clamp(24px, 2.5vw, 42px) solid #1556b8;
    border-radius: 10px;
    color: #101817;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .25);
    font-size: clamp(34px, 4.2vw, 72px);
    font-weight: 900;
    letter-spacing: .06em;
}
.vehicle-card h1[b-1b4q6un4lk] { margin: 0; color: rgba(255, 255, 255, .72); font-size: clamp(18px, 1.55vw, 28px); font-weight: 600; }

.work-mini-flow[b-1b4q6un4lk] { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: start; gap: 8px; margin-top: auto; padding-top: clamp(24px, 3.3vh, 52px); }
.work-mini-flow > span[b-1b4q6un4lk] { display: grid; justify-items: center; gap: 7px; min-width: 48px; color: rgba(255, 255, 255, .4); }
.work-mini-flow i[b-1b4q6un4lk] { display: grid; place-items: center; width: 30px; height: 30px; border: 2px solid rgba(255, 255, 255, .16); border-radius: 50%; font-style: normal; font-size: 12px; font-weight: 900; }
.work-mini-flow b[b-1b4q6un4lk] { font-size: clamp(9px, .7vw, 12px); font-weight: 750; }
.work-mini-flow em[b-1b4q6un4lk] { height: 2px; margin-top: 14px; background: rgba(255, 255, 255, .11); }
.work-mini-flow span.complete[b-1b4q6un4lk], .work-mini-flow span.current[b-1b4q6un4lk] { color: #75dfbc; }
.work-mini-flow span.complete i[b-1b4q6un4lk] { border-color: #42c99d; color: #062119; background: #42c99d; }
.work-mini-flow span.complete + em[b-1b4q6un4lk] { background: #42c99d; }
.work-mini-flow span.current i[b-1b4q6un4lk] { border-color: #69deb9; box-shadow: 0 0 0 6px rgba(78, 208, 166, .12); }

.work-meta[b-1b4q6un4lk] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: clamp(20px, 2.8vh, 42px); padding-top: clamp(16px, 2vh, 28px); border-top: 1px solid rgba(255, 255, 255, .08); }
.work-meta span[b-1b4q6un4lk] { display: grid; gap: 6px; }
.work-meta small[b-1b4q6un4lk], .responsible small[b-1b4q6un4lk], .schedule-state small[b-1b4q6un4lk], .status-card small[b-1b4q6un4lk], .task-metrics small[b-1b4q6un4lk] { color: rgba(255, 255, 255, .42); font-size: clamp(9px, .67vw, 11px); font-weight: 800; letter-spacing: .12em; }
.work-meta b[b-1b4q6un4lk] { font-size: clamp(13px, .95vw, 17px); }

.task-heading[b-1b4q6un4lk] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.workflow-pill[b-1b4q6un4lk] { padding: 7px 11px; border: 1px solid rgba(92, 224, 181, .3); border-radius: 99px; color: #78e3bf; background: rgba(46, 189, 145, .1); font-size: clamp(9px, .66vw, 11px); font-weight: 850; }
.workflow-pill.warning[b-1b4q6un4lk] { border-color: rgba(255, 184, 79, .38); color: #ffc66f; background: rgba(255, 184, 79, .1); }
.workflow-pill.quality[b-1b4q6un4lk] { border-color: rgba(93, 174, 255, .38); color: #8ac8ff; background: rgba(73, 151, 231, .1); }
.workflow-pill.ready[b-1b4q6un4lk] { color: #07110f; background: #72e0ba; }
.task-card h2[b-1b4q6un4lk] { margin: clamp(14px, 1.8vh, 26px) 0 7px; color: #f7fbfa; font-size: clamp(28px, 2.75vw, 50px); line-height: 1.04; letter-spacing: -.04em; }
.task-description[b-1b4q6un4lk] { max-width: 92%; margin: 0; color: rgba(255, 255, 255, .5); font-size: clamp(12px, .86vw, 15px); line-height: 1.45; }

.operation-details[b-1b4q6un4lk] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: clamp(18px, 2.4vh, 34px); }
.responsible[b-1b4q6un4lk], .schedule-state[b-1b4q6un4lk] { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 11px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 15px; background: rgba(255, 255, 255, .035); }
.responsible > span[b-1b4q6un4lk], .schedule-state > span[b-1b4q6un4lk] { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 13px; color: #052017; background: #62dfb6; font-weight: 900; }
.responsible div[b-1b4q6un4lk], .schedule-state div[b-1b4q6un4lk] { display: grid; gap: 3px; min-width: 0; }
.responsible strong[b-1b4q6un4lk], .schedule-state strong[b-1b4q6un4lk] { overflow: hidden; font-size: clamp(13px, .9vw, 16px); text-overflow: ellipsis; white-space: nowrap; }
.schedule-state > span[b-1b4q6un4lk] { color: #dbe8e4; background: rgba(255, 255, 255, .1); font-size: 20px; }
.schedule-state.late[b-1b4q6un4lk] { border-color: rgba(255, 103, 110, .35); background: rgba(226, 45, 56, .08); }
.schedule-state.late > span[b-1b4q6un4lk] { color: #fff; background: #dc303a; }

.setup-steps[b-1b4q6un4lk] { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 10px; margin-top: auto; padding-top: clamp(20px, 2.7vh, 38px); }
.setup-steps > div[b-1b4q6un4lk] { display: flex; align-items: center; gap: 9px; min-width: 0; }
.setup-steps > div > span[b-1b4q6un4lk] { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; color: #062119; background: #65dcb5; font-size: 12px; font-weight: 900; }
.setup-steps p[b-1b4q6un4lk] { display: grid; gap: 3px; min-width: 0; margin: 0; }
.setup-steps b[b-1b4q6un4lk] { font-size: clamp(10px, .75vw, 13px); }
.setup-steps small[b-1b4q6un4lk] { overflow: hidden; color: rgba(255, 255, 255, .4); font-size: clamp(8px, .6vw, 10px); text-overflow: ellipsis; white-space: nowrap; }
.setup-steps > i[b-1b4q6un4lk] { width: 18px; height: 2px; background: rgba(255, 255, 255, .14); }

.planning-warning[b-1b4q6un4lk] { display: flex; align-items: center; gap: 12px; margin-top: clamp(16px, 2vh, 26px); padding: 13px 15px; border: 1px solid rgba(255, 184, 79, .38); border-radius: 15px; background: rgba(255, 164, 54, .1); }
.planning-warning > span[b-1b4q6un4lk] { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 12px; color: #291900; background: #ffbc55; font-size: 20px; font-weight: 900; }
.planning-warning div[b-1b4q6un4lk] { display: grid; gap: 3px; }
.planning-warning strong[b-1b4q6un4lk] { color: #ffd18c; font-size: clamp(13px, .92vw, 16px); }
.planning-warning small[b-1b4q6un4lk] { color: rgba(255, 255, 255, .48); font-size: clamp(9px, .65vw, 11px); line-height: 1.35; }

.task-metrics[b-1b4q6un4lk] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: auto; padding-top: clamp(18px, 2.5vh, 34px); }
.task-metrics > span[b-1b4q6un4lk] { display: grid; gap: 4px; padding: 11px 13px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 13px; background: rgba(255, 255, 255, .035); }
.task-metrics strong[b-1b4q6un4lk] { font-size: clamp(18px, 1.45vw, 26px); }
.progress-heading[b-1b4q6un4lk] { display: flex; justify-content: space-between; margin-top: clamp(15px, 2vh, 26px); font-size: clamp(11px, .82vw, 14px); }
.progress-track[b-1b4q6un4lk] { height: 10px; margin: 10px 0; border-radius: 99px; background: rgba(255, 255, 255, .1); overflow: hidden; }
.progress-track i[b-1b4q6un4lk] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2ebd91, #74e4bf); }
.progress-foot[b-1b4q6un4lk] { display: flex; justify-content: space-between; align-items: baseline; }
.progress-foot strong[b-1b4q6un4lk] { font-size: clamp(24px, 2.2vw, 38px); }
.progress-foot span[b-1b4q6un4lk] { color: rgba(255, 255, 255, .48); font-size: clamp(10px, .78vw, 14px); }

.status-column[b-1b4q6un4lk] { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, .82fr) minmax(0, 1.36fr); gap: clamp(10px, 1vw, 18px); }
.status-card[b-1b4q6un4lk], .next-card[b-1b4q6un4lk] { display: flex; align-items: center; gap: 13px; min-height: 76px; padding: clamp(13px, 1.3vw, 21px); border-radius: 17px; }
.status-card > span[b-1b4q6un4lk] { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 13px; font-size: 21px; font-weight: 900; }
.status-card div[b-1b4q6un4lk] { display: grid; gap: 4px; }
.status-card strong[b-1b4q6un4lk] { font-size: clamp(13px, .94vw, 17px); }
.status-card.ok > span[b-1b4q6un4lk] { color: #052017; background: #61dbae; }
.status-card.warning[b-1b4q6un4lk] { border-color: rgba(255, 183, 75, .45); background: rgba(255, 151, 43, .1); }
.status-card.warning > span[b-1b4q6un4lk] { color: #241400; background: #ffb84f; }
.status-card.neutral > span[b-1b4q6un4lk] { color: #d6e5e0; background: rgba(255, 255, 255, .1); }
.next-card[b-1b4q6un4lk] { position: relative; justify-content: center; flex-direction: column; align-items: flex-start; padding-right: 34px; background: linear-gradient(145deg, rgba(37, 126, 103, .24), rgba(255, 255, 255, .04)); }
.next-card[b-1b4q6un4lk]::after { content: "→"; position: absolute; right: 18px; color: #72dfbb; font-size: 24px; }
.next-card strong[b-1b4q6un4lk] { font-size: clamp(20px, 1.8vw, 31px); line-height: 1; }
.next-card span[b-1b4q6un4lk] { color: rgba(255, 255, 255, .56); font-size: clamp(10px, .78vw, 14px); }
.next-card.empty strong[b-1b4q6un4lk] { font-size: clamp(17px, 1.35vw, 24px); }

.empty-box[b-1b4q6un4lk], .display-state[b-1b4q6un4lk] { display: grid; place-items: center; align-content: center; text-align: center; }
.empty-icon[b-1b4q6un4lk] { display: grid; place-items: center; width: clamp(90px, 10vw, 150px); height: clamp(90px, 10vw, 150px); border-radius: 50%; color: #052017; background: #61dbae; font-size: clamp(45px, 5vw, 75px); font-weight: 900; }
.empty-box > span[b-1b4q6un4lk], .display-state > span[b-1b4q6un4lk] { margin-top: 28px; color: #74e4bf; font-weight: 800; letter-spacing: .16em; }
.empty-box h1[b-1b4q6un4lk], .display-state h1[b-1b4q6un4lk] { margin: 10px 0; font-size: clamp(38px, 5vw, 78px); letter-spacing: -.05em; }
.empty-box p[b-1b4q6un4lk], .display-state p[b-1b4q6un4lk] { max-width: 720px; color: rgba(255, 255, 255, .55); font-size: clamp(16px, 1.3vw, 23px); }
.display-state.error > span[b-1b4q6un4lk] { color: #ff9a9f; }
.loader[b-1b4q6un4lk] { width: 70px; height: 70px; border: 6px solid rgba(255, 255, 255, .15); border-top-color: #61dbae; border-radius: 50%; animation: spin-b-1b4q6un4lk 1s linear infinite; }
.display-footer[b-1b4q6un4lk] { display: flex; justify-content: space-between; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .38); font-size: clamp(9px, .67vw, 11px); }

@keyframes spin-b-1b4q6un4lk { to { transform: rotate(360deg); } }

@media (max-width: 900px), (orientation: portrait) {
    .box-display[b-1b4q6un4lk] { overflow: auto; }
    .work-grid[b-1b4q6un4lk] { grid-template-columns: 1fr; grid-template-rows: auto; overflow: visible; }
    .status-column[b-1b4q6un4lk] { grid-column: 1; grid-template-columns: 1fr; }
    .vehicle-card[b-1b4q6un4lk], .task-card[b-1b4q6un4lk] { min-height: 42vh; }
    .work-meta[b-1b4q6un4lk] { grid-template-columns: repeat(3, 1fr); }
    .display-footer[b-1b4q6un4lk] { display: none; }
}

@media (max-height: 760px) and (orientation: landscape) {
    .box-display[b-1b4q6un4lk] { padding-block: 12px; }
    .display-header[b-1b4q6un4lk] { padding-bottom: 10px; }
    .work-grid[b-1b4q6un4lk] { padding-block: 10px; }
    .vehicle-card[b-1b4q6un4lk], .task-card[b-1b4q6un4lk] { padding: 20px 24px; }
    .plate[b-1b4q6un4lk] { margin-block: 12px 8px; font-size: clamp(32px, 3.5vw, 58px); }
    .work-mini-flow[b-1b4q6un4lk] { padding-top: 18px; }
    .work-meta[b-1b4q6un4lk] { margin-top: 14px; padding-top: 13px; }
    .task-card h2[b-1b4q6un4lk] { margin-top: 12px; font-size: clamp(26px, 2.4vw, 42px); }
    .operation-details[b-1b4q6un4lk] { margin-top: 14px; }
    .setup-steps[b-1b4q6un4lk], .task-metrics[b-1b4q6un4lk] { padding-top: 15px; }
    .status-card[b-1b4q6un4lk], .next-card[b-1b4q6un4lk] { min-height: 64px; padding: 10px 14px; }
}
/* /Components/Pages/WorkshopDisplaysSetupPage.razor.rz.scp.css */
.display-setup-page[b-5g4uefv5m6]{max-width:1400px;margin:0 auto;padding:32px}.display-setup-page>header[b-5g4uefv5m6]{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.display-setup-page header span[b-5g4uefv5m6]{color:#08765d;font-size:12px;font-weight:900;letter-spacing:.16em}.display-setup-page h1[b-5g4uefv5m6]{margin:7px 0 5px;font-size:42px;letter-spacing:-.045em}.display-setup-page p[b-5g4uefv5m6]{margin:0;color:#756b6d}.display-setup-page header>a[b-5g4uefv5m6],.box-links button[b-5g4uefv5m6],.box-links a[b-5g4uefv5m6]{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ddd3d4;border-radius:12px;padding:11px 15px;color:#2b2526;background:#fff;font-weight:750;text-decoration:none;cursor:pointer}.setup-guide[b-5g4uefv5m6]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px;padding:18px;border:1px solid #e1d9da;border-radius:18px;background:#fff}.setup-guide b[b-5g4uefv5m6]{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#168365}.setup-guide span[b-5g4uefv5m6]{font-weight:750}.setup-guide i[b-5g4uefv5m6]{width:70px;height:1px;background:#d9cecf}.box-links[b-5g4uefv5m6]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.box-links article[b-5g4uefv5m6]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:20px;border:1px solid #e2d8da;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(52,34,37,.05)}.box-icon[b-5g4uefv5m6]{display:grid!important;place-items:center;width:50px;height:50px;border-radius:14px;color:#146b59!important;background:#e7f6f1}.box-links article>div[b-5g4uefv5m6]{display:grid;gap:4px}.box-links small[b-5g4uefv5m6]{color:#8c7d80;font-size:10px;font-weight:800;letter-spacing:.12em}.box-links strong[b-5g4uefv5m6]{font-size:20px}.box-links button[b-5g4uefv5m6]{color:#fff;background:#167d63;border-color:#167d63}.box-links a[b-5g4uefv5m6]{font-size:13px}.privacy-note[b-5g4uefv5m6]{display:flex;align-items:center;gap:14px;margin-top:22px;padding:18px 22px;border:1px solid #bfe2d6;border-radius:18px;color:#135e4d;background:#eef9f5}.privacy-note div[b-5g4uefv5m6]{display:grid;gap:4px}.privacy-note span[b-5g4uefv5m6]{color:#55736b;font-size:13px;letter-spacing:0}@media(max-width:950px){.box-links[b-5g4uefv5m6]{grid-template-columns:1fr 1fr}}@media(max-width:650px){.display-setup-page[b-5g4uefv5m6]{padding:18px}.display-setup-page>header[b-5g4uefv5m6]{align-items:flex-start;flex-direction:column}.setup-guide[b-5g4uefv5m6]{align-items:flex-start;flex-direction:column}.setup-guide i[b-5g4uefv5m6]{display:none}.box-links[b-5g4uefv5m6]{grid-template-columns:1fr}}
/* /Components/Pages/WorkStationPage.razor.rz.scp.css */
.station-page[b-8plrs9tfol] { display:grid; gap:18px; margin-bottom:20px; color:#2c1f21; }
.station-hero[b-8plrs9tfol] { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.station-vehicle[b-8plrs9tfol] { display:flex; align-items:center; gap:15px; }
.station-vehicle button[b-8plrs9tfol] { display:grid; place-items:center; width:68px; height:68px; overflow:hidden; border:1px solid #eadbdd; border-radius:18px; background:linear-gradient(145deg,#fff,#f8f1f2); cursor:pointer; box-shadow:0 8px 22px rgba(72,43,49,.07); }
.station-vehicle img[b-8plrs9tfol] { width:48px; height:48px; object-fit:contain; }
.station-vehicle span[b-8plrs9tfol] { color:#c9171e; font-size:10px; font-weight:850; letter-spacing:1.2px; text-transform:uppercase; }
.station-vehicle h1[b-8plrs9tfol] { margin:3px 0 0; font-size:34px; letter-spacing:1px; }
.station-vehicle p[b-8plrs9tfol] { margin:2px 0 0; color:#7e6b6f; }
.station-flags[b-8plrs9tfol] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.station-flags span[b-8plrs9tfol],.station-flags a[b-8plrs9tfol],.station-flags button[b-8plrs9tfol] { display:inline-flex; align-items:center; gap:6px; min-height:38px; padding:0 12px; border-radius:11px; font:inherit; font-size:11px; font-weight:850; text-decoration:none; cursor:pointer; }
.station-flags a[b-8plrs9tfol] { border:1px solid #e5d5d8; color:#59454a; background:#fff; }
.station-flags .leave-running[b-8plrs9tfol] { border:1px solid #b9e6d3; color:#126247; background:#eefbf6; }
.station-flags .workflow[b-8plrs9tfol] { border:1px solid #dce4e8; color:#526c7c; background:#edf3f5; }
.station-flags .report[b-8plrs9tfol] { border:1px solid #e1d4d7; color:#695459; background:#fff; }
.station-flags .deliver[b-8plrs9tfol] { border:1px solid #1c7858; color:#fff; background:#21805e; }
.station-flags button:disabled[b-8plrs9tfol] { cursor:not-allowed; opacity:.5; }
.station-flags .warning[b-8plrs9tfol] { color:#9a600c; background:#fff3dc; }
.station-flags .urgent[b-8plrs9tfol] { color:#fff; background:#d71920; }
.station-context[b-8plrs9tfol] { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)) auto; gap:9px; padding:10px; border:1px solid #e3e6e8; border-radius:17px; background:#f7f9fa; }
.station-context-item[b-8plrs9tfol] { display:flex; align-items:center; gap:9px; min-width:0; padding:9px; border-radius:12px; background:#fff; }
.station-context-item>span[b-8plrs9tfol] { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; color:#607483; background:#edf2f4; }
.station-context-item>div[b-8plrs9tfol] { min-width:0; }
.station-context-item small[b-8plrs9tfol],.station-context-item strong[b-8plrs9tfol],.station-context-item em[b-8plrs9tfol] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.station-context-item small[b-8plrs9tfol] { color:#9a868a; font-size:7px; font-weight:850; letter-spacing:.5px; text-transform:uppercase; }
.station-context-item strong[b-8plrs9tfol] { margin-top:2px; color:#3e3033; font-size:11px; }
.station-context-item em[b-8plrs9tfol] { margin-top:2px; color:#8a777b; font-size:8px; font-style:normal; }
.station-context-item.missing>span[b-8plrs9tfol] { color:#9b5d0c; background:#fff1dc; }
.station-context-item.missing em[b-8plrs9tfol] { color:#a35f0c; font-weight:800; }
.station-context-actions[b-8plrs9tfol] { display:grid; gap:6px; min-width:135px; }
.station-context-actions button[b-8plrs9tfol],.station-context-actions a[b-8plrs9tfol] { display:flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:0 10px; border:1px solid #dce1e4; border-radius:10px; color:#536873; background:#fff; font:inherit; font-size:9px; font-weight:850; text-decoration:none; cursor:pointer; }
.station-parts-warning[b-8plrs9tfol] { display:flex; align-items:center; gap:13px; padding:14px 16px; border:1px solid #e9c679; border-radius:15px; color:#75470a; background:linear-gradient(135deg,#fff9eb,#fff5d9); }
.station-parts-warning>span[b-8plrs9tfol] { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:12px; color:#945b00; background:#ffe8ac; }
.station-parts-warning>div[b-8plrs9tfol] { display:grid; gap:2px; min-width:0; }
.station-parts-warning small[b-8plrs9tfol] { color:#a16b18; font-size:8px; font-weight:900; letter-spacing:.8px; }
.station-parts-warning strong[b-8plrs9tfol] { font-size:13px; }
.station-parts-warning em[b-8plrs9tfol] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#956f37; font-size:9px; font-style:normal; }
.station-parts-warning button[b-8plrs9tfol] { margin-left:auto; min-height:36px; padding:0 13px; border:1px solid #d9aa4f; border-radius:9px; color:#764700; background:#fff; font:inherit; font-size:9px; font-weight:850; cursor:pointer; }
.station-metrics[b-8plrs9tfol] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.station-metrics article[b-8plrs9tfol] { display:flex; align-items:center; gap:11px; min-height:78px; padding:14px; border:1px solid #eadfe1; border-radius:16px; background:#fff; }
.station-metrics article>span[b-8plrs9tfol] { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#1f6956; background:#eaf6f2; }
.station-metrics article>span.live[b-8plrs9tfol] { color:#fff; background:#218561; box-shadow:0 0 0 5px #e8f6f1; }
.station-metrics article.alert[b-8plrs9tfol] { border-color:#efc17b; background:#fffaf1; }
.station-metrics strong[b-8plrs9tfol],.station-metrics small[b-8plrs9tfol] { display:block; }
.station-metrics strong[b-8plrs9tfol] { font-size:17px; }
.station-metrics small[b-8plrs9tfol] { margin-top:3px; color:#89777b; font-size:10px; }
.station-progress-panel[b-8plrs9tfol] { display:grid; grid-template-columns:190px minmax(0,1fr); gap:22px; align-items:center; padding:17px 20px; border:1px solid #e8dcde; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(57,36,40,.05); }
.station-progress-copy[b-8plrs9tfol] { display:grid; grid-template-columns:1fr auto; align-items:end; gap:3px 10px; padding-right:20px; border-right:1px solid #eee5e6; }
.station-progress-copy>span[b-8plrs9tfol] { color:#9b8589; font-size:9px; font-weight:850; letter-spacing:.7px; text-transform:uppercase; }
.station-progress-copy>strong[b-8plrs9tfol] { grid-row:1/3; grid-column:2; color:#1f6956; font-size:29px; line-height:1; }
.station-progress-copy>small[b-8plrs9tfol] { color:#6f5d61; font-size:10px; }
.station-progress-main[b-8plrs9tfol] { display:grid; gap:11px; }
.station-progress-track[b-8plrs9tfol] { display:block; overflow:hidden; height:10px; border-radius:999px; background:#eee5e6; }
.station-progress-track i[b-8plrs9tfol] { display:block; max-width:100%; height:100%; border-radius:inherit; transition:width .25s ease; }
.station-progress-track.progress-starting i[b-8plrs9tfol] { background:linear-gradient(90deg,#c9141b,#ef3d44); }
.station-progress-track.progress-warning i[b-8plrs9tfol] { background:linear-gradient(90deg,#e17b12,#f2a429); }
.station-progress-track.progress-complete i[b-8plrs9tfol] { background:linear-gradient(90deg,#16865f,#28ad7b); }
.station-next-task[b-8plrs9tfol] { display:flex; align-items:center; gap:10px; min-width:0; }
.station-next-task>span[b-8plrs9tfol] { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:10px; color:#1f6956; background:#eaf6f2; }
.station-next-task>div[b-8plrs9tfol] { min-width:0; flex:1; }
.station-next-task small[b-8plrs9tfol],.station-next-task strong[b-8plrs9tfol] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.station-next-task small[b-8plrs9tfol] { color:#a08b8f; font-size:8px; font-weight:850; letter-spacing:.5px; text-transform:uppercase; }
.station-next-task strong[b-8plrs9tfol] { margin-top:2px; color:#413135; font-size:11px; }
.station-next-task em[b-8plrs9tfol] { padding:5px 8px; border-radius:999px; color:#8e5b0c; background:#fff3df; font-size:9px; font-style:normal; font-weight:800; white-space:nowrap; }
.station-control[b-8plrs9tfol] { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border:1px solid #e5d8da; border-radius:18px; background:linear-gradient(135deg,#38292c,#2c2023); box-shadow:0 14px 34px rgba(47,28,32,.14); }
.station-control.running[b-8plrs9tfol] { border-color:#b7dfd1; background:linear-gradient(135deg,#173d34,#205447); box-shadow:0 14px 34px rgba(23,92,72,.16); }
.station-control>div:first-child[b-8plrs9tfol] { display:flex; align-items:center; gap:12px; color:#fff; }
.station-control strong[b-8plrs9tfol],.station-control small[b-8plrs9tfol],.station-control em[b-8plrs9tfol] { display:block; }
.station-control strong[b-8plrs9tfol] { margin-top:2px; font-size:24px; line-height:1; font-variant-numeric:tabular-nums; }
.station-control small[b-8plrs9tfol] { color:#d9cbcd; font-size:8px; font-weight:850; letter-spacing:.7px; }
.station-control em[b-8plrs9tfol] { margin-top:6px; color:#cbbfc1; font-size:10px; font-style:normal; }
.station-pulse[b-8plrs9tfol] { width:13px; height:13px; border-radius:50%; background:#a99599; }
.station-pulse.active[b-8plrs9tfol] { background:#39d796; box-shadow:0 0 0 6px rgba(57,215,150,.14); }
.station-buttons[b-8plrs9tfol] { display:flex; gap:8px; }
.station-buttons button[b-8plrs9tfol] { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:46px; padding:0 16px; border:0; border-radius:12px; font:inherit; font-size:11px; font-weight:850; cursor:pointer; }
.station-buttons button:disabled[b-8plrs9tfol] { cursor:not-allowed; opacity:.35; }
.station-buttons .start[b-8plrs9tfol] { color:#fff; background:#218561; }
.station-buttons .pause[b-8plrs9tfol] { color:#fff; background:#c87e12; }
.station-buttons .manager-back[b-8plrs9tfol] { color:#174e40; background:#e5f4ef; }
.station-buttons .leave[b-8plrs9tfol] { color:#1b5f49; background:#e9f8f2; }
.station-buttons .finish[b-8plrs9tfol] { color:#3d2c30; background:#fff; }
.station-attention[b-8plrs9tfol] { display:grid; grid-template-columns:minmax(220px, .7fr) minmax(0, 1.3fr); gap:16px; align-items:center; padding:14px 16px; border:1px solid #f0d29d; border-radius:16px; background:#fffaf0; }
.station-attention-title[b-8plrs9tfol] { display:flex; align-items:center; gap:10px; }
.station-attention-title>span[b-8plrs9tfol] { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; color:#a86408; background:#ffedc9; }
.station-attention-title strong[b-8plrs9tfol],.station-attention-title small[b-8plrs9tfol] { display:block; }
.station-attention-title small[b-8plrs9tfol] { margin-top:2px; color:#916d3f; font-size:9px; }
.station-attention-list[b-8plrs9tfol] { display:flex; flex-wrap:wrap; gap:7px; }
.station-attention-list>span[b-8plrs9tfol] { display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 10px; border:1px solid #f0d7aa; border-radius:10px; color:#704c20; background:#fff; font-size:9px; font-weight:800; }
.station-notes[b-8plrs9tfol] { padding:12px 16px 3px; border:1px solid #eadfe1; border-radius:16px; background:#fff; }
 .station-tabs-shell[b-8plrs9tfol] { overflow:hidden; border:1px solid #eadfe1; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(57,36,40,.05); }
[b-8plrs9tfol] .station-tabs .mud-tabs-tabbar { padding:0 12px; border-bottom:1px solid #eee5e6; background:#fbf7f8; }
[b-8plrs9tfol] .station-tabs .mud-tab { min-height:52px; font-size:11px; font-weight:800; }
[b-8plrs9tfol] .station-tab-panels { padding:0 !important; }
.station-manager-banner[b-8plrs9tfol] { display:flex; align-items:center; gap:12px; padding:13px 15px; border:1px solid #bcded3; border-radius:15px; background:linear-gradient(135deg,#edf9f5,#f8fcfa); }
.station-manager-banner>span[b-8plrs9tfol] { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border-radius:12px; color:#fff; background:#287562; }
.station-manager-banner>div[b-8plrs9tfol] { min-width:0; flex:1; }
.station-manager-banner small[b-8plrs9tfol],.station-manager-banner strong[b-8plrs9tfol],.station-manager-banner em[b-8plrs9tfol] { display:block; }
.station-manager-banner small[b-8plrs9tfol] { color:#287562; font-size:8px; font-weight:900; letter-spacing:.8px; }
.station-manager-banner strong[b-8plrs9tfol] { margin-top:2px; color:#263d37; font-size:13px; }
.station-manager-banner em[b-8plrs9tfol] { margin-top:2px; color:#71827d; font-size:9px; font-style:normal; }
.station-manager-banner button[b-8plrs9tfol] { display:inline-flex; align-items:center; gap:6px; min-height:38px; padding:0 13px; border:0; border-radius:10px; color:#fff; background:#287562; font:inherit; font-size:9px; font-weight:850; cursor:pointer; }
@media(max-width:1150px){ .station-context[b-8plrs9tfol] { grid-template-columns:repeat(2,minmax(0,1fr)); } .station-context-actions[b-8plrs9tfol] { grid-column:1/-1; grid-template-columns:1fr 1fr; } }
@media(max-width:900px){ .station-hero[b-8plrs9tfol],.station-control[b-8plrs9tfol] { align-items:stretch; flex-direction:column; } .station-flags[b-8plrs9tfol] { justify-content:flex-start; } .station-metrics[b-8plrs9tfol] { grid-template-columns:1fr 1fr; } .station-progress-panel[b-8plrs9tfol],.station-attention[b-8plrs9tfol] { grid-template-columns:1fr; } .station-progress-copy[b-8plrs9tfol] { padding-right:0; padding-bottom:14px; border-right:0; border-bottom:1px solid #eee5e6; } .station-buttons[b-8plrs9tfol] { width:100%; flex-wrap:wrap; } .station-buttons button[b-8plrs9tfol] { flex:1; } }
@media(max-width:560px){ .station-context[b-8plrs9tfol] { grid-template-columns:1fr; } .station-context-actions[b-8plrs9tfol] { grid-column:auto; grid-template-columns:1fr; } .station-metrics[b-8plrs9tfol] { grid-template-columns:1fr; } .station-buttons[b-8plrs9tfol] { flex-direction:column; } }

/* Command centre: keeps the most-used workshop actions visible and calm. */
.station-page[b-8plrs9tfol] {
    gap: 14px;
}

.station-command-header[b-8plrs9tfol] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.station-command-header > div:first-child[b-8plrs9tfol] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.station-command-header > div:first-child > a[b-8plrs9tfol],
.station-header-actions a[b-8plrs9tfol],
.station-header-actions button[b-8plrs9tfol] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #dedfe2;
    border-radius: 11px;
    color: #38434a;
    background: #fff;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.station-command-header > div:first-child > span[b-8plrs9tfol] {
    overflow: hidden;
    color: #7a8388;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.station-header-actions[b-8plrs9tfol] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.station-header-actions .leave-running[b-8plrs9tfol] {
    border-color: #b5e1d2;
    color: #126247;
    background: #effaf6;
}

.station-header-actions .report[b-8plrs9tfol] {
    color: #9f252b;
    background: #fff8f8;
}

.station-header-actions button:disabled[b-8plrs9tfol] {
    cursor: not-allowed;
    opacity: .48;
}

.station-overview[b-8plrs9tfol] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 20px 22px;
    border: 1px solid #e1e3e5;
    border-radius: 20px;
    background:
        radial-gradient(circle at 94% 15%, rgba(30, 128, 94, .08), transparent 210px),
        #fff;
    box-shadow: 0 10px 28px rgba(44, 52, 57, .06);
}

.station-identity[b-8plrs9tfol] {
    display: flex;
    align-items: center;
    gap: 17px;
    min-width: 0;
}

.station-logo[b-8plrs9tfol] {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 78px;
    width: 78px;
    height: 78px;
    overflow: hidden;
    border: 1px solid #e2e5e7;
    border-radius: 19px;
    background: #f6f8f9;
    cursor: pointer;
}

.station-logo img[b-8plrs9tfol] {
    position: relative;
    z-index: 1;
    width: 56px;
    height: 56px;
    background: #f6f8f9;
    object-fit: contain;
}

.station-logo .fallback-icon[b-8plrs9tfol] {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    fill: #64767f;
    color: #6a7b83;
}

.station-logo.fallback .fallback-icon[b-8plrs9tfol] {
    display: block;
}

.station-identity-copy[b-8plrs9tfol] {
    min-width: 0;
}

.station-kicker[b-8plrs9tfol] {
    color: #1f6956;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.station-identity h1[b-8plrs9tfol] {
    margin: 3px 0 0;
    color: #20282d;
    font-size: clamp(28px, 3vw, 40px);
    letter-spacing: 1.2px;
    line-height: 1;
}

.station-identity p[b-8plrs9tfol] {
    margin: 6px 0 0;
    color: #6e777c;
    font-size: 13px;
}

.station-flags[b-8plrs9tfol] {
    justify-content: flex-start;
    margin-top: 10px;
}

.station-flags span[b-8plrs9tfol] {
    min-height: 28px;
    padding: 0 9px;
    font-size: 8px;
    cursor: default;
}

.station-flags .workflow[b-8plrs9tfol] {
    border-color: #d6e4e0;
    color: #275e4d;
    background: #edf7f3;
}

.station-overview-status[b-8plrs9tfol] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 220px;
}

.station-overview-status > small[b-8plrs9tfol] {
    color: #92999d;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .9px;
}

.station-overview-status > strong[b-8plrs9tfol] {
    margin-top: 4px;
    color: #263137;
    font-size: 18px;
}

.station-overview-status > span[b-8plrs9tfol] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    color: #806f73;
    font-size: 10px;
    font-weight: 750;
}

.station-overview-status > span i[b-8plrs9tfol] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #aca4a6;
}

.station-overview-status > span.online[b-8plrs9tfol] {
    color: #167052;
}

.station-overview-status > span.online i[b-8plrs9tfol],
.station-overview-status > span.complete i[b-8plrs9tfol] {
    background: #22a577;
    box-shadow: 0 0 0 4px rgba(34, 165, 119, .12);
}

.station-overview-status .deliver[b-8plrs9tfol] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    margin-top: 12px;
    padding: 0 13px;
    border: 0;
    border-radius: 11px;
    color: #fff;
    background: #24785e;
    font: inherit;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.station-workspace[b-8plrs9tfol] {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
    gap: 12px;
}

.station-control[b-8plrs9tfol] {
    min-height: 220px;
    padding: 22px;
    border-color: #303d44;
    border-radius: 20px;
    background:
        radial-gradient(circle at 90% 12%, rgba(255,255,255,.08), transparent 180px),
        linear-gradient(135deg, #253138, #182126);
    box-shadow: 0 12px 30px rgba(28, 38, 43, .14);
}

.station-control.running[b-8plrs9tfol] {
    border-color: #197657;
    background:
        radial-gradient(circle at 90% 12%, rgba(75,220,164,.12), transparent 180px),
        linear-gradient(135deg, #173d34, #205447);
}

.station-control-copy[b-8plrs9tfol] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.station-control strong[b-8plrs9tfol] {
    margin-top: 7px;
    font-size: clamp(31px, 4vw, 46px);
}

.station-control small[b-8plrs9tfol] {
    color: #bfc8cc;
    font-size: 9px;
    letter-spacing: 1px;
}

.station-control em[b-8plrs9tfol] {
    margin-top: 9px;
    color: #aeb9bd;
    font-size: 10px;
}

.station-buttons[b-8plrs9tfol] {
    align-self: flex-end;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.station-buttons button[b-8plrs9tfol] {
    min-height: 43px;
    padding: 0 14px;
    font-size: 10px;
}

.station-buttons .start[b-8plrs9tfol] {
    background: #21936a;
}

.station-buttons .pause[b-8plrs9tfol] {
    background: #c88420;
}

.station-buttons .send-closure[b-8plrs9tfol] {
    color: #fff;
    background: #405f70;
}

.station-buttons .finish[b-8plrs9tfol] {
    color: #334047;
    background: #f2f5f6;
}

.station-buttons .closure-queue-link[b-8plrs9tfol] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 43px;
    padding: 0 14px;
    border: 1px solid #9fd5c0;
    border-radius: 12px;
    color: #17664a;
    background: #eaf8f2;
    font-size: 11px;
    font-weight: 850;
    text-decoration: none;
}

.station-progress-panel[b-8plrs9tfol] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 20px;
    border-color: #e1e4e6;
    border-radius: 20px;
    box-shadow: none;
}

.station-progress-heading[b-8plrs9tfol] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.station-progress-heading > div[b-8plrs9tfol] {
    display: flex;
    align-items: flex-end;
    gap: 9px;
}

.station-progress-heading small[b-8plrs9tfol] {
    padding-bottom: 4px;
    color: #818b90;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
}

.station-progress-heading strong[b-8plrs9tfol] {
    color: #263239;
    font-size: 28px;
    line-height: 1;
}

.station-progress-heading > span[b-8plrs9tfol] {
    color: #778187;
    font-size: 9px;
}

.station-progress-track[b-8plrs9tfol] {
    height: 9px;
    background: #e9edef;
}

.station-next-task[b-8plrs9tfol] {
    min-height: 56px;
    padding: 10px;
    border: 1px solid #e7e9eb;
    border-radius: 13px;
    background: #f8fafb;
}

.station-next-task > span[b-8plrs9tfol] {
    color: #55676f;
    background: #e8edef;
}

.station-next-task strong[b-8plrs9tfol] {
    font-size: 10px;
}

.station-progress-stats[b-8plrs9tfol] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: auto;
}

.station-progress-stats > div[b-8plrs9tfol] {
    min-width: 0;
    padding: 9px 10px;
    border-radius: 11px;
    background: #f4f6f7;
}

.station-progress-stats small[b-8plrs9tfol],
.station-progress-stats strong[b-8plrs9tfol] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.station-progress-stats small[b-8plrs9tfol] {
    color: #899298;
    font-size: 8px;
}

.station-progress-stats strong[b-8plrs9tfol] {
    margin-top: 3px;
    color: #35434a;
    font-size: 12px;
}

.station-progress-stats .alert[b-8plrs9tfol] {
    background: #fff3df;
}

.station-progress-stats .alert strong[b-8plrs9tfol] {
    color: #9a5d0d;
}

.station-context[b-8plrs9tfol] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 8px;
    border-color: #e1e4e6;
    background: #f5f7f8;
}

.station-context-item[b-8plrs9tfol] {
    min-height: 62px;
}

.station-context-item > span[b-8plrs9tfol] {
    color: #596c75;
    background: #eaf0f2;
}

.station-context-item strong[b-8plrs9tfol] {
    font-size: 10px;
}

.station-attention[b-8plrs9tfol] {
    border-color: #efd7aa;
    background: #fffbf3;
}

.station-notes[b-8plrs9tfol] {
    border-color: #e1e4e6;
}

@media (max-width: 1100px) {
    .station-command-header[b-8plrs9tfol],
    .station-overview[b-8plrs9tfol] {
        align-items: stretch;
        flex-direction: column;
    }

    .station-header-actions[b-8plrs9tfol] {
        justify-content: flex-start;
    }

    .station-overview-status[b-8plrs9tfol] {
        align-items: flex-start;
        min-width: 0;
        padding-top: 14px;
        border-top: 1px solid #e8eaeb;
    }

    .station-workspace[b-8plrs9tfol] {
        grid-template-columns: 1fr;
    }

    .station-control[b-8plrs9tfol] {
        min-height: 185px;
    }
}

@media (max-width: 760px) {
    .station-header-actions a[b-8plrs9tfol],
    .station-header-actions button[b-8plrs9tfol] {
        flex: 1 1 auto;
    }

    .station-overview[b-8plrs9tfol] {
        padding: 16px;
    }

    .station-logo[b-8plrs9tfol] {
        flex-basis: 64px;
        width: 64px;
        height: 64px;
    }

    .station-logo img[b-8plrs9tfol] {
        width: 46px;
        height: 46px;
    }

    .station-control[b-8plrs9tfol] {
        align-items: stretch;
        flex-direction: column;
    }

    .station-buttons[b-8plrs9tfol] {
        justify-content: stretch;
        width: 100%;
    }

    .station-buttons button[b-8plrs9tfol] {
        flex: 1 1 130px;
    }

    .station-context[b-8plrs9tfol] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .station-command-header > div:first-child[b-8plrs9tfol] {
        align-items: flex-start;
        flex-direction: column;
    }

    .station-identity[b-8plrs9tfol] {
        align-items: flex-start;
    }

    .station-progress-stats[b-8plrs9tfol],
    .station-context[b-8plrs9tfol] {
        grid-template-columns: 1fr;
    }
}
/* /Components/WorkTrackingPanel.razor.rz.scp.css */
.tracking-panel[b-x74le3bui5] { display:grid; grid-template-columns:auto minmax(260px,1fr) auto auto; align-items:center; gap:16px; margin:14px 0; padding:17px 18px; border:1px solid #cfe2dc; border-radius:17px; background:linear-gradient(115deg,#f2faf7 0%,#f7fbfc 70%,#eef8f5 100%); box-shadow:0 10px 26px rgba(30,91,76,.06); }
.tracking-panel-icon[b-x74le3bui5] { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; color:#fff; background:linear-gradient(135deg,#22735f,#2d8297); }
.tracking-panel-copy small[b-x74le3bui5],.tracking-panel-copy strong[b-x74le3bui5],.tracking-panel-copy p[b-x74le3bui5] { display:block; margin:0; }
.tracking-panel-copy small[b-x74le3bui5] { color:#27715f; font-size:9px; font-weight:900; letter-spacing:1.2px; }
.tracking-panel-copy strong[b-x74le3bui5] { margin-top:2px; color:#263b35; font-size:16px; }
.tracking-panel-copy p[b-x74le3bui5] { margin-top:3px; color:#71827d; font-size:10px; }
.tracking-create[b-x74le3bui5],.tracking-actions button[b-x74le3bui5],.tracking-actions a[b-x74le3bui5] { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:0 13px; border:1px solid #bcd8cf; border-radius:11px; color:#176b5b; background:#fff; font:inherit; font-size:10px; font-weight:850; text-decoration:none; cursor:pointer; }
.tracking-create[b-x74le3bui5] { color:#fff; border-color:#21735f; background:#21735f; }
.tracking-code-box[b-x74le3bui5] { min-width:190px; padding:9px 13px; border:1px solid #c8dfd8; border-radius:11px; background:#fff; }
.tracking-code-box small[b-x74le3bui5],.tracking-code-box strong[b-x74le3bui5] { display:block; }
.tracking-code-box small[b-x74le3bui5] { color:#789087; font-size:8px; font-weight:900; letter-spacing:1px; }
.tracking-code-box strong[b-x74le3bui5] { margin-top:2px; color:#176b5b; font-size:14px; letter-spacing:1px; }
.tracking-actions[b-x74le3bui5] { display:flex; align-items:center; gap:6px; }
.tracking-actions button:not(.send)[b-x74le3bui5],.tracking-actions a[b-x74le3bui5] { width:40px; padding:0; }
.tracking-actions .send[b-x74le3bui5] { color:#fff; border-color:#21735f; background:#21735f; }
@media(max-width:1000px){.tracking-panel[b-x74le3bui5]{grid-template-columns:auto 1fr}.tracking-code-box[b-x74le3bui5],.tracking-actions[b-x74le3bui5]{grid-column:2}.tracking-actions[b-x74le3bui5]{flex-wrap:wrap}}
@media(max-width:600px){.tracking-panel[b-x74le3bui5]{grid-template-columns:1fr}.tracking-panel-icon[b-x74le3bui5],.tracking-panel-copy[b-x74le3bui5],.tracking-code-box[b-x74le3bui5],.tracking-actions[b-x74le3bui5]{grid-column:1}.tracking-actions[b-x74le3bui5]{align-items:stretch}.tracking-actions .send[b-x74le3bui5]{flex:1}}