@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/Booking/BookingForm.razor.rz.scp.css */
html[b-be79fdj1f3], body[b-be79fdj1f3] {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px; /*  base font size (was 14px) */
}

/* Container and card take full width/height of viewport */
.container-fluid[b-be79fdj1f3], .row[b-be79fdj1f3], .col-12[b-be79fdj1f3], .client-card[b-be79fdj1f3] {
    height: auto !important; /* let them size naturally */
}

/* Card */
.client-card[b-be79fdj1f3] {
    display: flex;
    flex-direction: column;
    font-size: 1rem; /*  general text inside card */
}
.client-card .card-header[b-be79fdj1f3] {
    padding: 0.8rem 1rem;   /*  more padding */
    font-size: 1.25rem;     /*  larger header text */
}
.client-card .card-body[b-be79fdj1f3] {
    padding: 1rem;          /*  more padding inside */
    flex: unset;
    overflow-y: visible;
}

/* Headings inside */
.card-body h5[b-be79fdj1f3] {
    font-size: 1.1rem;      /*  section titles */
    margin: 0.6rem 0;
}

/* Form labels */
.form-label[b-be79fdj1f3] {
    font-size: 0.95rem;     /*  bigger labels */
    margin-bottom: 0.4rem;
    color: #000000;
}

/* Form controls (inputs, selects, textareas) */
.form-control[b-be79fdj1f3], .form-select[b-be79fdj1f3] {
    font-size: 1rem !important;           /*  bigger input text */
    padding: 0.5rem 0.75rem !important;   /*  taller inputs */
    height: 2.5rem !important;            /*  taller input box */
    line-height: 1.4 !important;
}
textarea.form-control[b-be79fdj1f3] {
    min-height: 60px !important;          /*  remarks box */
    font-size: 1rem;
}

/* Buttons */
.btn[b-be79fdj1f3] {
    font-size: 0.95rem !important;        /*  button text */
    padding: 0.5rem 1rem !important;      /*  bigger buttons */
    height: auto !important;
    line-height: 1.4;
    border-radius: 6px;                   /*  softer corners */
}

/* List group items (client search results) */
.list-group-item[b-be79fdj1f3] {
    font-size: 0.95rem;                   /*  bigger text */
    padding: 0.5rem 0.75rem;              /*  more padding */
}

/* Selected client box */
.selected-client-box[b-be79fdj1f3] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    background-color: #f8f9fa;   /* same as bg-light */
    border: 1px solid #ced4da;   /* border */
    border-radius: 0.25rem;      /* rounded corners */
    padding: 0.6rem 1rem;        /*  bigger padding */
    min-height: 2.5rem;          /*  taller box */

    position: relative;          /* needed for btn-close absolute positioning */
}

.selected-client-box .client-name[b-be79fdj1f3] {
    font-weight: 600;
    font-size: 1.1rem;           /*  bigger text */
    flex: 1;
    white-space: normal;         /* allow full name */
}

/* Step cards */
.card.border-success-subtle[b-be79fdj1f3] {
    padding: 0.6rem;             /*  more breathing room */
    margin-bottom: 0.8rem;
}

/* Compact spacing between sections (less compact now) */
.mb-3[b-be79fdj1f3], .mt-4[b-be79fdj1f3], .mb-4[b-be79fdj1f3], .mt-2[b-be79fdj1f3], .mb-2[b-be79fdj1f3] {
    margin-bottom: 0.8rem !important;
    margin-top: 0.8rem !important;
}

/*loading*/
.loading-overlay[b-be79fdj1f3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(6px);
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20000;
    transition: opacity 0.4s ease;
}

.loading-spinner[b-be79fdj1f3] {
    width: 70px;
    height: 70px;
    border: 6px solid rgba(0, 0, 0, 0.2);
    border-top-color: #198754;
    border-radius: 50%;
    animation: spin-b-be79fdj1f3 1s linear infinite;
}

@keyframes spin-b-be79fdj1f3 {
    to { transform: rotate(360deg); }
}


/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ufg8whup1v] {
    margin-top: 10px;
    width: 100%;
}

@media (min-width: 641px) {

}
/* /Components/Pages/DraftOrdersTable.razor.rz.scp.css */
/* ===== Draft Orders container ===== */
.draft-orders[b-thzw3fnca5] {
    border: 1px solid #cfe2ff;
    overflow: hidden;
    background-color: #fff;
}

/* ===== Header bar ===== */
.draft-orders .draft-header[b-thzw3fnca5] {
    background-color: #0d4ea3;
    color: #fff;
    font-weight: 600;
    padding: 10px 14px;
    font-size: 16px;
}

/* ===== Table base ===== */
.draft-orders table[b-thzw3fnca5] {
    width: 100% !important;        /* fill container */
    table-layout: auto;            /* let content size columns */
}

/* ===== Column headers ===== */
.draft-orders thead th[b-thzw3fnca5] {
    padding: 6px 8px;              /* tighter like legacy */
}

.draft-orders thead th:last-child[b-thzw3fnca5] {
    border-right: none;
}

/* ===== Body cells ===== */
.draft-orders tbody td[b-thzw3fnca5] {
    padding: 6px 8px;
}

.draft-orders tbody td:last-child[b-thzw3fnca5] {
    border-right: none;
}

/* ===== Hover ===== */
.draft-orders tbody tr:hover[b-thzw3fnca5] {
    background-color: #f4f8ff;
}

/* ===== Customer text ===== */
.draft-customer[b-thzw3fnca5] {
    color: #198754;
    font-weight: 500;
}

/* ===== Status ===== */
.status-drafted[b-thzw3fnca5] {
    font-weight: 700;
    color: #000;
}

/* ===== Button ===== */
/*.draft-orders .btn-outline-primary {*/
/*    border-color: #198754;*/
/*    color: #198754;*/
/*}*/

/*.draft-orders .btn-outline-primary:hover {*/
/*    background-color: #198754;*/
/*    color: #fff;*/
/*}*/

/* ===== Loading / empty ===== */
.draft-loading[b-thzw3fnca5] {
    padding: 16px;
    text-align: center;
    color: #6c757d;
}
/* /Components/Pages/OrdersTable.razor.rz.scp.css */
/* /Features/Console/Dashboard.razor.rz.scp.css */
/* ===============================
   🌿 PALMEO OPS - ORDERS DASHBOARD THEME
   Green & White Modern Style
   =============================== */

/* Base layout */
body[b-t5cda0ij4n] {
    background-color: #f7fdf9;
    color: #212529;
    font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 0;
}

/* Container spacing */
.container-fluid[b-t5cda0ij4n] {
    padding: 1rem 2rem;
}

/* ===============================
   HEADER BAR
   =============================== */
