*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#172033;font-family:Tahoma,Arial,sans-serif;font-size:14px}header{background:#152b45;color:#fff;padding:15px 4%;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}header a{color:#fff;text-decoration:none;margin-inline-start:14px}main{max-width:1400px;margin:24px auto;padding:0 16px;min-height:75vh}h1{font-size:22px}.card{background:#fff;border:1px solid #dce3ec;border-radius:12px;padding:18px;margin:14px 0;box-shadow:0 2px 7px #0b1d3510}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.btn,button{display:inline-block;border:0;border-radius:7px;background:#1769aa;color:white;padding:10px 15px;cursor:pointer;text-decoration:none;font:inherit}.btn.secondary,button.secondary{background:#586779}.btn.danger,button.danger{background:#b42318}input,select,textarea{width:100%;padding:10px;border:1px solid #c7d1df;border-radius:7px;font:inherit;background:white}label{display:block;margin:10px 0 5px}table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid #dce3ec;padding:8px;text-align:right;vertical-align:top;max-width:280px;overflow-wrap:anywhere}th{background:#eaf0f6;position:sticky;top:0}.table-wrap{overflow:auto;max-height:70vh;border-radius:8px}.muted{color:#5f6e80}.error{color:#b42318}.success{color:#087443}.small{font-size:12px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}footer{text-align:center;color:#667085;padding:24px}.notice{background:#fff7e6;border:1px solid #f0d28b;padding:12px;border-radius:8px;margin:12px 0}.login{max-width:420px;margin:8vh auto}@media(max-width:600px){header{align-items:flex-start}h1{font-size:19px}th,td{padding:6px;font-size:12px}}

/* بهبود نمایش جدول BOM */
.table-wrap {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    max-height: 75vh;
    border: 1px solid #dce3ec;
    border-radius: 8px;
    direction: rtl;
}

.table-wrap table {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-wrap th,
.table-wrap td {
    box-sizing: border-box;
    min-width: 110px;
    max-width: 320px;
    padding: 10px 12px;
    line-height: 1.8;
    text-align: right;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.table-wrap th {
    min-width: 120px;
    background: #eaf0f6;
    font-weight: bold;
    white-space: normal;
    z-index: 2;
}

.table-wrap th:first-child,
.table-wrap td:first-child {
    min-width: 65px;
    width: 65px;
    text-align: center;
}

.table-wrap tr:nth-child(even) td {
    background-color: #f8fafc;
}

.table-wrap tr:hover td {
    background-color: #eef6ff;
}

@media (max-width: 600px) {
    .table-wrap th,
    .table-wrap td {
        min-width: 100px;
        max-width: 240px;
        padding: 8px;
        font-size: 12px;
    }
}