/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ulj9zw27bm] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background:
        radial-gradient(ellipse at 0% 0%, rgba(99,102,241,0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 100% 100%, rgba(16,185,129,0.05) 0%, transparent 50%),
        linear-gradient(160deg, #f8faff 0%, #f1f5f9 50%, #eef2f8 100%);
    background-attachment: fixed;
    padding-top: 52px;
}

main[b-ulj9zw27bm] { flex: 1; overflow-y: auto; }

.content[b-ulj9zw27bm] {
    padding: 0.5rem 1rem 1rem;
}

#blazor-error-ui[b-ulj9zw27bm] {
    background: linear-gradient(90deg, #fff7ed, #fef3c7);
    border-top: 2px solid #fbbf24;
    bottom: 0;
    box-shadow: 0 -4px 20px rgba(251,191,36,0.2);
    display: none;
    left: 0;
    padding: 0.65rem 1.5rem;
    position: fixed;
    width: 100%;
    z-index: 9999;
    color: #92400e;
    font-size: 0.875rem;
    font-weight: 600;
    font-family: 'DM Sans', sans-serif;
}
#blazor-error-ui .dismiss[b-ulj9zw27bm] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1rem;
    opacity: 0.6;
    transition: opacity 0.2s;
}
#blazor-error-ui .dismiss:hover[b-ulj9zw27bm] { opacity: 1; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ── Top Navbar ────────────────────────────────────────────────── */
.top-navbar[b-fedl8un13m] {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #0a1e4d 0%, #1a3a7a 25%, #2d5aa8 50%, #4a3f9f 75%, #6b2d8f 100%) !important;
    backdrop-filter: blur(32px) saturate(2);
    -webkit-backdrop-filter: blur(32px) saturate(2);
    padding: 0 1rem;
    height: 52px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    gap: 0.35rem;
    border-bottom: 1px solid rgba(107,45,143,0.3) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 8px 32px rgba(107,45,143,0.4), 0 1px 3px rgba(0,0,0,0.2) !important;
    width: 100%;
}

/* ── Nav Controls ──────────────────────────────────────────────── */
.nav-controls[b-fedl8un13m] {
    display: flex;
    gap: 0.5rem;
}

.nav-btn[b-fedl8un13m] {
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
    cursor: pointer;
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #ffffff;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    line-height: 1;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.2);
}


/* ── Brand ─────────────────────────────────────────────────────── */
.navbar-brand[b-fedl8un13m] {
    font-size: 18px !important;
    font-weight: 900 !important;
    text-decoration: none;
    letter-spacing: -0.5px;
    color: #ffffff;
    font-family: 'Outfit', sans-serif;
    white-space: nowrap;
    position: relative;
    margin-right: 0.5rem;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
    letter-spacing: 1px;
}
.navbar-brand[b-fedl8un13m]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #ffffff;

}
.navbar-brand:hover[b-fedl8un13m]::after { width: 100%; }

/* ── Nav Links Container ───────────────────────────────────────── */
.nav-links[b-fedl8un13m] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 1;
    overflow: visible;
}

/* ── Dropdown Wrapper ──────────────────────────────────────────── */
.dropdown[b-fedl8un13m] {
    position: relative;
    outline: none;
}

/* ── Chevron ───────────────────────────────────────────────────── */
.chevron[b-fedl8un13m] {
    font-size: 10px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
}
.dropdown.open .chevron[b-fedl8un13m],
.dropdown:focus-within .chevron[b-fedl8un13m] {
    transform: rotate(180deg);
    color: #ffffff;
}

/* ── Nav Icon ──────────────────────────────────────────────────── */
.nav-icon[b-fedl8un13m] {
    font-size: 14px;
    line-height: 1;
    color: #ffffff;
}

/* ── Dropdown Menu ─────────────────────────────────────────────── */
.dropdown-menu[b-fedl8un13m] {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    min-width: 280px;
    background: rgba(255,255,255,0.98);
    backdrop-filter: blur(32px) saturate(2);
    -webkit-backdrop-filter: blur(32px) saturate(2);
    border: 1px solid rgba(99,102,241,0.15);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(107,45,143,0.3), 0 8px 24px rgba(0,0,0,0.1);
    padding: 1rem;
    z-index: 2000;
}

.dropdown.open .dropdown-menu[b-fedl8un13m] {
    display: block;
}

.dropdown-left .dropdown-menu[b-fedl8un13m] {
    left: auto;
    right: 0;
}

/* ── Dropdown Items ────────────────────────────────────────────── */
.dropdown-item[b-fedl8un13m] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    color: #050505;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
    border-radius: 10px;
    position: relative;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.3px;
    overflow: visible;
    white-space: nowrap;
    text-shadow: 0 0.5px 1px rgba(0,0,0,0.06);
}
.dropdown-item:hover[b-fedl8un13m] {
    color: #4f46e5;
    background: #eef2ff;
}

.dropdown-item[b-fedl8un13m]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #6366f1, #8b5cf6);
    border-radius: 10px 0 0 10px;
    opacity: 0;
    transform: scaleY(0);
}



.dropdown-item + .dropdown-item[b-fedl8un13m] {
    border-top: 1px solid rgba(99,102,241,0.08);
}

