/* Yebrax Travel R1P38 — UX/Productivity finish */
[data-travel-shell="p38"]{--travel-primary:#0b4f6c;--travel-primary-hover:#083f57;--travel-accent:#16a6c9;--travel-success:#138a63;--travel-danger:#c94a4a;--travel-border:#dce6ef;--travel-soft:#f5f8fb;--travel-text:#102a43}
[data-travel-shell="p38"] .btn,[data-travel-shell="p38"] button.btn{border-radius:10px;min-height:38px;font-weight:700;box-shadow:none;transition:.16s ease;border:1px solid var(--travel-border);background:#fff;color:var(--travel-text)}
[data-travel-shell="p38"] .btn:hover{transform:translateY(-1px);border-color:#bfd0df}
[data-travel-shell="p38"] .btn.primary,[data-travel-shell="p38"] .travel-btn-primary{background:var(--travel-primary);border-color:var(--travel-primary);color:#fff}
[data-travel-shell="p38"] .btn.primary:hover{background:var(--travel-primary-hover)}
[data-travel-shell="p38"] .travel-btn-secondary{background:#e9f7fb!important;border-color:#bce8f2!important;color:#08647b!important}
[data-travel-shell="p38"] .travel-btn-ghost{background:#fff!important;color:#52697d!important}
[data-travel-shell="p38"] .travel-page-head{margin-bottom:14px;padding:8px 2px}
[data-travel-shell="p38"] .travel-page-head h1{font-size:clamp(24px,2.1vw,34px);margin:4px 0}
[data-travel-shell="p38"] .travel-page-head p{margin:0;max-width:760px}
[data-travel-shell="p38"] .travel-pipeline{gap:10px;margin-bottom:14px}
[data-travel-shell="p38"] .travel-pipeline>a{min-height:72px;padding:12px;background:#fff;border:1px solid var(--travel-border);border-radius:14px}
[data-travel-shell="p38"] .travel-pipeline>a b{font-size:22px;color:var(--travel-primary)}
[data-travel-shell="p38"] .travel-pipeline>a span{font-size:12px;font-weight:800;color:#61778a}
[data-travel-shell="p38"] .travel-card{border:1px solid var(--travel-border);border-radius:16px;box-shadow:0 8px 24px rgba(16,42,67,.045)}
[data-travel-shell="p38"] .travel-work-grid{align-items:start;gap:14px}
[data-travel-shell="p38"] .travel-form{gap:12px}
[data-travel-shell="p38"] .travel-form label{font-weight:700;color:#354f63}
[data-travel-shell="p38"] .input,[data-travel-shell="p38"] input,[data-travel-shell="p38"] select,[data-travel-shell="p38"] textarea{border-color:#d6e2ec;border-radius:10px;min-height:40px}
[data-travel-shell="p38"] .input:focus,[data-travel-shell="p38"] input:focus,[data-travel-shell="p38"] select:focus,[data-travel-shell="p38"] textarea:focus{border-color:#54b9d0;box-shadow:0 0 0 3px rgba(22,166,201,.12);outline:0}
[data-travel-shell="p38"] .travel-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
[data-travel-shell="p38"] .travel-label-row .btn{min-height:30px;padding:4px 9px;font-size:12px}
[data-travel-shell="p38"] .table-wrap{border:1px solid #e4ebf1;border-radius:12px;overflow:auto}
[data-travel-shell="p38"] .table thead th{background:#f6f9fb;color:#52697d;font-size:12px}
[data-travel-shell="p38"] .table tbody tr:hover{background:#f8fbfd}
/* Simple means daily Travel work only: no supplier/admin/HR/GL clutter. */
[data-travel-shell="p38"].workspace-simple .panel-group[data-group="suppliers"],
[data-travel-shell="p38"].workspace-simple .panel-group[data-group="finance"],
[data-travel-shell="p38"].workspace-simple .panel-group[data-group="hr"],
[data-travel-shell="p38"].workspace-simple .panel-group[data-group="setup"],
[data-travel-shell="p38"].workspace-simple .panel-group[data-group="zatca"]{display:none!important}
[data-travel-shell="p38"].workspace-simple .gc-workspace-badge{background:#e9f7fb;color:#08647b;border-color:#bce8f2}
/* Modal quick-create */
.travel-modal[hidden]{display:none!important}.travel-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.travel-modal__backdrop{position:absolute;inset:0;background:rgba(5,25,40,.56);backdrop-filter:blur(3px)}.travel-modal__panel{position:relative;width:min(680px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.travel-modal__head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:14px}.travel-modal__head h2{margin:3px 0 0}.travel-modal__close{width:38px;height:38px;border:1px solid #dce6ef;background:#fff;border-radius:10px;font-size:24px;cursor:pointer}.travel-modal__actions{display:flex;justify-content:flex-end;gap:8px}.travel-modal-open{overflow:hidden}
@media(max-width:900px){[data-travel-shell="p38"] .travel-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-modal__panel{padding:16px}}