.header-bar[b-t5cda0ij4n] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e2f0e7;
}

.header-left h2[b-t5cda0ij4n] {
    color: #1d8b4d;
    font-weight: 700;
    font-size: 1.6rem;
}

.header-right[b-t5cda0ij4n] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.branch-select[b-t5cda0ij4n],
.date-input[b-t5cda0ij4n],
.btn-refresh[b-t5cda0ij4n] {
    padding: 0.4rem 0.75rem;
    border: 1px solid #c7e0cf;
    border-radius: 6px;
    background-color: #fff;
    transition: all 0.2s ease;
}

.branch-select:focus[b-t5cda0ij4n],
.date-input:focus[b-t5cda0ij4n] {
    outline: none;
    border-color: #1d8b4d;
    box-shadow: 0 0 0 2px rgba(29, 139, 77, 0.2);
}

.btn-refresh[b-t5cda0ij4n] {
    background-color: #1d8b4d;
    color: #fff;
    cursor: pointer;
    border: none;
    font-weight: 500;
}

.btn-refresh:hover[b-t5cda0ij4n] {
    background-color: #157a3f;
}

/* ===============================
   SUMMARY BAR
   =============================== */
.summary-bar[b-t5cda0ij4n] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background-color: #fff;
    border: 1px solid #e3f2ea;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-bottom: 1.5rem;
}

.summary-bar div[b-t5cda0ij4n] {
    text-align: center;
    min-width: 120px;
}

.summary-bar strong[b-t5cda0ij4n] {
    color: #1d8b4d;
    font-size: 1.25rem;
}

/* ===============================
   TABLES
   =============================== */
/*.orders-table {*/
/*    width: 100%;*/
/*    border-collapse: collapse;*/
/*    background-color: #fff;*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 2px 6px rgba(0,0,0,0.05);*/
/*}*/

/*.orders-table thead {*/
/*    background-color: #e6f5ec;*/
/*}*/

/*.orders-table th {*/
/*    padding: 0.75rem;*/
/*    text-align: center;*/
/*    color: #146b38;*/
/*    font-weight: 600;*/
/*    font-size: 0.9rem;*/
/*    border-bottom: 1px solid #d2e8d8;*/
/*}*/

/*.orders-table td {*/
/*    padding: 0.6rem;*/
/*    text-align: center;*/
/*    border-bottom: 1px solid #f0f5f2;*/
/*    font-size: 0.9rem;*/
/*}*/

/*.orders-table tr:hover {*/
/*    background-color: #f4fbf6;*/
/*}*/

/* ===============================
   LINKS AND BUTTONS
   =============================== */
a[b-t5cda0ij4n] {
    color: #1d8b4d;
    text-decoration: none;
    font-weight: 500;
}

a:hover[b-t5cda0ij4n] {
    text-decoration: underline;
}

button[b-t5cda0ij4n] {
    border: 1px solid #1d8b4d;
    background-color: #fff;
    color: #1d8b4d;
    border-radius: 5px;
    padding: 0.3rem 0.7rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500;
}

button:hover[b-t5cda0ij4n] {
    background-color: #1d8b4d;
    color: #fff;
}

