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

/* _content/Palmeo.Ops/Components/Booking/BookingForm.razor.rz.scp.css */
html[b-39hlm8fdwj], body[b-39hlm8fdwj] {
    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-39hlm8fdwj], .row[b-39hlm8fdwj], .col-12[b-39hlm8fdwj], .client-card[b-39hlm8fdwj] {
    height: auto !important; /* let them size naturally */
}

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

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

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

/* Form controls (inputs, selects, textareas) */
.form-control[b-39hlm8fdwj], .form-select[b-39hlm8fdwj] {
    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-39hlm8fdwj] {
    min-height: 60px !important;          /*  remarks box */
    font-size: 1rem;
}

/* Buttons */
.btn[b-39hlm8fdwj] {
    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-39hlm8fdwj] {
    font-size: 0.95rem;                   /*  bigger text */
    padding: 0.5rem 0.75rem;              /*  more padding */
}

/* Selected client box */
.selected-client-box[b-39hlm8fdwj] {
    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-39hlm8fdwj] {
    font-weight: 600;
    font-size: 1.1rem;           /*  bigger text */
    flex: 1;
    white-space: normal;         /* allow full name */
}

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

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

/*loading*/
.loading-overlay[b-39hlm8fdwj] {
    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-39hlm8fdwj] {
    width: 70px;
    height: 70px;
    border: 6px solid rgba(0, 0, 0, 0.2);
    border-top-color: #198754;
    border-radius: 50%;
    animation: spin-b-39hlm8fdwj 1s linear infinite;
}

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


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

@media (min-width: 641px) {

}
/* _content/Palmeo.Ops/Features/Console/Dashboard.razor.rz.scp.css */
/* ===============================
   🌿 PALMEO OPS - ORDERS DASHBOARD THEME
   Green & White Modern Style
   =============================== */

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

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

/* ===============================
   HEADER BAR
   =============================== */
.header-bar[b-rg8tknpz3j] {
    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-rg8tknpz3j] {
    color: #1d8b4d;
    font-weight: 700;
    font-size: 1.6rem;
}

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

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

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

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

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

/* ===============================
   SUMMARY BAR
   =============================== */
.summary-bar[b-rg8tknpz3j] {
    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-rg8tknpz3j] {
    text-align: center;
    min-width: 120px;
}

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

/* ===============================
   TABLES
   =============================== */
