/* حقول البيانات الجديدة لتصاريح النقل والحفر — تستخدم متغيرات V3-MOSTAFA الحالية ولا تغيّر الهوية البصرية. */

.transport-kind-switcher { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; background: var(--color-surface); border: 1px solid var(--color-golden-wheat-200); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); }
.transport-kind-heading { display: grid; gap: 3px; }.transport-kind-heading strong { color: var(--color-brand); font-family: var(--font-title); font-size: var(--text-md); }.transport-kind-heading span { color: var(--color-text-muted); font-size: var(--text-xs); }
.transport-kind-options { display: inline-flex; gap: 8px; padding: 4px; background: var(--color-brand-soft); border-radius: var(--radius-sm); }.transport-kind-option { min-height: 36px; padding: 8px 14px; color: var(--color-text-muted); background: transparent; border: 0; border-radius: var(--radius-2xs); cursor: pointer; font-family: var(--font-title); font-size: var(--text-xs); transition: color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast); }.transport-kind-option.is-active { color: var(--color-on-brand); background: var(--color-brand); box-shadow: 0 3px 8px rgba(6,66,57,.12); }

[data-permit-panel] { display: flex; flex-direction: column; gap: 20px; }
[data-permit-panel][hidden] { display: none !important; }

.transport-file-input { padding: 8px 10px; cursor: pointer; }.transport-file-input::file-selector-button { margin-left: 10px; padding: 6px 10px; color: var(--color-brand); background: var(--color-surface); border: 1px solid var(--color-pineal-100); border-radius: var(--radius-2xs); cursor: pointer; font-family: var(--font-title); font-size: var(--text-2xs); }.transport-file-caption { min-height: 16px; }

.transport-table-wrap { overflow-x: auto; padding: 22px 24px 26px; }.transport-material-table { width: 100%; border-collapse: separate; border-spacing: 0 10px; min-width: 760px; }.transport-material-table th { padding: 0 10px 4px; color: var(--color-text-muted); font-family: var(--font-title); font-size: var(--text-2xs); font-weight: normal; text-align: right; white-space: nowrap; }.transport-material-table td { padding: 8px; background: var(--color-surface-sunken); border-top: 1px solid var(--color-golden-wheat-200); border-bottom: 1px solid var(--color-golden-wheat-200); }.transport-material-table td:first-child { border-right: 1px solid var(--color-golden-wheat-200); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }.transport-material-table td:last-child { width: 54px; border-left: 1px solid var(--color-golden-wheat-200); border-radius: var(--radius-sm) 0 0 var(--radius-sm); text-align: center; }.transport-material-table .transport-input { min-height: 42px; background: var(--color-surface); font-size: var(--text-xs); }.transport-material-table .transport-remove-button { width: 34px; height: 34px; }

.permit-textarea { min-height: 112px; resize: vertical; line-height: 1.65; }.excavation-dimensions { grid-template-columns: repeat(3, minmax(0, 1fr)); }.form-status { margin: 0; padding: var(--space-3) var(--space-4); color: var(--color-brand); background: var(--color-brand-soft); border-radius: var(--radius-sm); font-family: var(--font-body-medium); font-size: var(--text-sm); }

@media (max-width: 800px) { .transport-kind-switcher { align-items: stretch; flex-direction: column; }.transport-kind-options { width: 100%; }.transport-kind-option { flex: 1; }.excavation-dimensions { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .transport-table-wrap { padding: 16px; }.transport-material-table { min-width: 0; border-spacing: 0 14px; }.transport-material-table thead { display: none; }.transport-material-table, .transport-material-table tbody, .transport-material-table tr, .transport-material-table td { display: block; width: 100%; }.transport-material-table tr { padding: 10px; background: var(--color-surface-sunken); border: 1px solid var(--color-golden-wheat-200); border-radius: var(--radius-lg); }.transport-material-table td, .transport-material-table td:first-child, .transport-material-table td:last-child { display: grid; grid-template-columns: minmax(92px, .65fr) minmax(0, 1fr); gap: 10px; align-items: center; padding: 6px 0; background: transparent; border: 0; border-radius: 0; text-align: right; }.transport-material-table td::before { content: attr(data-label); color: var(--color-text-muted); font-family: var(--font-title); font-size: var(--text-2xs); }.transport-material-table td:last-child { grid-template-columns: 1fr; justify-items: start; }.transport-material-table td:last-child::before { display: none; }.transport-kind-options { flex-direction: column; }.transport-kind-option { width: 100%; }.transport-file-input::file-selector-button { margin-left: 6px; } }