/* --- Modern date toolbar --- */
.date-toolbar[b-t5cda0ij4n] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.segmented[b-t5cda0ij4n] {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #c7e0cf;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.segmented .icon-btn[b-t5cda0ij4n] {
    border: 0;
    background: transparent;
    color: #1d8b4d;
    padding: .45rem .6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease, transform .05s ease;
}
.segmented .icon-btn:hover[b-t5cda0ij4n] { background: #eaf6ef; }
.segmented .icon-btn:active[b-t5cda0ij4n] { transform: translateY(1px); }

.date-input.flat[b-t5cda0ij4n] {
    border: 0;
    outline: none;
    padding: .45rem .4rem;
    min-width: 170px;
    font: inherit;
    color: #212529;
}
.date-input.flat:focus[b-t5cda0ij4n] { box-shadow: none; }
.date-input.flat[b-t5cda0ij4n]::-webkit-calendar-picker-indicator { opacity: .8; }

.btn.ghost[b-t5cda0ij4n] {
    border: 1px solid #c7e0cf;
    background: #fff;
    color: #1d8b4d;
    border-radius: 10px;
    padding: .45rem .7rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.btn.ghost:hover[b-t5cda0ij4n] { background: #eaf6ef; border-color: #8fceb0; }
.btn.ghost:disabled[b-t5cda0ij4n] { opacity: .55; pointer-events: none; }

.btn.solid[b-t5cda0ij4n] {
    border: 1px solid #1d8b4d;
    background: #1d8b4d;
    color: #fff;
    border-radius: 10px;
    padding: .45rem .7rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-weight: 600;
    transition: background .15s ease, box-shadow .15s ease;
}
.btn.solid:hover[b-t5cda0ij4n] { background: #157a3f; box-shadow: 0 2px 8px rgba(21,122,63,.18); }

.header-right .branch-select[b-t5cda0ij4n] {
    height: 36px;
    border-radius: 10px;
}

/* Compact labels on very small screens: show icons only */
@media (max-width: 520px) {
    .btn-label[b-t5cda0ij4n] { display: none; }
}




/* ===============================
   NO ORDERS / PLACEHOLDER
   =============================== */
.no-orders[b-t5cda0ij4n] {
    text-align: center;
    color: #6c757d;
    background-color: #fff;
    border: 1px solid #e8efe9;
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* ===============================
   MODALS
   =============================== */
.modal-backdrop[b-t5cda0ij4n] {
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.modal-window[b-t5cda0ij4n] {
    background-color: #fff;
    border-radius: 10px;
    width: 400px;
    max-width: 95%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    animation: fadeIn-b-t5cda0ij4n 0.2s ease-in-out;
    position: relative;
    max-height: 90vh;
}

.modal-header[b-t5cda0ij4n] {
    display: flex;
    justify-content: center; /* centers title horizontally */
    align-items: center;     /* aligns title + X vertically */
    background-color: #1d8b4d;
    color: #fff;
    padding: 0.75rem 1rem;
    border-radius: 10px 10px 0 0;
    position: sticky;
    top: 0;
    z-index: 2;
}


.modal-header h5[b-t5cda0ij4n] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.modal-header button[b-t5cda0ij4n] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1.1rem;
    cursor: pointer;
}

.modal-body[b-t5cda0ij4n] {
    padding: 1rem;
    color: #333;
    max-height: calc(90vh - 56px); 
    overflow: auto;
}
.modal-body input[type="datetime-local"][b-t5cda0ij4n] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #cde6d4;
    border-radius: 6px;
    font-size: 0.9rem;
    margin-top: 0.25rem;
}


.modal-body label[b-t5cda0ij4n] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.modal-body input:not([type="checkbox"]):not([type="radio"])[b-t5cda0ij4n],
.modal-body textarea[b-t5cda0ij4n] {
    width: 100%;
    border: 1px solid #cde6d4;
    border-radius: 5px;
    padding: 0.5rem;
    margin-bottom: 0.75rem;
}

.modal-body input:focus[b-t5cda0ij4n],
.modal-body textarea:focus[b-t5cda0ij4n] {
    outline: none;
    border-color: #1d8b4d;
    box-shadow: 0 0 0 2px rgba(29, 139, 77, 0.2);
}

.modal-actions[b-t5cda0ij4n] {
    text-align: right;
}

.modal-actions button[b-t5cda0ij4n] {
    margin-left: 0.5rem;
}



/* ===============================
   BRANCH TABLE WRAPPER
   =============================== */
.status-table[b-t5cda0ij4n] {
    width: 100%;
    margin-bottom: 1.5rem;
    border-radius: 10px;
    border: 1px solid #d8ecd9;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Drafted */
.status-table.status-draft .status-header[b-t5cda0ij4n] {
    background-color: #0f4fa1 !important;
}

/* Waiting / Working */
.status-table.status-waiting .status-header[b-t5cda0ij4n] {
    background-color: #FF7878 !important;
}

/* Done / Cancelled */
.status-table.status-done .status-header[b-t5cda0ij4n] {
    background-color: #B5B5B5 !important;
}

.status-header[b-t5cda0ij4n] {
    width: 100%;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 0.75rem 1rem;
    background-color: #1d8b4d;
    color: #fff;
}

.status-table.status-draft .status-header .status-body[b-t5cda0ij4n]{
    background-color: #0f4fa1;
    color: #fff;
}

.status-table.status-waiting .status-header .status-body[b-t5cda0ij4n]{
    background-color: #FF7878;
    color: #fff;
}

/* Done / Cancelled */
.status-table.status-done .status-header .status-body[b-t5cda0ij4n]{
    background-color: #B5B5B5;
    color: #fff;
}

.table[b-t5cda0ij4n] {
    width: auto;
    max-width: 100%;
}

.table td.wrap[b-t5cda0ij4n] {
    white-space: normal;
    overflow-wrap: break-word;
}

.table td.text-nowrap[b-t5cda0ij4n],
.table th.text-nowrap[b-t5cda0ij4n] {
    white-space: nowrap !important;
}

/* Default (New) */
.status-table thead th[b-t5cda0ij4n] {
    background-color: #d9efe3;
    color: #000;
}

/* Drafted */
.status-table.status-draft thead th[b-t5cda0ij4n] {
    background-color: #a9caf5;
    color: #000;
}

/* Waiting / Working */
.status-table.status-waiting thead th[b-t5cda0ij4n] {
    background-color: #ffd6d6;
    color: #000;
}

/* Done / Cancelled */
.status-table.status-done thead th[b-t5cda0ij4n] {
    background-color: #e2e2e2;
    color: #000;
}


/*.orders-table {*/
/*    table-layout: fixed;*/
/*    width: 100%;*/
/*    font-size: 0.9rem;*/
/*}*/

/*.orders-table th,*/
/*.orders-table td {*/
/*   */
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    padding: 0.4rem 0.5rem;*/
/*}*/

/* Modern Summary Grid */
.summary-grid[b-t5cda0ij4n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-t5cda0ij4n] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e1efe5;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.summary-card:hover[b-t5cda0ij4n] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Icon side */
.summary-card .icon[b-t5cda0ij4n] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #fff;
}

/* Text side */
.summary-card .info[b-t5cda0ij4n] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.summary-card .label[b-t5cda0ij4n] {
    color: #6c757d;
    font-size: 0.9rem;
    font-weight: 500;
}

.summary-card .value[b-t5cda0ij4n] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1d8b4d;
    line-height: 1.1;
}

.summary-card .time[b-t5cda0ij4n] {
    color: #3c7d54;
    font-size: 0.95rem;
    font-weight: 600;
}

/* Themed icons per type */
.summary-card.total .icon[b-t5cda0ij4n] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
}
.summary-card.ongoing .icon[b-t5cda0ij4n] {
    background: linear-gradient(135deg, #f1c40f, #e67e22);
}
.summary-card.done .icon[b-t5cda0ij4n] {
    background: linear-gradient(135deg, #00b894, #09814a);
}
.summary-card.remaining .icon[b-t5cda0ij4n] {
    background: linear-gradient(135deg, #74b9ff, #0984e3);
}
.summary-card.cancelled .icon[b-t5cda0ij4n] {
    background: linear-gradient(135deg, #ff7675, #d63031);
}

/* Responsive */
@media (max-width: 600px) {
    .summary-card[b-t5cda0ij4n] {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .summary-card .icon[b-t5cda0ij4n] {
        width: 40px;
        height: 40px;
        font-size: 1.3rem;
        margin-bottom: 0.3rem;
    }
}



/* ===============================
   ANIMATIONS
   =============================== */
@keyframes fadeIn-b-t5cda0ij4n {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===============================
   TABLES (Auto-fit within container)
   =============================== */
/*.orders-table {*/
/*    width: 100%;*/
/*    border-collapse: collapse;*/
/*    background-color: #fff;*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 2px 6px rgba(0,0,0,0.05);*/
/*}*/

/*.orders-table tr:hover td { box-shadow: inset 0 -1px 0 #eaf3ee; background: #f8fcfa; }*/
/*@media (prefers-reduced-motion: reduce) {*/
/*    * { animation: none !important; transition: none !important; }*/
/*}*/

/*.orders-table th,*/
/*.orders-table td {*/
/*    padding: 0.6rem 0.8rem;*/
/*    text-align: center;*/
/*    font-size: 0.9rem;*/
/*    border-bottom: 1px solid #f0f5f2;*/
/*    vertical-align: middle;*/
/*}*/

/*.orders-table thead {*/
/*    background-color: #e6f5ec;*/
/*}*/

/*.orders-table th {*/
/*    color: #146b38;*/
/*    font-weight: 600;*/
/*    border-bottom: 1px solid #d2e8d8;*/
/*}*/

/* Narrow cols to give space to text-heavy ones */
/*.orders-table th:nth-child(1),*/
/*.orders-table td:nth-child(1) { width: 10%; }  !* Book Time *!*/

/*.orders-table th:nth-child(2),*/
/*.orders-table td:nth-child(2) { width: 9%; }   !* Book Code *!*/

/*.orders-table th:nth-child(4),*/
/*.orders-table td:nth-child(4) { width: 10%; }  !* Agent *!*/

/*.orders-table th:nth-child(6),*/
/*.orders-table td:nth-child(6) { width: 7%; }   !* Duration *!*/

/*.orders-table th:nth-child(7),*/
/*.orders-table td:nth-child(7) { width: 7%; }   !* Price *!*/

/*.orders-table th:nth-child(9),*/
/*.orders-table td:nth-child(9),*/
/*.orders-table th:nth-child(10),*/
/*.orders-table td:nth-child(10) { width: 8%; }  !* Time In/Out *!*/

/*.orders-table th:nth-child(11),*/
/*.orders-table td:nth-child(11),*/
/*.orders-table th:nth-child(12),*/
/*.orders-table td:nth-child(12) { width: 7%; }  !* Status, Paid *!*/

/*.orders-table th:nth-child(13),*/
/*.orders-table td:nth-child(13) { width: 9%; }  !* Actions *!*/

/*!* Wider for text-heavy *!*/
/*.orders-table th:nth-child(3),*/
/*.orders-table td:nth-child(3) { width: 14%; }  !* Customer *!*/

/*.orders-table th:nth-child(5),*/
/*.orders-table td:nth-child(5) { width: 12%; }  !* Service *!*/

/*.orders-table th:nth-child(8),*/
/*.orders-table td:nth-child(8) { width: 18%; }  !* Location *!*/


/*!* ✅ Wider columns for text-heavy data *!*/
/*.orders-table th:nth-child(2),*/
/*.orders-table td:nth-child(2),*/
/*.orders-table th:nth-child(3),*/
/*.orders-table td:nth-child(3),*/
/*.orders-table th:nth-child(6),*/
/*.orders-table td:nth-child(6),*/
/*.orders-table th:nth-child(7),*/
/*.orders-table td:nth-child(7) {*/
/*    width: 12%;*/
/*  */
/*}*/

/* Responsive adjustment */
/*@media (max-width: 992px) {*/
/*    .orders-table th,*/
/*    .orders-table td {*/
/*        padding: 0.4rem;*/
/*        font-size: 0.8rem;*/
/*    }*/
/*}*/


/*.orders-table th,*/
/*.orders-table td {*/
/*    padding: 0.6rem;*/
/*    text-align: center;*/
/*    font-size: 0.9rem;*/
/*    border-bottom: 1px solid #f0f5f2;*/
/*    vertical-align: middle;*/
/*}*/

/*.orders-table thead {*/
/*    background-color: #e6f5ec;*/
/*}*/

/*.orders-table th {*/
/*    color: #146b38;*/
/*    font-weight: 600;*/
/*    font-size: 0.9rem;*/
/*    border-bottom: 1px solid #d2e8d8;*/
/*}*/

/*.orders-table td {*/
/*   */
/*}*/


/*.orders-table tr:hover {*/
/*    background-color: #f4fbf6;*/
/*}*/

/*!* Adjust spacing for smaller screens *!*/
/*@media (max-width: 992px) {*/
/*    .orders-table th,*/
/*    .orders-table td {*/
/*        padding: 0.4rem;*/
/*        font-size: 0.8rem;*/
/*    }*/
/*}*/

/*edit modal*/
/* Widen only the Edit Booking modal */
/* Make Edit Booking modal (only) borderless & flush */
.modal-window.modal-wide[b-t5cda0ij4n] {
    width: min(1300px, 95vw);
    max-width: 95vw;
    background: none !important;       /* remove the white background */
    box-shadow: none !important;       /* remove shadow */
    border: none !important;
    padding: 0;
}

/* Let BookingForm handle its own box & padding */
.modal-window.modal-wide .modal-body[b-t5cda0ij4n] {
    padding: 0;
}

/* Keep header hidden for Edit Booking modal */
.modal-window.modal-wide .modal-header[b-t5cda0ij4n] {
    display: none;
}
.close-btn[b-t5cda0ij4n] {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); /* ✅ perfectly center vertically */
    border: none;
    background: transparent;
    font-size: 1.4rem;
    cursor: pointer;
    color: #fff;
    line-height: 1;
    z-index: 3;
    padding: 0;
}

.close-btn:hover[b-t5cda0ij4n] {
    color: #d1ffd9; /* subtle hover tint */
}



/*TOAST*/
.toast-spot[b-t5cda0ij4n] {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9999;
}
.toast-box[b-t5cda0ij4n] {
    padding: .75rem 1rem;
    border-radius: .5rem;
    box-shadow: 0 6px 22px rgba(0,0,0,.18);
    color: #fff;
    font-weight: 600;
    max-width: 360px;
}
.toast-warn[b-t5cda0ij4n] { background: #f59f00; }   /* amber */
.toast-info[b-t5cda0ij4n] { background: #0ea5e9; }   /* sky */
.toast-success[b-t5cda0ij4n] { background: #22c55e; }/* green */
.toast-error[b-t5cda0ij4n] { background: #ef4444; }  /* red */

/*!* RESET bootstrap header styling *!*/
/*.status-table table thead th {*/
/*    box-shadow: none !important;*/
/*}*/
/* /Features/Console/DashboardV2.razor.rz.scp.css */
/* /Features/Console/Index.razor.rz.scp.css */
.toolbar[b-zdy9dsv30e] {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    width: 100%;
    margin-bottom: 8px;
    
    div {
        white-space: nowrap;
        width: max-content;
        height: min-content;
    }
}

.orders[b-zdy9dsv30e] {
    width: 100%;
}

/* /Features/Console/NewOrder.razor.rz.scp.css */
.client-grid[b-5dnilrmxh0] {
    display: grid;
    width: 50%;
    border: 1px solid gray;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
}

.client-grid div[b-5dnilrmxh0] {
    padding: 6px;
}
/* /Features/Console/Transport.razor.rz.scp.css */
.orders[b-6bjdgjie6m] {
    width: 100%;
}

.orders th[b-6bjdgjie6m],
.orders td[b-6bjdgjie6m] {
    text-align: center;
    padding: 2px;
    vertical-align: middle;
    border: 1px solid black;
}

.toolbar[b-6bjdgjie6m] {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.toolbar div[b-6bjdgjie6m] {
    width: min-content;
    margin-right: 10px;
    flex-wrap: nowrap;
}

.address[b-6bjdgjie6m] {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Features/DTR/DTR.razor.rz.scp.css */
/* /Features/Expense/FundReview.razor.rz.scp.css */

/* Toolbar */
.toolbar[b-pk1p1cu8tc]{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:12px;}
.field label[b-pk1p1cu8tc]{display:block;font-size:12px;color:#333;margin-bottom:4px;}
.btns[b-pk1p1cu8tc]{display:flex;gap:8px;}
.btn[b-pk1p1cu8tc]{padding:6px 12px;border:1px solid #ccc;background:#f6f6f6;border-radius:4px;cursor:pointer;}
.btn:hover[b-pk1p1cu8tc]{background:#eee;}
.btn:active[b-pk1p1cu8tc]{transform:translateY(1px);}
.btn.btn-primary[b-pk1p1cu8tc]{background:#2a7ade;color:#fff;border-color:#2a7ade;}

/* Totals strip */
.totals-strip[b-pk1p1cu8tc]{display:flex;gap:18px;align-items:center;padding:8px 12px;margin:8px 0 10px;background:#f8f9fb;border:1px solid #e7e7e7;border-radius:6px;}
.totals-strip span[b-pk1p1cu8tc]{color:#444;font-size:12px;margin-right:6px;}

/* KPIs */
.kpis[b-pk1p1cu8tc]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px;}
.kpi[b-pk1p1cu8tc]{border:1px solid #e5e5e5;padding:10px 12px;border-radius:4px;background:#fff;}
.kpi .label[b-pk1p1cu8tc]{font-size:12px;color:#555;}
.kpi .value[b-pk1p1cu8tc]{font-weight:700;font-size:14px;}

/* Panels / Tables */
.panels[b-pk1p1cu8tc]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
.panel[b-pk1p1cu8tc]{background:#fff;border:1px solid #e5e5e5;border-radius:4px;}
.panel .panel-title[b-pk1p1cu8tc]{padding:10px 12px;border-bottom:1px solid #eee;font-weight:600;}
.panel.span-2[b-pk1p1cu8tc]{grid-column:span 2;}
.tbl[b-pk1p1cu8tc]{width:100%;border-collapse:collapse;}
.tbl th[b-pk1p1cu8tc],.tbl td[b-pk1p1cu8tc]{padding:8px 10px;border-bottom:1px solid #f0f0f0;text-align:left;}
.tbl thead th[b-pk1p1cu8tc]{border-bottom:1px solid #ddd;}
.tfoot-strong td[b-pk1p1cu8tc]{border-top:2px solid #ccc;font-weight:600;}
.ta-right[b-pk1p1cu8tc]{text-align:right;}
.muted[b-pk1p1cu8tc]{color:#777;}
.alert-error[b-pk1p1cu8tc]{color:#b00020;margin-bottom:10px;}

/* Responsive */
@media (max-width:1100px){
    .kpis[b-pk1p1cu8tc]{grid-template-columns:repeat(3,1fr);}
    .panels[b-pk1p1cu8tc]{grid-template-columns:1fr;}
    .panel.span-2[b-pk1p1cu8tc]{grid-column:span 1;}
}
.btn-green[b-pk1p1cu8tc] {
    background: #28a745;
    color: #fff;
    border: 1px solid #28a745;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}
.btn-green:hover[b-pk1p1cu8tc] { filter: brightness(0.95); }
.btn-green:disabled[b-pk1p1cu8tc] { opacity: .6; cursor: not-allowed; }

/* FundReview.loading.css */
.loading-overlay[b-pk1p1cu8tc] {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(2px);
}

.spinner[b-pk1p1cu8tc] {
    width: 54px;
    height: 54px;
    border: 4px solid #e5e7eb;
    border-top-color: #2a7ade;
    border-radius: 50%;
    animation: spin-b-pk1p1cu8tc 0.9s linear infinite;
}

@keyframes spin-b-pk1p1cu8tc { to { transform: rotate(360deg); } }
/* /Features/Expense/Index.razor.rz.scp.css */
.toolbar[b-ltvt3ph58h] {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    gap: 10px;
    margin-bottom: 8px;

    div{
        white-space: nowrap;
        width: max-content;
        height: min-content;
    }
}

.expenses[b-ltvt3ph58h] {

}
/* /Features/KPI/KPI.razor.rz.scp.css */
.kpi-inputs[b-avdqn081qg] {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 18px;
}
.kpi-inputs label[b-avdqn081qg] {
    font-weight: 500;
}
.kpi-inputs input[b-avdqn081qg],
.kpi-inputs select[b-avdqn081qg] {
    padding: 4px 8px;
    border: 1px solid #bbb;
    border-radius: 4px;
    font-size: 1rem;
}
.kpi-btn[b-avdqn081qg] {
    padding: 5px 16px;
    border: none;
    border-radius: 4px;
    background: #2375cf;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.kpi-btn:hover[b-avdqn081qg] {
    background: #1c589c;
}
.kpi-table[b-avdqn081qg] {
    width: 100%;
    border-collapse: collapse;
    background: #f9fbfd;
    font-size: 1rem;
    margin-top: 14px;
}
.kpi-table th[b-avdqn081qg],
.kpi-table td[b-avdqn081qg] {
    padding: 8px 12px;
    border-bottom: 1px solid #e1e6ea;
}
.kpi-table th[b-avdqn081qg] {
    background: #eaf2fb;
    text-align: left;
    color: #264060;
}
.kpi-table tr:last-child td[b-avdqn081qg] {
    border-bottom: none;
}
.kpi-table tr:hover[b-avdqn081qg] {
    background: #f4f8fc;
}
.kpi-muted[b-avdqn081qg] {
    color: #888;
    margin-top: 18px;
}
@media (max-width: 900px) {
    .kpi-inputs[b-avdqn081qg] { gap: 7px; }
    .kpi-table th[b-avdqn081qg], .kpi-table td[b-avdqn081qg] { padding: 6px 4px; font-size: 0.95rem; }
}

/* Fullscreen overlay */
.kpi-overlay[b-avdqn081qg] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6); /* semi-transparent white */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* The spinner circle */
.kpi-spinner[b-avdqn081qg] {
    width: 50px;
    height: 50px;
    border: 6px solid #e0e0e0;      /* light ring */
    border-top-color: #3b82f6;       /* blue ring */
    border-radius: 50%;
    animation: kpi-spin-b-avdqn081qg 1s linear infinite;
}

/* Spin animation */
@keyframes kpi-spin-b-avdqn081qg {
    to { transform: rotate(360deg); }
}
.kpi-filter-info[b-avdqn081qg] {
    margin: 10px 0;
    font-weight: 500;   /* medium bold */
    color: #333;        /* dark gray text */
    font-size: 14px;
}
/* /Features/Overview/Index.razor.rz.scp.css */
.overview[b-0rsbvrwpof] {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    width: 100%;
    
    div {
        width: 450px;
        border-radius: 8px;
        padding: 15px 20px 15px 20px;
        border: 1px solid lightgray;
    }
}
/* /Features/Payout/Payout.razor.rz.scp.css */
/* === Payout Summary CSS === */

.summary-table[b-rapaah2oiu] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
    font-size: 14px;
}

.summary-table th[b-rapaah2oiu] {
    text-align: center;
}

.summary-table td[b-rapaah2oiu] {
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
    text-align: right;
}

/* All body rows normal weight */
.summary-table tbody td[b-rapaah2oiu] {
    font-weight: normal;
}

/* Left-align specific columns */
.summary-table th:nth-child(1)[b-rapaah2oiu],
.summary-table td:nth-child(1)[b-rapaah2oiu],
.summary-table th:nth-child(2)[b-rapaah2oiu],
.summary-table td:nth-child(2)[b-rapaah2oiu],
.summary-table th:nth-child(8)[b-rapaah2oiu],
.summary-table td:nth-child(8)[b-rapaah2oiu] {
    text-align: left;
}

/* Input styling inside table cells */
.summary-table td input[type="number"][b-rapaah2oiu],
.summary-table td input[type="text"][b-rapaah2oiu] {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 6px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Highlight invalid numeric fields */
.summary-table td input[type="number"]:invalid[b-rapaah2oiu] {
    border-color: red;
}

/* Footer totals row - only numeric columns bold */
.summary-table tfoot td[b-rapaah2oiu] {
    text-align: right;
    font-weight: normal; /* reset all cells */
}

.summary-table tfoot td:nth-child(n+3):nth-child(-n+10)[b-rapaah2oiu] {
    font-weight: bold; /* numeric columns bold */
}

.summary-table tfoot td:first-child[b-rapaah2oiu],
.summary-table tfoot td:nth-child(2)[b-rapaah2oiu] {
    text-align: left;
}

/* === Date Range Section === */
.date-range[b-rapaah2oiu] {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-size: 14px;
}

.date-range label[b-rapaah2oiu] {
    font-weight: bold;
    margin-right: 4px;
}

.date-range input[type="number"][b-rapaah2oiu],
.date-range select[b-rapaah2oiu],
.date-range input[type="date"][b-rapaah2oiu] {
    padding: 4px 6px;
    font-size: 14px;
    min-width: 100px;
}

input[type="text"][b-rapaah2oiu],
input[type="number"][b-rapaah2oiu] {
    width: 90px;
    text-align: right;
}

input[type="text"][b-rapaah2oiu] {
    width: 150px;
    text-align: left;
}

/* === Buttons === */
.btn-container[b-rapaah2oiu] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.btn-done[b-rapaah2oiu] {
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    background-color: #4CAF50;
    border: none;
    color: white;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
}

.btn-done:hover[b-rapaah2oiu] {
    background-color: #3e8e41;
}

em[b-rapaah2oiu] {
    color: #888;
}

.error-row[b-rapaah2oiu] {
    background-color: #ffe0e0;
}

/* === Custom Modal === */
.modal-overlay[b-rapaah2oiu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.confirm-modal[b-rapaah2oiu] {
    background-color: #fff;
    padding: 20px 24px;
    border-radius: 8px;
    width: 320px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    text-align: center;
    font-size: 15px;
}

.modal-buttons[b-rapaah2oiu] {
    margin-top: 16px;
    display: flex;
    justify-content: space-around;
    gap: 12px;
}

.btn-confirm[b-rapaah2oiu],
.btn-cancel[b-rapaah2oiu] {
    width: 100px;
    padding: 6px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.btn-confirm[b-rapaah2oiu] {
    background-color: #4CAF50;
    color: white;
}

.btn-cancel[b-rapaah2oiu] {
    background-color: #ccc;
    color: #333;
}

/* === Loading Spinner Overlay === */
.loading-overlay[b-rapaah2oiu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.spinner[b-rapaah2oiu] {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0,0,0,0.15);
    border-top-color: rgba(0,0,0,0.6);
    border-radius: 50%;
    animation: spin-b-rapaah2oiu 0.9s linear infinite;
    margin-bottom: 8px;
}

.loading-text[b-rapaah2oiu] {
    font-size: 14px;
    color: #444;
    font-weight: bold;
}

@keyframes spin-b-rapaah2oiu {
    to { transform: rotate(360deg); }
}

.input-error[b-rapaah2oiu] { border: 2px solid red !important; background-color: #ffecec; }
.error-row[b-rapaah2oiu]   { background-color: #fff2f2; }
td.neg[b-rapaah2oiu]       { color: #b00020; font-weight: 600; }
/* /Features/Reconcilation/Reconciliation.razor.rz.scp.css */
.title[b-0sk9axbbze] {
    margin-bottom: 12px;
}

/* ================= FILTERS ================= */
.filters[b-0sk9axbbze] {
    display: flex;
    gap: 20px;
    margin-bottom: 16px;
}

.filters label[b-0sk9axbbze] {
    display: block;
    font-size: 0.85rem;
    color: #555;
}

.filters select[b-0sk9axbbze],
.filters input[b-0sk9axbbze] {
    padding: 6px 8px;
}

/* ================= HEADER (BOSS REQUIREMENT) ================= */
.recon-header[b-0sk9axbbze] {
    margin-bottom: 16px;
    padding: 12px 16px;
    border: 1px solid #ddd;
    background: #fafafa;
}

.recon-header-main[b-0sk9axbbze] {
    font-size: 1.05rem;
    margin-bottom: 8px;
}

.recon-header-info[b-0sk9axbbze] {
    display: flex;
    gap: 32px;
}

.recon-header-info div span[b-0sk9axbbze] {
    display: block;
    font-size: 0.8rem;
    color: #555;
}

.recon-header-info div strong[b-0sk9axbbze] {
    font-size: 1.1rem;
}

/* ================= TABLE ================= */
.recon[b-0sk9axbbze] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
}

.recon th[b-0sk9axbbze],
.recon td[b-0sk9axbbze] {
    padding: 8px;
    border-bottom: 1px solid #ddd;
}

.recon th[b-0sk9axbbze] {
    background: #f6f6f6;
    text-align: left;
}

.recon .num[b-0sk9axbbze] {
    text-align: right;
}

.recon tr.locked[b-0sk9axbbze] {
    background: #f9f9f9;
    color: #777;
}

.soa-active[b-0sk9axbbze] {
    background-color: #E3F2FD;
}

/* ================= STATUS ================= */
.pending[b-0sk9axbbze] {
    color: #c62828;
    font-weight: 500;
}

.badge[b-0sk9axbbze] {
    background: #777;
    color: white;
    padding: 3px 6px;
    font-size: 0.75rem;
    border-radius: 4px;
}

/* ================= SUMMARY ================= */
.summary[b-0sk9axbbze] {
    display: flex;
    gap: 32px;
    padding: 12px;
    background: #fafafa;
    border: 1px solid #ddd;
    margin-bottom: 16px;
}

.summary div span[b-0sk9axbbze] {
    display: block;
    font-size: 0.85rem;
    color: #555;
}

.summary strong[b-0sk9axbbze] {
    font-size: 1.1rem;
}

.summary .diff strong[b-0sk9axbbze] {
    color: #d32f2f;
}

/* ================= BUTTON ================= */
.confirm[b-0sk9axbbze] {
    padding: 10px 22px;
    background: #2E7D32;
    color: white;
    border: none;
    cursor: pointer;
}

.confirm:disabled[b-0sk9axbbze] {
    background: #bdbdbd;
    cursor: not-allowed;
}

/* ================= MISC ================= */
.muted[b-0sk9axbbze] {
    color: #777;
}

.soa-header[b-0sk9axbbze] {
    padding: 12px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    margin-bottom: 16px;
}

.soa-link[b-0sk9axbbze] {
    color: #1565C0;
    cursor: pointer;
    text-decoration: underline;
}
/* /Features/Reports/AgentComm.razor.rz.scp.css */
.report[b-sv3y4r63ja] {
    text-align: right;

}

.report th[b-sv3y4r63ja],
.report td[b-sv3y4r63ja] {
    text-align: right;
    padding: 2px;
}

.label[b-sv3y4r63ja] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
}
/* /Features/Reports/Index.razor.rz.scp.css */
.toolbar[b-oarmqejgnj] {
    display: grid;
    grid-template-columns: max-content max-content auto;
    width: 100%;
    grid-gap: 10px;
    margin-bottom: 8px;
}

.stats[b-oarmqejgnj] {
    display: grid;
    grid-template-columns: auto max-content max-content max-content max-content max-content auto;
    width: 100%;
    margin-bottom: 6px;

    div {
        padding: 4px 12px 4px 12px;
        vertical-align: middle;
        border: 1px solid lightgray;
        white-space: nowrap;
    }
}
/* /Features/Reports/ProfitDaily.razor.rz.scp.css */
.report[b-4412cgve8u] {
    text-align: right;

}

.report th[b-4412cgve8u],
.report td[b-4412cgve8u] {
    text-align: right;
    padding: 2px;
}

.label[b-4412cgve8u] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
}
/* /Features/Reports/ProfitMonthly.razor.rz.scp.css */
.report[b-by36m5mwfg] {
    text-align: right;

}

.report th[b-by36m5mwfg],
.report td[b-by36m5mwfg] {
    text-align: right;
    padding: 2px;
}

.label[b-by36m5mwfg] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
}
/* /Features/Reports/ProfitYearly.razor.rz.scp.css */
.report[b-7p8kjihca1] {
    text-align: right;

}

.report th[b-7p8kjihca1],
.report td[b-7p8kjihca1] {
    text-align: right;
    padding: 2px;
}

.label[b-7p8kjihca1] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
}
/* /Features/Rosters/Index.razor.rz.scp.css */
.toolbar[b-u8aejh5hns] {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    width: 100%;
    margin-bottom: 8px;

    div {
        white-space: nowrap;
        width: max-content;
        height: min-content;
    }
}
/* /Features/SearchClient/ClientProfile.razor.rz.scp.css */
/* === Client Profile Custom Theme (Green #28a745 + White) === */

/* Card Styling */
.client-card[b-b1jvnusftc] {
    border: 1px solid #28a745;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Header */
.client-card .card-header[b-b1jvnusftc] {
    background-color: #28a745;
    color: #fff;
    font-weight: 600;
}

/* Nav tabs */
.nav-tabs[b-b1jvnusftc] {
    border-bottom: 1px solid #28a745;
}

.nav-tabs .nav-link[b-b1jvnusftc] {
    color: #28a745;
    font-weight: 500;
    border: 1px solid transparent;
    border-radius: 0.375rem 0.375rem 0 0;
    transition: all 0.2s ease-in-out;
}

.nav-tabs .nav-link:hover[b-b1jvnusftc] {
    background-color: #f6fff8;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link.active[b-b1jvnusftc] {
    background-color: #28a745;
    color: #fff !important;
    border: 1px solid #28a745;
    font-weight: 600;
}

/* Buttons */
.btn-success[b-b1jvnusftc] {
    background-color: #28a745;
    border-color: #28a745;
    font-weight: 500;
    color: #fff;
}

.btn-success:hover[b-b1jvnusftc] {
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-outline-success[b-b1jvnusftc] {
    color: #28a745;
    border-color: #28a745;
    font-weight: 500;
}

.btn-outline-success:hover[b-b1jvnusftc] {
    background-color: #28a745;
    color: #fff;
}

/* Tables */
.table thead[b-b1jvnusftc] {
    background-color: #28a745;
    color: #fff;
}

.table-striped tbody tr:nth-of-type(odd)[b-b1jvnusftc] {
    background-color: #f6fff8; /* subtle green tint */
}

/* Alerts */
.alert-danger[b-b1jvnusftc] {
    background-color: #fff5f5;
    color: #842029;
    border: 1px solid #f5c2c7;
}

.alert-success[b-b1jvnusftc] {
    background-color: #f6fff8;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-warning[b-b1jvnusftc] {
    background-color: #fffbea;
    color: #856404;
    border: 1px solid #ffeeba;
}

/* Inputs & form labels */
.form-label[b-b1jvnusftc] {
    font-weight: 500;
    color: #28a745;
}

.form-control:focus[b-b1jvnusftc],
.form-select:focus[b-b1jvnusftc] {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

/* Modal headers */
.modal-header[b-b1jvnusftc] {
    background-color: #28a745;
    color: #fff;
    border-bottom: none;
}

.modal-footer[b-b1jvnusftc] {
    border-top: none;
}

/* Badge styling */
.badge.bg-light.text-success[b-b1jvnusftc] {
    background-color: #e9f7ef !important;
    color: #28a745 !important;
    border: 1px solid #28a745;
}

/* List container */
.client-list[b-b1jvnusftc] {
    max-height: 400px;
    overflow-y: auto;
}

/* Each list item */
.client-item[b-b1jvnusftc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 4px solid #28a745;
    transition: background 0.2s ease-in-out;
    padding: 0.5rem 1rem;
}

.client-item:hover[b-b1jvnusftc] {
    background-color: #f6fff8; /* subtle green hover */
}

.client-item .badge[b-b1jvnusftc] {
    font-size: 0.85rem;
}

/* Google Places Autocomplete dropdown */
.pac-container[b-b1jvnusftc] {
    z-index: 2000 !important;
    border-radius: 0.5rem;
    border: 1px solid #28a745;
}


/*FLAG*/
.country-dropdown[b-b1jvnusftc] {
    position: relative;
    width: 100%;
}

.selected-option[b-b1jvnusftc] {
    border: 1px solid #28a745;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.dropdown-list[b-b1jvnusftc] {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.dropdown-item[b-b1jvnusftc] {
    padding: 0.4rem 0.6rem;
    transition: background 0.15s;
}

.dropdown-item:hover[b-b1jvnusftc] {
    background: #e6f4ea;
}

.input-group-text img[b-b1jvnusftc] {
    display: block;
    width: 24px;
    height: 18px;
    object-fit: cover;
}

/*loading*/
.loading-overlay[b-b1jvnusftc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(6px);
    background-color: rgba(255, 255, 255, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    animation: fadeOut-b-b1jvnusftc 0.3s ease forwards;
}

.loading-spinner[b-b1jvnusftc] {
    width: 70px;
    height: 70px;
    border: 6px solid rgba(0,0,0,0.2);
    border-top-color: #198754; /* Bootstrap green */
    border-radius: 50%;
    animation: spin-b-b1jvnusftc 0.9s linear infinite;
}

@keyframes spin-b-b1jvnusftc {
    to { transform: rotate(360deg); }
}

@keyframes fadeOut-b-b1jvnusftc {
    0% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; visibility: hidden; }
}





/* /Features/SearchClient/CreateClient.razor.rz.scp.css */
/* Floating label tweaks */
.form-floating > label[b-3klz0cmar5] {
    color: #000; /* black by default */
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

/* When input is focused or filled */
.form-floating > .form-control:focus ~ label[b-3klz0cmar5],
.form-floating > .form-control:not(:placeholder-shown) ~ label[b-3klz0cmar5],
.form-floating > .form-select:focus ~ label[b-3klz0cmar5],
.form-floating > .form-select:not([value=""]) ~ label[b-3klz0cmar5] {
    color: #28a745; /* green when active */
    font-size: 0.85rem;
    transform: translateY(-0.4rem) scale(0.95);
}

/* Input box look */
.form-control[b-3klz0cmar5],
.form-select[b-3klz0cmar5] {
    border: 1.5px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-control:focus[b-3klz0cmar5] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}


/* Validation message small text */
.text-danger.small[b-3klz0cmar5] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/*loading*/
.loading-overlay[b-3klz0cmar5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(6px);
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20000;
    transition: opacity 0.4s ease;
}

.loading-overlay.hide[b-3klz0cmar5] {
    opacity: 0;
}

.loading-spinner[b-3klz0cmar5] {
    width: 70px;
    height: 70px;
    border: 6px solid rgba(0,0,0,0.2);
    border-top-color: #198754;
    border-radius: 50%;
    animation: spin-b-3klz0cmar5 1s linear infinite;
}

@keyframes spin-b-3klz0cmar5 { to { transform: rotate(360deg); } }


/* /Features/SearchClient/SearchTab.razor.rz.scp.css */
/* Card Styling */
.client-card[b-4ysiortbav] {
    border: 1px solid #28a745;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Header */
.client-card .card-header[b-4ysiortbav] {
    background-color: #288f40;
    color: #fff;
    font-weight: 600;
}

/* List container */
.client-list[b-4ysiortbav] {
    max-height: 400px;
    overflow-y: auto;
}

/* Each list item */
.client-item[b-4ysiortbav] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 4px solid #28a745;
    transition: background 0.2s ease-in-out;
}

.client-item:hover[b-4ysiortbav] {
    background-color: #f6fff8; /* subtle greenish hover */
}

/* Badge */
.client-item .badge[b-4ysiortbav] {
    font-size: 0.85rem;
}

/* Override alerts to match theme */
.alert-warning[b-4ysiortbav] {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
}

/*loading*/
.loading-overlay[b-4ysiortbav] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(6px);
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20000;
    transition: opacity 0.4s ease;
}

.loading-spinner[b-4ysiortbav] {
    width: 70px;
    height: 70px;
    border: 6px solid rgba(0,0,0,0.2);
    border-top-color: #198754;
    border-radius: 50%;
    animation: spin-b-4ysiortbav 1s linear infinite;
}

@keyframes spin-b-4ysiortbav {
    to { transform: rotate(360deg); }
}
/* /Features/Timeline/Index.razor.rz.scp.css */
.toolbar[b-qrnrut498e] {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    gap: 10px;
    margin-bottom: 8px;
    
    div{
        white-space: nowrap;
        width: max-content;
        height: min-content;
    }
}

.board[b-qrnrut498e] {
    display: grid;
    grid-template-columns: 60px auto;
    border: 1px solid lightgray;
    position: relative;
}

.time-line[b-qrnrut498e] {
    height: 2px;
    background-color: red;
    width: 100%;
    position: absolute;
    margin-top: 60px;
    z-index: 99;
}

.board-item[b-qrnrut498e] {
    border-right: 1px solid lightgray;
}

.board-time[b-qrnrut498e] {
    width: 100%;
    position: absolute;
    font-size: small;
    text-align: right;
    background-color: white;
    padding-right: 4px;
}

.board-title[b-qrnrut498e] {
    text-align: center;
    background-color: white;
    height: 60px;
}

.chart[b-qrnrut498e] {
    display: grid;
    height: 800px;
    overflow-x: scroll;
}

.chart-item[b-qrnrut498e] {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: max-content auto;
    border-right: 1px solid lightgray;
    background-color: white;
    padding-left: 1px;
    padding-right: 1px;
}

.chart-agent[b-qrnrut498e] {
    text-align: center;
    height: 38px;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 1px;
}

.chart-body[b-qrnrut498e] {
    position: relative;
    background-size: 1px 30px;
    background-image: linear-gradient(to bottom, lightgray 1px, transparent 1px);
}

.order[b-qrnrut498e] {
    border: 1px solid gray;
    padding: 0;
    position: absolute;
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
    margin-top: 31px;
}

.order-text[b-qrnrut498e] {
    padding: 2px 4px 2px 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: smaller;
    overflow: hidden;
    text-align: center;
}

.order-fixed[b-qrnrut498e] {
    position: absolute;
    margin-top: 25px;
    z-index: 99;
    width: 100%;
    text-align: center;

    div {
        background-color: white;
        border: 1px solid dimgray;
        border-radius: 4px;
        padding: 1px 1px 1px 1px;
        text-align: center;
        font-size: smaller;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 20px;
        margin: auto;
    }
}

.order-timeout[b-qrnrut498e] {
    margin-top: 12px;
    position: absolute;
    z-index: 99;
    width: 100%;
    text-align: center;
    font-size: smaller;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    span {
        border-radius: 5px;
        background-color: white;
        padding: 1px 4px 1px 4px;
    }
}
/* /Features/Wallet/PrevTransaction.razor.rz.scp.css */