.orders-table[b-rg8tknpz3j] {
    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[b-rg8tknpz3j] {
    background-color: #e6f5ec;
}

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

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

.orders-table tr:hover[b-rg8tknpz3j] {
    background-color: #f4fbf6;
}

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

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

button[b-rg8tknpz3j] {
    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-rg8tknpz3j] {
    background-color: #1d8b4d;
    color: #fff;
}

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

.segmented[b-rg8tknpz3j] {
    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-rg8tknpz3j] {
    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-rg8tknpz3j] { background: #eaf6ef; }
.segmented .icon-btn:active[b-rg8tknpz3j] { transform: translateY(1px); }

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

.btn.ghost[b-rg8tknpz3j] {
    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-rg8tknpz3j] { background: #eaf6ef; border-color: #8fceb0; }
.btn.ghost:disabled[b-rg8tknpz3j] { opacity: .55; pointer-events: none; }

.btn.solid[b-rg8tknpz3j] {
    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-rg8tknpz3j] { background: #157a3f; box-shadow: 0 2px 8px rgba(21,122,63,.18); }

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

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




/* ===============================
   NO ORDERS / PLACEHOLDER
   =============================== */
.no-orders[b-rg8tknpz3j] {
    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-rg8tknpz3j] {
    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-rg8tknpz3j] {
    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-rg8tknpz3j 0.2s ease-in-out;
    position: relative;
    max-height: 90vh;
}

.modal-header[b-rg8tknpz3j] {
    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-rg8tknpz3j] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

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

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


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

.modal-body input[b-rg8tknpz3j],
.modal-body textarea[b-rg8tknpz3j] {
    width: 100%;
    border: 1px solid #cde6d4;
    border-radius: 5px;
    padding: 0.5rem;
    margin-bottom: 0.75rem;
}

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

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

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



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

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

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

.summary-card[b-rg8tknpz3j] {
    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-rg8tknpz3j] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Icon side */
.summary-card .icon[b-rg8tknpz3j] {
    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-rg8tknpz3j] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

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

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

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

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

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

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



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

/* ===============================
   TABLES (Auto-fit within container)
   =============================== */
.orders-table[b-rg8tknpz3j] {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    word-wrap: break-word;
    white-space: normal;
    table-layout: auto; /* ✅ Allow flexible column widths */
}

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

.orders-table th[b-rg8tknpz3j],
.orders-table td[b-rg8tknpz3j] {
    padding: 0.6rem 0.8rem;
    text-align: center;
    font-size: 0.9rem;
    border-bottom: 1px solid #f0f5f2;
    vertical-align: middle;
    word-break: break-word;
}

.orders-table thead[b-rg8tknpz3j] {
    background-color: #e6f5ec;
}

.orders-table th[b-rg8tknpz3j] {
    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)[b-rg8tknpz3j],
.orders-table td:nth-child(1)[b-rg8tknpz3j] { width: 10%; }  /* Book Time */

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

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

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

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

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

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

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

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

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

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


/* ✅ Wider columns for text-heavy data */
.orders-table th:nth-child(2)[b-rg8tknpz3j],
.orders-table td:nth-child(2)[b-rg8tknpz3j],
.orders-table th:nth-child(3)[b-rg8tknpz3j],
.orders-table td:nth-child(3)[b-rg8tknpz3j],
.orders-table th:nth-child(6)[b-rg8tknpz3j],
.orders-table td:nth-child(6)[b-rg8tknpz3j],
.orders-table th:nth-child(7)[b-rg8tknpz3j],
.orders-table td:nth-child(7)[b-rg8tknpz3j] {
    width: 12%;
    white-space: normal;
}

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


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

.orders-table thead[b-rg8tknpz3j] {
    background-color: #e6f5ec;
}

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

.orders-table td[b-rg8tknpz3j] {
    overflow-wrap: break-word;
    word-break: break-word;
}


.orders-table tr:hover[b-rg8tknpz3j] {
    background-color: #f4fbf6;
}

/* Adjust spacing for smaller screens */
@media (max-width: 992px) {
    .orders-table th[b-rg8tknpz3j],
    .orders-table td[b-rg8tknpz3j] {
        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-rg8tknpz3j] {
    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-rg8tknpz3j] {
    padding: 0;
}

/* Keep header hidden for Edit Booking modal */
.modal-window.modal-wide .modal-header[b-rg8tknpz3j] {
    display: none;
}
.close-btn[b-rg8tknpz3j] {
    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-rg8tknpz3j] {
    color: #d1ffd9; /* subtle hover tint */
}



/*TOAST*/
.toast-spot[b-rg8tknpz3j] {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9999;
}
.toast-box[b-rg8tknpz3j] {
    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-rg8tknpz3j] { background: #f59f00; }   /* amber */
.toast-info[b-rg8tknpz3j] { background: #0ea5e9; }   /* sky */
.toast-success[b-rg8tknpz3j] { background: #22c55e; }/* green */
.toast-error[b-rg8tknpz3j] { background: #ef4444; }  /* red */


/* _content/Palmeo.Ops/Features/Console/Index.razor.rz.scp.css */
.toolbar[b-qr5bv699pc] {
    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-qr5bv699pc] {
    width: 100%;
}

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

.client-grid div[b-mmo69wr9rb] {
    padding: 6px;
}
/* _content/Palmeo.Ops/Features/Console/Transport.razor.rz.scp.css */
.orders[b-lgl57sart3] {
    width: 100%;
}

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

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

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

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

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

/* Totals strip */
.totals-strip[b-jflkfy5xgp]{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-jflkfy5xgp]{color:#444;font-size:12px;margin-right:6px;}

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

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

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

/* FundReview.loading.css */
.loading-overlay[b-jflkfy5xgp] {
    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-jflkfy5xgp] {
    width: 54px;
    height: 54px;
    border: 4px solid #e5e7eb;
    border-top-color: #2a7ade;
    border-radius: 50%;
    animation: spin-b-jflkfy5xgp 0.9s linear infinite;
}

@keyframes spin-b-jflkfy5xgp { to { transform: rotate(360deg); } }
/* _content/Palmeo.Ops/Features/Expense/Index.razor.rz.scp.css */
.toolbar[b-g8xwgwilmp] {
    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-g8xwgwilmp] {

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

/* Fullscreen overlay */
.kpi-overlay[b-b7w973tx18] {
    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-b7w973tx18] {
    width: 50px;
    height: 50px;
    border: 6px solid #e0e0e0;      /* light ring */
    border-top-color: #3b82f6;       /* blue ring */
    border-radius: 50%;
    animation: kpi-spin-b-b7w973tx18 1s linear infinite;
}

/* Spin animation */
@keyframes kpi-spin-b-b7w973tx18 {
    to { transform: rotate(360deg); }
}
.kpi-filter-info[b-b7w973tx18] {
    margin: 10px 0;
    font-weight: 500;   /* medium bold */
    color: #333;        /* dark gray text */
    font-size: 14px;
}
/* _content/Palmeo.Ops/Features/Overview/Index.razor.rz.scp.css */
.overview[b-10cu90fam6] {
    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;
    }
}
/* _content/Palmeo.Ops/Features/Payout/Payout.razor.rz.scp.css */
/* === Payout Summary CSS === */

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

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

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

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

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

/* Input styling inside table cells */
.summary-table td input[type="number"][b-ck2em8hqtk],
.summary-table td input[type="text"][b-ck2em8hqtk] {
    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-ck2em8hqtk] {
    border-color: red;
}

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

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

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

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

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

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

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

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

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

.btn-done[b-ck2em8hqtk] {
    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-ck2em8hqtk] {
    background-color: #3e8e41;
}

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

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

/* === Custom Modal === */
.modal-overlay[b-ck2em8hqtk] {
    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-ck2em8hqtk] {
    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-ck2em8hqtk] {
    margin-top: 16px;
    display: flex;
    justify-content: space-around;
    gap: 12px;
}

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

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

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

/* === Loading Spinner Overlay === */
.loading-overlay[b-ck2em8hqtk] {
    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-ck2em8hqtk] {
    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-ck2em8hqtk 0.9s linear infinite;
    margin-bottom: 8px;
}

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

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

.input-error[b-ck2em8hqtk] { border: 2px solid red !important; background-color: #ffecec; }
.error-row[b-ck2em8hqtk]   { background-color: #fff2f2; }
td.neg[b-ck2em8hqtk]       { color: #b00020; font-weight: 600; }
/* _content/Palmeo.Ops/Features/Reports/AgentComm.razor.rz.scp.css */
.report[b-t718ctc5yc] {
    text-align: right;

}

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

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

.stats[b-yfoqqetcn8] {
    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;
    }
}
/* _content/Palmeo.Ops/Features/Reports/ProfitDaily.razor.rz.scp.css */
.report[b-tuk340fgaj] {
    text-align: right;

}

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

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

}

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

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

}

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

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

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

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

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

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

.nav-tabs .nav-link[b-pliu5lanfo] {
    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-pliu5lanfo] {
    background-color: #f6fff8;
    border-color: #dee2e6 #dee2e6 #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Each list item */
.client-item[b-pliu5lanfo] {
    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-pliu5lanfo] {
    background-color: #f6fff8; /* subtle green hover */
}

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

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


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

.selected-option[b-pliu5lanfo] {
    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-pliu5lanfo] {
    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-pliu5lanfo] {
    padding: 0.4rem 0.6rem;
    transition: background 0.15s;
}

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

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

/*loading*/
.loading-overlay[b-pliu5lanfo] {
    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-pliu5lanfo 0.3s ease forwards;
}

.loading-spinner[b-pliu5lanfo] {
    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-pliu5lanfo 0.9s linear infinite;
}

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

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





/* _content/Palmeo.Ops/Features/SearchClient/CreateClient.razor.rz.scp.css */
/* Floating label tweaks */
.form-floating > label[b-imjy252b8t] {
    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-imjy252b8t],
.form-floating > .form-control:not(:placeholder-shown) ~ label[b-imjy252b8t],
.form-floating > .form-select:focus ~ label[b-imjy252b8t],
.form-floating > .form-select:not([value=""]) ~ label[b-imjy252b8t] {
    color: #28a745; /* green when active */
    font-size: 0.85rem;
    transform: translateY(-0.4rem) scale(0.95);
}

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

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


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

/*loading*/
.loading-overlay[b-imjy252b8t] {
    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-imjy252b8t] {
    opacity: 0;
}

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

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


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

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

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

/* Each list item */
.client-item[b-w7oibpt42a] {
    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-w7oibpt42a] {
    background-color: #f6fff8; /* subtle greenish hover */
}

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

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

/*loading*/
.loading-overlay[b-w7oibpt42a] {
    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-w7oibpt42a] {
    width: 70px;
    height: 70px;
    border: 6px solid rgba(0,0,0,0.2);
    border-top-color: #198754;
    border-radius: 50%;
    animation: spin-b-w7oibpt42a 1s linear infinite;
}

@keyframes spin-b-w7oibpt42a {
    to { transform: rotate(360deg); }
}
/* _content/Palmeo.Ops/Features/Timeline/Index.razor.rz.scp.css */
.toolbar[b-gd3wgfspbx] {
    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-gd3wgfspbx] {
    display: grid;
    grid-template-columns: 60px auto;
    border: 1px solid lightgray;
    position: relative;
}

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

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

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

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

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

.chart-item[b-gd3wgfspbx] {
    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-gd3wgfspbx] {
    text-align: center;
    height: 38px;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 1px;
}

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

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

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

.order-fixed[b-gd3wgfspbx] {
    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-gd3wgfspbx] {
    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;
    }
}