
:root{
  --drv-blue:#0b5793;
  --drv-yellow:#ffd000;
  --drv-gray:#f6f7f9;
}

.drvapp-admin .drvapp-table{width:100%; border-collapse:collapse; margin-top:14px;}
.drvapp-admin .drvapp-table th, .drvapp-admin .drvapp-table td{border:1px solid rgba(0,0,0,.12); padding:8px 10px; text-align:left; vertical-align:top;}
.drvapp-admin .drvapp-table th{background:var(--drv-gray)}

.drvapp-form .regular-text{width:100%; max-width:420px}

.drvapp-card{background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:16px; padding:14px; margin:10px 0; box-shadow:0 6px 18px rgba(0,0,0,.06);}
.drvapp-card h2,.drvapp-card h3{margin:0 0 10px}

.drvapp-grid{display:grid; grid-template-columns:1fr; gap:10px;}
.drvapp-grid label{font-weight:600; font-size:13px}
.drvapp-grid input, .drvapp-grid select, .drvapp-grid textarea{width:100%; padding:10px 12px; border-radius:12px; border:1px solid rgba(0,0,0,.18); background:#fff; font-size:14px;}
.drvapp-grid textarea{min-height:90px}

.drvapp-colspan{grid-column:1 / -1}

.drvapp-btn{display:inline-flex; align-items:center; justify-content:center; border:none; border-radius:12px; padding:12px 14px; font-weight:700; cursor:pointer; background:var(--drv-blue); color:#fff;}
.drvapp-btn.secondary{background:var(--drv-yellow); color:#000;}
.drvapp-btn.ghost{background:transparent; border:1px solid rgba(11,87,147,.35); color:var(--drv-blue)}

.drvapp-tabs{display:flex; gap:10px; padding:10px 0; margin:10px 0; flex-wrap:wrap;}
.drvapp-tabs a{display:inline-block; padding:10px 12px; border-radius:999px; border:1px solid rgba(0,0,0,.12); text-decoration:none; color:var(--drv-blue); font-weight:700; background:#fff;}
.drvapp-tabs a.active{background:var(--drv-yellow); color:#000; border-color:var(--drv-yellow)}

.drvapp-alert{background:#fff3cd; border:1px solid #ffe69c; padding:10px 12px; border-radius:12px; margin:10px 0;}
.drvapp-success{background:#d1e7dd; border:1px solid #a3cfbb; padding:10px 12px; border-radius:12px; margin:10px 0;}

/* Horizontal filters (Manager Dashboard → Jobs) */
.drvapp-filters{margin:10px 0 14px;}
.drvapp-filter-row{display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end;}
.drvapp-filter-row label{font-weight:700; font-size:13px; color:#111; min-width:180px;}
.drvapp-filter-row input,
.drvapp-filter-row select{width:100%; padding:10px 12px; border-radius:12px; border:1px solid rgba(0,0,0,.18); background:#fff; font-size:14px;}
.drvapp-filter-actions{display:flex; gap:10px; align-items:center;}

@media (max-width: 520px){
  .drvapp-filter-row label{min-width:100%;}
  .drvapp-filter-actions{width:100%;}
  .drvapp-filter-actions .drvapp-btn{flex:1;}
}

@media (min-width: 768px){
  .drvapp-grid{grid-template-columns:1fr 1fr;}
}
