.asl-stats-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;}

.asl-stat-card{flex:1;min-width:155px;background:linear-gradient(145deg,#fffdfb 0%,#faf8f5 100%);border:2px solid #e0d9cf;border-radius:4px;padding:16px 21px;display:flex;align-items:center;gap:16px;}

.asl-stat-icon{font-size:2.06rem;}

.asl-stat-info{display:flex;flex-direction:column;}

.asl-stat-value{font-size:1.55rem;font-weight:700;color:#1a1a1a;}

.asl-stat-label{font-size:0.88rem;color:#6b7280;}

.asl-table-container{background:white;border:2px solid #e0d9cf;border-radius:4px;overflow:hidden;}

.asl-table{width:100%;border-collapse:collapse;}

.asl-table th{background:linear-gradient(145deg,#f8fafc,#f1f5f9);padding:14px 12px;text-align:left;font-size:0.75rem;font-weight:600;color:#374151;border-bottom:2px solid #e0d9cf;}

.asl-table td{padding:8px;border-bottom:1px solid #f0f0f0;font-size:0.7rem;color:#374151;vertical-align:middle;}

.asl-table tbody tr:hover{background:#faf8f5;}

.asl-status-delivered{background:linear-gradient(145deg,#d1fae5 0%,#a7f3d0 100%) !important;}

.asl-status-transit{background:linear-gradient(145deg,#fef3c7 0%,#fde68a 100%) !important;}

.asl-driver-info{display:flex;flex-direction:column;gap:2px;}

.asl-driver-name{font-weight:600;color:#1a1a1a;}

.asl-driver-plate{font-size:0.8rem;color:#6b7280;background:#f5f2ed;padding:2px 8px;border-radius:4px;display:inline-block;}

.asl-btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:0.9rem;padding:4px 8px;border-radius:4px;transition:all 0.2s;}

.asl-btn-link:hover{background:#eff6ff;text-decoration:underline;}

.asl-btn-damage{color:#d97706;}

.asl-btn-damage:hover{background:#fffbeb;}

.asl-verified-badge{color:#059669;font-size:0.8rem;}

.asl-loading,.asl-empty,.asl-error{text-align:center;padding:40px;color:#6b7280;}

.asl-error{color:#dc2626;}

.asl-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:999998;padding:20px;}

.asl-modal{background:white;border-radius:4px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;z-index:999999;}

.asl-modal-lg{max-width:800px;}

.asl-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(145deg,#f5f2ed 0%,#efe9e0 100%);border-bottom:2px solid #e0d9cf;}

.asl-modal-header h3{margin:0;font-size:1.1rem;color:#1a1a1a;}

.asl-modal-close{width:32px;height:32px;border:none;background:white;border-radius:4px;font-size:1.3rem;cursor:pointer;color:#6b7280;}

.asl-modal-close:hover{background:#dc2626;color:white;}

.asl-modal-body{padding:20px;overflow-y:auto;flex:1;}

.asl-vehicles-table{width:max-content;min-width:100%;table-layout:auto;border-collapse:collapse;}

.asl-vehicles-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}

.asl-vehicles-table th{background:linear-gradient(145deg,#f8fafc,#f1f5f9);padding:10px;text-align:center;font-size:0.8rem;font-weight:600;border-bottom:2px solid #e0d9cf;white-space:nowrap;}

.asl-vehicles-table td{padding:10px;border-bottom:1px solid #f0f0f0;font-size:0.85rem;white-space:nowrap;max-width:none;overflow:visible;text-overflow:clip;}

.asl-row-verified{background:#d1fae5 !important;}

.asl-chassis-verified{color:#2563eb !important;font-weight:700;}

.asl-verification-detail{padding:10px 0;}

.asl-verification-header{background:#f5f2ed;padding:16px;border-radius:4px;margin-bottom:20px;}

.asl-verification-header h4{margin:0 0 4px 0;color:#1a1a1a;}

.asl-verification-header p{margin:0;color:#6b7280;font-size:0.9rem;}

.asl-damage-header{background:linear-gradient(145deg,#fef3c7 0%,#fde68a 100%);border:2px solid #fcd34d;}

.asl-damage-desc{background:#fff7ed;padding:16px;border-radius:4px;margin-bottom:20px;border:1px solid #fed7aa;}

.asl-damage-desc strong{color:#c2410c;}

.asl-damage-desc p{margin:8px 0 0;color:#374151;}

.asl-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}

.asl-image-item{background:#f5f2ed;border-radius:4px;overflow:hidden;text-align:center;}

.asl-image-label{display:block;padding:8px;font-size:0.8rem;font-weight:600;color:#6b7280;background:#e8e2d9;}

.asl-image-item img{width:100%;height:120px;object-fit:cover;cursor:pointer;transition:transform 0.2s;}

.asl-image-item img:hover{transform:scale(1.05);}

.asl-no-image{height:120px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:0.85rem;}

.asl-damage-images{display:flex;flex-wrap:wrap;gap:12px;}

.asl-damage-image-item{width:100px;height:100px;border-radius:4px;overflow:hidden;border:2px solid #fcd34d;}

.asl-damage-image-item img{width:100%;height:100%;object-fit:cover;cursor:pointer;}

.asl-waybill-image{text-align:center;}

.asl-waybill-image img{max-width:100%;max-height:70vh;border-radius:4px;cursor:pointer;}

@media (max-width:768px){.asl-stats-row{flex-direction:column;}

.asl-stat-card{min-width:100%;padding:12px 16px;}

.asl-stat-value{font-size:1.3rem;}

.asl-stat-label{font-size:0.78rem;}

.asl-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;}

.asl-table{min-width:900px;}

.asl-table th,.asl-table td{padding:10px 8px;font-size:0.75rem;white-space:nowrap;}

.asl-table th{font-size:0.7rem;}

.asl-driver-name{font-size:0.8rem;}

.asl-driver-plate{font-size:0.7rem;}

.asl-btn-link{font-size:0.75rem;padding:3px 6px;}

.asl-images-grid{grid-template-columns:1fr;}

.asl-modal{max-width:100%;margin:10px;max-height:95vh;}

.asl-modal-header{padding:12px 16px;}

.asl-modal-header h3{font-size:1rem;}

.asl-modal-body{padding:14px;}

}

@media (max-width:480px){.asl-stat-card{padding:10px 14px;gap:12px;}

.asl-stat-icon{font-size:1.5rem;}

.asl-stat-value{font-size:1.15rem;}

.asl-stat-label{font-size:0.7rem;}

.asl-table th,.asl-table td{padding:8px 6px;font-size:0.7rem;}

}