/* ── Item Icon ─────────────────────────────────────────────────── */
.item-icon[b-fedl8un13m] {
    font-size: 14px !important;
    line-height: 1;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

/* ── Logout Button ─────────────────────────────────────────────── */
.logout-btn[b-fedl8un13m] {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
    color: #b91c1c;
    font-family: inherit;
    font-size: 18px !important;
    font-weight: 900;
    padding: 0.85rem 1.1rem !important;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    letter-spacing: 0.3px;
}


/* ── Form Reset ────────────────────────────────────────────────── */
.navbar-form[b-fedl8un13m] {
    margin: 0;
}

/* ── Nav Link ──────────────────────────────────────────────────── */
.nav-link[b-fedl8un13m] {
    color: #ffffff;
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-radius: 12px;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap;
    font-family: 'DM Sans', sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.2);
}


/* ── Dropdown Button (overrides .nav-link) ──────────────────────── */
.nav-link.dropdown-btn[b-fedl8un13m] {
    background: linear-gradient(135deg, rgba(13,202,240,0.35), rgba(20,184,166,0.35)) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(13,202,240,0.5);
    cursor: pointer;
    color: #ffffff;
    font-weight: 600;
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    font-size: 0.9rem !important;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    white-space: nowrap;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.1px;
    position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.2);
}

.dropdown.open .nav-link.dropdown-btn[b-fedl8un13m],
.dropdown:focus-within .nav-link.dropdown-btn[b-fedl8un13m] {
    background: linear-gradient(135deg, rgba(13,202,240,0.5), rgba(20,184,166,0.5)) !important;
    border-color: rgba(13,202,240,0.7);
}

/* ── Navbar Timestamp ──────────────────────────────────────────── */
.navbar-timestamp[b-fedl8un13m] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0.1rem;
    margin-left: auto;
    padding-right: 0.5rem;
    color: #ffffff;
}

.timestamp-date[b-fedl8un13m] {
    font-size: 10px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.05px;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.timestamp-time[b-fedl8un13m] {
    font-size: 9px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.05px;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
/* /Components/Pages/Master/ItemList.razor.rz.scp.css */
.page-title[b-gey9zwhmhl] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
    letter-spacing: 0.5px;
}

.btn-back[b-gey9zwhmhl] {
    background: linear-gradient(90deg, #6b7280, #9ca3af);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 1.5rem;
    transition: opacity 0.15s;
}

.btn-back:hover[b-gey9zwhmhl] {
    opacity: 0.9;
}

.item-list-container[b-gey9zwhmhl] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(99, 102, 241, 0.08);
    padding: 1.5rem;
    border: 1px solid #e5e7eb;
    overflow-x: auto;
}

.item-table[b-gey9zwhmhl] {
    width: 100%;
    border-collapse: collapse;
    font-family: 'DM Sans', sans-serif;
}

.item-table th[b-gey9zwhmhl] {
    text-align: left;
    padding: 1rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e5e7eb;
    background: #f9fafb;
}

.item-table th:first-child[b-gey9zwhmhl] {
    border-top-left-radius: 8px;
}

.item-table th:last-child[b-gey9zwhmhl] {
    border-top-right-radius: 8px;
}

.item-table td[b-gey9zwhmhl] {
    padding: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.item-table tr:hover td[b-gey9zwhmhl] {
    background: #fafbfc;
}

.input-field[b-gey9zwhmhl] {
    width: 100%;
    padding: 0.5rem 0.6rem;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.9rem;
    font-family: 'DM Sans', sans-serif;
    color: #374151;
    background: #ffffff;
}

.input-field:focus[b-gey9zwhmhl] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

.btn-action[b-gey9zwhmhl] {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    margin-right: 5px;
    transition: opacity 0.15s;
}

.btn-action:hover[b-gey9zwhmhl] {
    opacity: 0.85;
}

.btn-edit[b-gey9zwhmhl] {
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    color: white;
}

.btn-delete[b-gey9zwhmhl] {
    background: linear-gradient(90deg, #ef4444, #f87171);
    color: white;
}

.btn-save[b-gey9zwhmhl] {
    background: linear-gradient(90deg, #10b981, #34d399);
    color: white;
}

.btn-cancel[b-gey9zwhmhl] {
    background: linear-gradient(90deg, #6b7280, #9ca3af);
    color: white;
}

.no-items[b-gey9zwhmhl] {
    text-align: center;
    color: #6b7280;
    padding: 2rem;
    font-size: 1rem;
}
/* /Components/Pages/Master/ItemMaster.razor.rz.scp.css */
.page-title[b-2q0htacxae] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
    letter-spacing: 0.5px;
}

.header-actions[b-2q0htacxae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.btn-item-list[b-2q0htacxae] {
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
}

.btn-item-list:hover[b-2q0htacxae] {
    opacity: 0.9;
}

.item-master-container[b-2q0htacxae] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(99, 102, 241, 0.08);
    padding: 1.5rem;
    border: 1px solid #e5e7eb;
    position: relative;
}

 .table-wrapper[b-2q0htacxae] {
     overflow-x: auto;
     overflow: visible;
     position: relative;
 }

.item-table[b-2q0htacxae] {
    width: 100%;
    border-collapse: collapse;
    font-family: 'DM Sans', sans-serif;
}

.item-table th[b-2q0htacxae] {
    text-align: left;
    padding: 1rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e5e7eb;
    background: #f9fafb;
}

.item-table th:first-child[b-2q0htacxae] {
    border-top-left-radius: 8px;
}

.item-table th:last-child[b-2q0htacxae] {
    border-top-right-radius: 8px;
    width: 50px;
}

.item-table td[b-2q0htacxae] {
    padding: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.item-table tr:hover td[b-2q0htacxae] {
    background: #fafbfc;
}

.input-field[b-2q0htacxae] {
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.95rem;
    font-family: 'DM Sans', sans-serif;
    color: #374151;
    background: #ffffff;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.input-field:focus[b-2q0htacxae] {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

.input-field[b-2q0htacxae]::placeholder {
    color: #9ca3af;
}

.action-bar[b-2q0htacxae] {
    display: flex;
    gap: 1rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

.btn-add[b-2q0htacxae] {
    background: linear-gradient(90deg, #4f46e5, #0ea5e9);
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.15s;
}

.btn-add:hover[b-2q0htacxae] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.btn-save[b-2q0htacxae] {
    background: linear-gradient(90deg, #10b981, #059669);
    color: #ffffff;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    margin-left: 10px;
    transition: opacity 0.15s, transform 0.15s;
}

.btn-save:hover[b-2q0htacxae] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.icon-btn[b-2q0htacxae] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.4rem;
    border-radius: 4px;
    font-size: 1rem;
    transition: background 0.15s, color 0.15s;
}

.remove-btn[b-2q0htacxae] {
    color: #ef4444;
}

.remove-btn:hover[b-2q0htacxae] {
    background: #fef2f2;
    color: #dc2626;
}

.suggestions-list[b-2q0htacxae] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 0;
    margin: 4px 0 0 0;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    pointer-events: auto;
}

.suggestions-list li[b-2q0htacxae] {
    padding: 0.65rem 0.75rem;
    cursor: pointer;
    font-size: 0.95rem;
    font-family: 'DM Sans', sans-serif;
    color: #374151;
    border-bottom: 1px solid #f3f4f6;
    transition: background 0.15s;
}

.suggestions-list li:last-child[b-2q0htacxae] {
    border-bottom: none;
}

.suggestions-list li:hover[b-2q0htacxae] {
    background: #f5f3ff;
    color: #4f46e5;
}

.btn-save-fixed[b-2q0htacxae] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 200;
    background: linear-gradient(90deg, #10b981, #059669);
    color: #ffffff;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.25);
    letter-spacing: 0.3px;
    transition: opacity 0.15s, transform 0.15s, box-shadow 0.15s;
}

.btn-save-fixed:hover[b-2q0htacxae] {
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35);
}

.btn-save-fixed:disabled[b-2q0htacxae] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}
/* /Components/Pages/Production/ChallanPrint.razor.rz.scp.css */
.no-print[b-ue1nnawpp0] { font-family: "DM Sans", sans-serif; }
.print-toolbar[b-ue1nnawpp0] { background: #fff; border-bottom: 1px solid #e5e7eb; padding: 0.5rem 1.5rem; display: flex; gap: 0.75rem; align-items: center; position: fixed; bottom: 1rem; right: 1rem; z-index: 1000; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.print-toolbar button[b-ue1nnawpp0] { padding: 0.35rem 1.1rem; border-radius: 6px; font-size: 0.82rem; font-weight: 600; cursor: pointer; font-family: "DM Sans", sans-serif; border: none; }
.btn-print[b-ue1nnawpp0] { background: linear-gradient(90deg, #4f46e5, #7c3aed); color: #fff; }
.btn-back[b-ue1nnawpp0] { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db !important; }

/* ─── SCREEN ─── */
.challan-viewport[b-ue1nnawpp0] {
    padding: 1rem; background: #e5e7eb; min-height: 100vh;
    display: flex; align-items: flex-start; justify-content: center;
}
.challan[b-ue1nnawpp0] {
    width: 148mm;
    max-width: 100%;
    margin: 1rem auto; background: #fff;
    padding: 4mm 5mm;
    font-family: "Times New Roman", serif; font-size: 9pt; color: #000;
    box-shadow: 0 2px 16px rgba(0,0,0,0.12); overflow-wrap: break-word;
    border: 1px solid #ccc;
    display: flex; flex-direction: column;
    overflow: visible;
}
.ch-bottom[b-ue1nnawpp0] { margin-top: auto; }
@@media screen {
    .ch-bottom[b-ue1nnawpp0] { margin-top: 2mm; }
}

/* ─── CONTENT ─── */
.ch-header[b-ue1nnawpp0] { padding-bottom: 2mm; margin-bottom: 2mm; border-bottom: 2px solid #000; }
.ch-header-inner[b-ue1nnawpp0] { display: flex; align-items: center; gap: 3mm; }
.ch-logo[b-ue1nnawpp0] { flex-shrink: 0; width: 24mm; height: 24mm; }
.ch-logo img[b-ue1nnawpp0] { width: 100%; height: 100%; display: block; filter: grayscale(100%); }
.ch-info-text[b-ue1nnawpp0] { flex: 1; text-align: center; }
.ch-company[b-ue1nnawpp0] { font-size: 12pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.ch-sub[b-ue1nnawpp0] { font-size: 7.5pt; margin-top: 0.5mm; }
.ch-chalan-row[b-ue1nnawpp0] { display: flex; justify-content: space-between; font-size: 9pt; padding: 1.5mm 0; border-bottom: 1px solid #000; margin-bottom: 2mm; }
.ch-chalan-row .ch-num[b-ue1nnawpp0] { font-weight: 700; font-size: 10pt; }
.ch-info[b-ue1nnawpp0] { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-bottom: 2mm; padding-bottom: 1.5mm; border-bottom: 1px solid #000; }
.ch-info-col[b-ue1nnawpp0] { padding: 0 2mm; }
.ch-info-col:first-child[b-ue1nnawpp0] { padding-left: 0; border-right: 1px solid #ccc; }
.ch-info-col:last-child[b-ue1nnawpp0] { padding-left: 4mm; }
.ch-info-title[b-ue1nnawpp0] { font-weight: 700; font-size: 7.5pt; text-transform: uppercase; margin-bottom: 1mm; }
.ch-info-row[b-ue1nnawpp0] { display: flex; gap: 2mm; font-size: 8pt; margin-bottom: 0.8mm; }
.ch-info-row .lbl[b-ue1nnawpp0] { color: #555; min-width: 22mm; }
.ch-info-row .val[b-ue1nnawpp0] { font-weight: 600; }
.ch-table[b-ue1nnawpp0] { width: 100%; table-layout: fixed; border-collapse: collapse; margin-bottom: 2mm; font-size: 7.5pt; }
.ch-table th[b-ue1nnawpp0] { border-top: 1.5px solid #000; border-bottom: 1.5px solid #000; padding: 1mm 2mm; text-align: left; font-size: 7pt; text-transform: uppercase; background: none; }
.ch-table th.r[b-ue1nnawpp0], .ch-table td.r[b-ue1nnawpp0] { text-align: right; }
.ch-table td[b-ue1nnawpp0] { border-bottom: 1px solid #ddd; padding: 1mm 2mm; vertical-align: top; word-wrap: break-word; }
.ch-table tbody tr:last-child td[b-ue1nnawpp0] { border-bottom: 1.5px solid #000; }
.ch-summary[b-ue1nnawpp0] { margin-bottom: 2mm; }
.ch-sum-row[b-ue1nnawpp0] { display: flex; justify-content: flex-end; gap: 20mm; font-size: 8pt; padding: 0.4mm 0; }
.ch-sum-row .s-lbl[b-ue1nnawpp0] { min-width: 30mm; text-align: right; color: #444; }
.ch-sum-row .s-val[b-ue1nnawpp0] { min-width: 20mm; text-align: right; }
.ch-sum-row.bold[b-ue1nnawpp0] { font-weight: 700; border-top: 1.5px solid #000; padding-top: 1mm; margin-top: 0.5mm; }
.ch-sum-row.green .s-val[b-ue1nnawpp0] { color: #065f46; }
.ch-sum-row.red .s-val[b-ue1nnawpp0] { color: #991b1b; }
.ch-payment-title[b-ue1nnawpp0] { font-size: 7.5pt; font-weight: 700; text-transform: uppercase; margin-bottom: 0.8mm; border-top: 1px solid #ccc; padding-top: 1.5mm; }
.ch-payment-row[b-ue1nnawpp0] { display: flex; justify-content: flex-end; gap: 20mm; font-size: 8pt; padding: 0.4mm 0; }
.ch-payment-row .s-lbl[b-ue1nnawpp0] { min-width: 30mm; text-align: right; color: #444; }
.ch-payment-row .s-val[b-ue1nnawpp0] { min-width: 20mm; text-align: right; }
.ch-payment-row.bold[b-ue1nnawpp0] { font-weight: 700; }
.ch-payment-row.green .s-val[b-ue1nnawpp0] { color: #065f46; }
.ch-payment-row.red .s-val[b-ue1nnawpp0] { color: #991b1b; }
.ch-footer[b-ue1nnawpp0] { display: flex; justify-content: space-between; margin-top: 5mm; padding-top: 1.5mm; border-top: 1px solid #000; }
.ch-footer-col[b-ue1nnawpp0] { min-width: 40mm; }
.ch-footer-col:last-child[b-ue1nnawpp0] { text-align: right; }
.ch-footer-label[b-ue1nnawpp0] { font-size: 7pt; font-weight: 700; text-transform: uppercase; margin-bottom: 6mm; }
.ch-footer-sign[b-ue1nnawpp0] { font-size: 7pt; border-top: 1px solid #000; padding-top: 1mm; display: inline-block; min-width: 35mm; text-align: center; }
.ch-thankyou[b-ue1nnawpp0] { text-align: center; font-size: 7.5pt; font-style: italic; margin-top: 3mm; border-top: 1px dashed #000; padding-top: 1.5mm; }
/* /Components/Pages/Production/InvoiceEntry.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   INVOICE ENTRY — Premium Edition
   ═══════════════════════════════════════════════════════════════════ */

/* ── Page Container ────────────────────────────────────────────── */
.ie-page-wrap[b-s91h3od1xk] {
    padding: 0.75rem 0 6rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'tnum' 1;
    max-width: 1400px;
    margin: 0 auto;
    color: #0f172a;
}

/* ── Sticky Header ─────────────────────────────────────────────── */
.ie-sticky-header[b-s91h3od1xk] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #f1f5f9;
    padding: 0.4rem 0 0.3rem;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 0.5rem;
}

.ie-title[b-s91h3od1xk] {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 1.6rem;
    font-weight: 800;
    color: #0b1121;
    letter-spacing: -0.5px;
    margin: 0 0 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ── Top Row (Customer + Vehicle) ──────────────────────────────── */
.ie-top-row[b-s91h3od1xk] {
    display: grid;
    grid-template-columns: 1fr 180px;
    gap: 0.4rem;
}

/* ── Cards ─────────────────────────────────────────────────────── */
.ie-card[b-s91h3od1xk],
.ie-vehicle-card[b-s91h3od1xk] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 0.35rem 0.6rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: box-shadow 0.2s ease;
}

.ie-card:focus-within[b-s91h3od1xk],
.ie-vehicle-card:focus-within[b-s91h3od1xk] {
    box-shadow: 0 2px 12px rgba(99,102,241,0.08), 0 0 0 1px rgba(99,102,241,0.15);
}

.ie-card-title[b-s91h3od1xk] {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #4f46e5;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

/* ── Form Grid ─────────────────────────────────────────────────── */
.ie-form-grid[b-s91h3od1xk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem 0.5rem;
}

.ie-form-group[b-s91h3od1xk] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.ie-form-group label[b-s91h3od1xk] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.ie-input[b-s91h3od1xk] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.95rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #0f172a;
    background: #fafbfc;
    transition: all 0.2s ease;
    outline: none;
    letter-spacing: 0.1px;
    font-feature-settings: 'tnum' 1;
}

.ie-input:focus[b-s91h3od1xk] {
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 2px rgba(99,102,241,0.1);
}

.ie-input[b-s91h3od1xk]::placeholder {
    color: #64748b;
    font-weight: 600;
    letter-spacing: 0px;
}

.ie-input.ie-warn[b-s91h3od1xk] {
    border-color: #ef4444;
    background: #fef2f2;
}

.ie-warn-text[b-s91h3od1xk] {
    font-size: 0.8rem;
    color: #dc2626;
    font-weight: 800;
    margin-top: 1px;
}

/* ── Customer Suggestion Dropdown ──────────────────────────────── */
.ie-cust-wrap[b-s91h3od1xk] {
    position: relative;
}

.ie-cust-suggestions[b-s91h3od1xk] {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    list-style: none;
    margin: 0;
    padding: 0.2rem;
    z-index: 500;
    max-height: 180px;
    overflow-y: auto;
}

.ie-cust-suggestions li[b-s91h3od1xk] {
    padding: 0.3rem 0.5rem;
    cursor: pointer;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.15s ease;
    letter-spacing: 0.1px;
}

.ie-cust-suggestions li:hover[b-s91h3od1xk],
.ie-cust-sug-active[b-s91h3od1xk] {
    background: #eef2ff;
}

.cust-mobile[b-s91h3od1xk] {
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 700;
}

/* ── Advance ───────────────────────────────────────────────────── */
.ie-adv-row[b-s91h3od1xk] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ie-adv-row label[b-s91h3od1xk] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    white-space: nowrap;
}

.ie-adv-value[b-s91h3od1xk] {
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    font-weight: 800;
    color: #059669;
    letter-spacing: -0.2px;
    font-feature-settings: 'tnum' 1;
}

.ie-adv-total[b-s91h3od1xk] {
    font-size: 0.78rem;
    color: #059669;
    font-weight: 800;
    margin-top: 1px;
}

/* ── Chalan Section ────────────────────────────────────────────── */
.ie-container[b-s91h3od1xk] {
    margin-top: 0.5rem;
}

.ie-section-title[b-s91h3od1xk] {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 1.2rem;
    font-weight: 800;
    font-style: italic;
    color: #0b1121;
    letter-spacing: -0.2px;
    margin-bottom: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ie-chalan-row[b-s91h3od1xk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.85rem;
    flex-wrap: wrap;
}

.ie-chalan-num[b-s91h3od1xk] {
    font-size: 1rem;
    color: #1e293b;
    font-weight: 800;
    letter-spacing: 0.2px;
}

.ie-chalan-num span[b-s91h3od1xk] {
    color: #6366f1;
    font-weight: 900;
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 1.1rem;
    letter-spacing: -0.2px;
}

/* ── Add Row Button ────────────────────────────────────────────── */
.ie-btn-add-row[b-s91h3od1xk] {
    background: #eef2ff;
    color: #4f46e5;
    border: 1.5px dashed #a5b4fc;
    padding: 0.5rem 1.2rem;
    border-radius: 10px;
    font-size: 0.92rem;
    font-weight: 800;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    letter-spacing: 0.2px;
}

.ie-btn-add-row:hover[b-s91h3od1xk] {
    background: #e0e7ff;
    border-color: #6366f1;
}

/* ── Table Grid ────────────────────────────────────────────────── */
.ie-grid-wrap[b-s91h3od1xk] {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.ie-grid[b-s91h3od1xk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    min-width: 900px;
    font-feature-settings: 'tnum' 1;
}

.ie-grid thead th[b-s91h3od1xk] {
    background: #f8fafc;
    padding: 0.7rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1e293b;
    text-align: left;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 2;
    font-family: 'Inter', sans-serif;
}

.ie-grid tbody td[b-s91h3od1xk] {
    padding: 0.5rem 0.6rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: top;
}

.ie-grid tbody tr:last-child td[b-s91h3od1xk] {
    border-bottom: none;
}

.ie-grid tbody tr:hover[b-s91h3od1xk] {
    background: #f8fafc;
}

/* ── Column Widths ─────────────────────────────────────────────── */
.col-num[b-s91h3od1xk] { width: 36px; }
.col-item[b-s91h3od1xk] { min-width: 220px; }
.col-price[b-s91h3od1xk] { min-width: 140px; }
.col-qty[b-s91h3od1xk] { min-width: 110px; }
.col-kgbag[b-s91h3od1xk] { width: 80px; }
.col-final[b-s91h3od1xk] { width: 120px; }
.col-act[b-s91h3od1xk] { width: 70px; }

/* ── Cell Input ────────────────────────────────────────────────── */
.ie-cell-input[b-s91h3od1xk] {
    width: 100%;
    padding: 0.45rem 0.6rem;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    font-size: 0.95rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #0f172a;
    background: #fafbfc;
    transition: all 0.2s ease;
    outline: none;
    letter-spacing: 0.1px;
    font-feature-settings: 'tnum' 1;
}

.ie-cell-input:focus[b-s91h3od1xk] {
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

.ie-cell-input.ie-warn[b-s91h3od1xk] {
    border-color: #ef4444;
    background: #fef2f2;
}

/* ── Item Suggestions ──────────────────────────────────────────── */
.ie-suggest-wrap[b-s91h3od1xk] {
    position: relative;
}

.ie-suggestions[b-s91h3od1xk] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    list-style: none;
    margin: 0;
    padding: 0.4rem;
    z-index: 500;
    max-height: 260px;
    overflow-y: auto;
}

.ie-suggestions li[b-s91h3od1xk] {
    padding: 0.5rem 0.65rem;
    cursor: pointer;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    transition: background 0.15s ease;
    letter-spacing: 0.1px;
}

.ie-suggestions li:hover[b-s91h3od1xk],
.ie-sug-active[b-s91h3od1xk] {
    background: #eef2ff;
}

/* ── Selected Item Display ─────────────────────────────────────── */
.ie-selected-item[b-s91h3od1xk] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    position: relative;
    padding: 0.35rem 0.5rem;
    background: #f0fdf4;
    border: 1.5px solid #bbf7d0;
    border-radius: 6px;
}

.ie-btn-clear[b-s91h3od1xk] {
    position: absolute;
    top: 4px;
    right: 4px;
    background: none;
    border: none;
    color: #64748b;
    font-size: 1rem;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    line-height: 1;
    transition: all 0.15s ease;
}

.ie-btn-clear:hover[b-s91h3od1xk] {
    background: #fef2f2;
    color: #ef4444;
}

/* ── Remove Row Button ─────────────────────────────────────────── */
.ie-btn-remove[b-s91h3od1xk] {
    background: #fef2f2;
    border: 1.5px solid #fecaca;
    color: #dc2626;
    font-size: 0.8rem;
    font-weight: 800;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    padding: 6px 14px;
    border-radius: 8px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    letter-spacing: 0.3px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 1px 3px rgba(220,38,38,0.08);
}

.ie-btn-remove:hover[b-s91h3od1xk] {
    background: #fee2e2;
    border-color: #ef4444;
    color: #b91c1c;
    box-shadow: 0 4px 12px rgba(220,38,38,0.2);
    transform: translateY(-1px);
}

.ie-btn-remove:active[b-s91h3od1xk] {
    transform: translateY(0px);
    box-shadow: none;
}

.ie-remove-icon[b-s91h3od1xk] {
    font-size: 0.7rem;
    line-height: 1;
}

/* ── Empty State ───────────────────────────────────────────────── */
.ie-empty[b-s91h3od1xk] {
    text-align: center;
    color: #64748b;
    font-size: 1rem;
    padding: 2.5rem 1rem;
    background: #ffffff;
    border: 1px dashed #e2e8f0;
    border-radius: 12px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.1px;
}

/* ── Save Button ───────────────────────────────────────────────── */
.ie-btn-save-fixed[b-s91h3od1xk] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 999;
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    padding: 0.8rem 2.2rem;
    font-size: 1rem;
    font-weight: 800;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    box-shadow: 0 6px 24px rgba(99,102,241,0.35);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    letter-spacing: 0.3px;
    -webkit-font-smoothing: antialiased;
}

.ie-btn-save-fixed:hover[b-s91h3od1xk] {
    transform: translateY(-3px);
    box-shadow: 0 10px 32px rgba(99,102,241,0.5);
}

.ie-btn-save-fixed:active[b-s91h3od1xk] {
    transform: translateY(-1px);
}

/* ── Summary Bar ───────────────────────────────────────────────── */
.ie-summary-bar[b-s91h3od1xk] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.06);
    padding: 0.75rem 2rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    z-index: 200;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}

.ie-summary-item[b-s91h3od1xk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.ie-summary-item label[b-s91h3od1xk] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    color: #64748b;
}

.ie-sum-val[b-s91h3od1xk] {
    font-family: 'Inter', sans-serif;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.3px;
    font-feature-settings: 'tnum' 1;
}

.ie-net-amt[b-s91h3od1xk] {
    color: #059669;
    font-size: 1.15rem;
    font-weight: 900;
}

.ie-summary-item input[b-s91h3od1xk] {
    width: 90px;
    padding: 0.25rem 0.5rem;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.92rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #0f172a;
    background: #fafbfc;
    transition: all 0.2s ease;
    outline: none;
    font-feature-settings: 'tnum' 1;
}

.ie-summary-item input:focus[b-s91h3od1xk] {
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 2px rgba(99,102,241,0.08);
}

.ie-summary-divider[b-s91h3od1xk] {
    width: 1px;
    height: 2.5rem;
    background: #e2e8f0;
}

/* ── Other Expenses Panel ─────────────────────────────────────── */
.ie-expense-trigger[b-s91h3od1xk] {
    cursor: pointer;
    position: relative;
}
.ie-expense-trigger:hover .ie-expense-summary[b-s91h3od1xk] {
    opacity: 0.8;
}
.ie-expense-summary[b-s91h3od1xk] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.ie-expense-badge[b-s91h3od1xk] {
    background: #4f46e5;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 1px 5px;
    border-radius: 8px;
    min-width: 16px;
    text-align: center;
    line-height: 1.3;
}
.ie-expense-chevron[b-s91h3od1xk] {
    font-size: 0.6rem;
    color: #64748b;
}
.ie-expense-overlay[b-s91h3od1xk] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
    z-index: 299;
    backdrop-filter: blur(3px);
}
.ie-expense-panel[b-s91h3od1xk] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 540px;
    max-width: calc(100vw - 2rem);
    max-height: 75vh;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.25);
    z-index: 300;
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e8f0;
    animation: ieExpFadeIn-b-s91h3od1xk 0.25s ease;
}
@keyframes ieExpFadeIn-b-s91h3od1xk {
    from { opacity: 0; transform: translate(-50%, -50%) scale(0.95); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
.ie-expense-panel-header[b-s91h3od1xk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    border-bottom: 2px solid #c7d2fe;
    border-radius: 16px 16px 0 0;
}
.ie-expense-panel-header h4[b-s91h3od1xk] {
    margin: 0;
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 1.15rem;
    font-weight: 900;
    color: #312e81;
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ie-expense-panel-header h4[b-s91h3od1xk]::before {
    content: "💰";
    font-size: 1.1rem;
}
.ie-expense-close[b-s91h3od1xk] {
    background: #fff;
    border: 1.5px solid #c7d2fe;
    font-size: 1rem;
    color: #4f46e5;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 8px;
    line-height: 1;
    transition: all 0.15s ease;
    font-weight: 700;
}
.ie-expense-close:hover[b-s91h3od1xk] {
    background: #4f46e5;
    color: #fff;
    border-color: #4f46e5;
}
.ie-expense-panel-body[b-s91h3od1xk] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.ie-expense-empty[b-s91h3od1xk] {
    text-align: center;
    color: #64748b;
    font-size: 1rem;
    font-weight: 700;
    padding: 2rem 0;
    font-family: 'Inter', sans-serif;
}
.ie-expense-row[b-s91h3od1xk] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 0.6rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ie-expense-row:focus-within[b-s91h3od1xk] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.12);
}
.ie-expense-remark[b-s91h3od1xk] {
    flex: 1;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
    font-size: 0.95rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #0f172a;
    background: #ffffff;
    resize: none;
    outline: none;
    min-height: 2.2rem;
    line-height: 1.5;
    transition: border-color 0.2s ease;
}
.ie-expense-remark:focus[b-s91h3od1xk] {
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}
.ie-expense-remark[b-s91h3od1xk]::placeholder {
    color: #94a3b8;
    font-weight: 600;
    font-size: 0.9rem;
}
.ie-expense-amount[b-s91h3od1xk] {
    width: 110px;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
    font-size: 0.95rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #0f172a;
    background: #ffffff;
    outline: none;
    text-align: right;
    font-feature-settings: 'tnum' 1;
    transition: border-color 0.2s ease;
}
.ie-expense-amount:focus[b-s91h3od1xk] {
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}
.ie-expense-amount[b-s91h3od1xk]::placeholder {
    color: #94a3b8;
    font-weight: 600;
}
.ie-expense-remove[b-s91h3od1xk] {
    background: #fef2f2;
    border: 1.5px solid #fecaca;
    color: #dc2626;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 6px 10px;
    border-radius: 8px;
    line-height: 1;
    transition: all 0.15s ease;
    flex-shrink: 0;
    font-weight: 700;
}
.ie-expense-remove:hover[b-s91h3od1xk] {
    background: #dc2626;
    color: #fff;
    border-color: #dc2626;
}
.ie-expense-panel-footer[b-s91h3od1xk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    border-top: 1.5px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 16px 16px;
}
.ie-expense-add[b-s91h3od1xk] {
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    color: #4f46e5;
    border: 1.5px dashed #a5b4fc;
    padding: 0.5rem 1.2rem;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 800;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: all 0.2s ease;
    letter-spacing: 0.3px;
}
.ie-expense-add:hover[b-s91h3od1xk] {
    background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
    border-color: #6366f1;
}
.ie-expense-total[b-s91h3od1xk] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    font-family: 'Inter', sans-serif;
}
.ie-expense-total strong[b-s91h3od1xk] {
    color: #059669;
    font-weight: 900;
    font-size: 1.1rem;
}

/* ── Responsive ────────────────────────────────────────────────── */
@@media (max-width: 1024px) {
    .ie-top-row[b-s91h3od1xk] {
        grid-template-columns: 1fr;
    }
    .ie-vehicle-card[b-s91h3od1xk] {
        max-width: 320px;
    }
}

@@media (max-width: 768px) {
    .ie-form-grid[b-s91h3od1xk] {
        grid-template-columns: 1fr;
    }
    .ie-page-wrap[b-s91h3od1xk] {
        padding: 1rem 0 7rem;
    }
    .ie-summary-bar[b-s91h3od1xk] {
        padding: 0.6rem 1rem;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .ie-summary-item input[b-s91h3od1xk] {
        width: 75px;
    }
}
/* /Components/Pages/Production/PaymentPage.razor.rz.scp.css */
@media print {
    .no-print[b-ojhteimdu0] { display: none !important; }
    .pay-wrap[b-ojhteimdu0] { padding: 0; max-width: 100%; }
}
/* /Components/Pages/Production/ProductionEntry.razor.rz.scp.css */
.page-title[b-5r0kxjvg6h] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1.5rem;
    letter-spacing: 0.5px;
    display: inline-block;
}

 .pe-container[b-5r0kxjvg6h] {
     background: #ffffff;
     border-radius: 16px;
     box-shadow: 
         0 4px 24px rgba(99,102,241,0.08),
         0 1px 0 rgba(0,0,0,0.02);
     padding: 1.5rem;
     border: none;
     position: relative;
     
     overflow: visible;
 }

  .pe-table-wrapper[b-5r0kxjvg6h] {
      overflow-x: auto;
      overflow: visible;
      position: relative;
      
  }

 .pe-table[b-5r0kxjvg6h] {
     width: 100%;
     border-collapse: collapse;
     font-family: 'DM Sans', sans-serif;
 }

 .pe-table td[b-5r0kxjvg6h] {
     padding: 0.75rem;
     border-bottom: none;
     vertical-align: middle;
 }

 .pe-table tr:hover td[b-5r0kxjvg6h] {
     background: transparent;
 }

.item-table[b-5r0kxjvg6h] {
    width: 100%;
    border-collapse: collapse;
    font-family: 'DM Sans', sans-serif;
}

 .pe-table th[b-5r0kxjvg6h] {
     text-align: left;
     padding: 1rem 0.75rem;
     font-size: 0.85rem;
     font-weight: 600;
     color: #6b7280;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     border-bottom: none;
     background: linear-gradient(180deg, #f9fafb 0%, #f0f9ff 100%);
     position: relative;
 }

.item-table th:first-child[b-5r0kxjvg6h] {
    border-top-left-radius: 8px;
}

.item-table th:last-child[b-5r0kxjvg6h] {
    border-top-right-radius: 8px;
    width: 50px;
}

.item-table td[b-5r0kxjvg6h] {
    padding: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.item-table tr:hover td[b-5r0kxjvg6h] {
    background: #fafbfc;
}

 .pe-input[b-5r0kxjvg6h] {
     width: 100%;
     padding: 0.65rem 0.75rem;
     border: 2px solid #e5e7eb;
     border-radius: 8px;
     font-size: 0.95rem;
     font-family: 'DM Sans', sans-serif;
     color: #374151;
     background: #ffffff;
     transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
     box-sizing: border-box;
 }

 .pe-input:focus[b-5r0kxjvg6h] {
     outline: none;
     border-color: #6366f1;
     box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
 }

.input-field[b-5r0kxjvg6h]::placeholder {
    color: #9ca3af;
}

.input-field[readonly][b-5r0kxjvg6h] {
    background: #f9fafb;
    color: #6b7280;
    cursor: default;
}

 .pe-action-bar[b-5r0kxjvg6h] {
     display: flex;
     gap: 1rem;
     margin-top: 1.25rem;
     padding-top: 1rem;
     border-top: 1px solid #e5e7eb;
 }

 .pe-btn-add[b-5r0kxjvg6h] {
     background: linear-gradient(90deg, #10b981, #3b82f6);
     color: #ffffff;
     border: none;
     border-radius: 10px;
     padding: 10px 20px;
     font-size: 16px;
     font-weight: 600;
     font-family: 'DM Sans', sans-serif;
     cursor: pointer;
     transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
     box-shadow: 
         0 4px 14px rgba(16, 185, 129, 0.2),
         0 2px 6px rgba(59, 130, 246, 0.15);
 }

 .pe-btn-add:hover[b-5r0kxjvg6h] {
     transform: translateY(-2px);
     box-shadow: 
         0 6px 20px rgba(16, 185, 129, 0.35),
         0 4px 10px rgba(59, 130, 246, 0.25);
 }

 .pe-item-cell[b-5r0kxjvg6h] {
     position: relative;
     min-width: 160px;
     z-index: 10;
 }

 .pe-suggestions[b-5r0kxjvg6h] {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     background: #ffffff;
     border: 1px solid #e5e7eb;
     border-radius: 8px;
     box-shadow: 0 8px 24px rgba(0,0,0,0.15);
     list-style: none;
     padding: 0;
     margin: 4px 0 0 0;
     z-index: 9999;
     max-height: 200px;
     overflow-y: auto;
 }

 .pe-suggestions li[b-5r0kxjvg6h] {
     padding: 0.65rem 0.75rem;
     cursor: pointer;
     font-size: 0.95rem;
     font-family: 'DM Sans', sans-serif;
     color: #374151;
     border-bottom: 1px solid #f3f4f6;
     transition: background 0.15s;
 }

 .pe-suggestions li:last-child[b-5r0kxjvg6h] {
     border-bottom: none;
 }

 .pe-suggestions li:hover[b-5r0kxjvg6h],
 .pe-suggestion-active[b-5r0kxjvg6h] {
     background: #f5f3ff;
     color: #4f46e5;
 }

 .pe-remove-btn[b-5r0kxjvg6h] {
     color: #ef4444;
     cursor: pointer;
     border: none;
     padding: 5px 10px;
     border-radius: 6px;
     background: #ffffff;
     transition: all 0.25s ease;
     box-shadow: 0 2px 8px rgba(0,0,0,0.06);
 }

 .pe-remove-btn:hover[b-5r0kxjvg6h] {
     background: #fef2f2;
     transform: scale(1.05);
     box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
 }

 .pe-total[b-5r0kxjvg6h] {
     font-weight: 700;
     font-size: 1rem;
     color: #059669;
     font-family: 'DM Sans', sans-serif;
     letter-spacing: 0.2px;
     display: inline-block;
     padding: 0.25rem 0.5rem;
     border-radius: 6px;
     background: linear-gradient(180deg, rgba(16, 185, 129, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);
 }