/* NewTripForm is a child component: Home.razor.css isolation does not style it. */
.shaheen-new-trip{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:0;overflow:hidden;color:#26384f;font-family:Tajawal,Arial,sans-serif}
.shaheen-new-trip .trip-form-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 26px 18px}
.shaheen-new-trip .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px;width:100%;padding:0}
.shaheen-new-trip .form-grid>.span-2{grid-column:1/-1}
.shaheen-new-trip .form-grid>label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#53647c;font-size:13px;font-weight:700}
.shaheen-new-trip .form-grid input:not([type=checkbox]),.shaheen-new-trip .form-grid select,.shaheen-new-trip .form-grid textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #d9e3ef;border-radius:10px;background:#fff;padding:10px 12px;color:#25364d;font:500 14px Tajawal,Arial,sans-serif;outline:none}
.shaheen-new-trip .form-grid textarea{min-height:86px;resize:vertical}
.shaheen-new-trip .form-grid input:focus,.shaheen-new-trip .form-grid select:focus,.shaheen-new-trip .form-grid textarea:focus{border-color:#78a4e7;box-shadow:0 0 0 3px #eaf2ff}
.shaheen-new-trip .form-grid input[readonly],.shaheen-new-trip .form-grid select:disabled{background:#f5f7fa;color:#68798d}
.shaheen-new-trip .customer-search-field{position:relative}
.shaheen-new-trip .searchable-select{position:relative;width:100%}
.shaheen-new-trip .searchable-select>.material-symbols-rounded{position:absolute;inset-inline-start:12px;top:50%;z-index:2;transform:translateY(-50%);color:#8090a5;font-size:20px;pointer-events:none}
.shaheen-new-trip .searchable-select>input{padding-inline-start:42px!important}
.shaheen-new-trip .searchable-options{position:absolute;inset-inline:0;top:calc(100% + 5px);z-index:30;max-height:290px;overflow-y:auto;padding:5px;border:1px solid #dce4ee;border-radius:11px;background:#fff;box-shadow:0 16px 38px rgba(20,38,70,.18)}
.shaheen-new-trip .searchable-options button{display:block;width:100%;min-height:44px;padding:8px 11px;border:0;border-radius:7px;background:#fff;color:#2d3d53;text-align:start;font:inherit;cursor:pointer}
.shaheen-new-trip .searchable-options button:hover{background:#f2f6fc}
.shaheen-new-trip .searchable-options button strong,.shaheen-new-trip .searchable-options button small{display:block}
.shaheen-new-trip .searchable-options button small{margin-top:3px;color:#8090a4;font-size:11px}
.shaheen-new-trip .searchable-options>span{display:block;padding:14px;text-align:center;color:#78879b}
.shaheen-new-trip .searchable-options .picker-create{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;border-bottom:1px solid #dce7f6;background:#f5f9ff;color:#145dbd}
.shaheen-new-trip .picker-create .material-symbols-rounded{font-size:20px}
.shaheen-new-trip .form-section-title{display:flex;align-items:center;gap:10px;margin:24px 0 17px;padding:11px 14px;border:1px solid #e0e8f2;border-radius:10px;background:#f7f9fd}
.shaheen-new-trip .form-section-title>.material-symbols-rounded{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eaf1ff;color:#245fc9}
.shaheen-new-trip .form-section-title strong{font-size:13px}
.shaheen-new-trip .new-trip-actions,.shaheen-new-trip .nested-modal-card>footer{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:15px 26px;border-top:1px solid #e6edf5;background:#fff}
.shaheen-new-trip .new-trip-actions{flex:0 0 auto}
.shaheen-new-trip button.primary-button,.shaheen-new-trip button.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border-radius:9px;font:700 13px Tajawal,Arial,sans-serif;cursor:pointer}
.shaheen-new-trip button.primary-button{border:1px solid #dcaa42;background:#f7c75f;color:#14243b}
.shaheen-new-trip button.primary-button:disabled{opacity:.6;cursor:wait}
.shaheen-new-trip button.ghost-button{border:1px solid #dbe3ee;background:#fff;color:#53647c}
.shaheen-new-trip button .material-symbols-rounded{font-size:19px}
.shaheen-new-trip .form-error{display:flex;align-items:center;gap:8px;margin:15px 26px 0;padding:10px 13px;border:1px solid #f3caca;border-radius:9px;background:#fff3f3;color:#b53434;font-size:12px}
.shaheen-new-trip .nested-modal-layer{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:24px;background:rgba(7,25,46,.58)}
.shaheen-new-trip .nested-modal-card{display:flex;flex-direction:column;width:min(860px,94vw);max-height:88vh;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 28px 80px rgba(7,25,46,.28)}
.shaheen-new-trip .nested-modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e6edf5}
.shaheen-new-trip .nested-modal-card>header h3{margin:4px 0 0;font-size:20px}
.shaheen-new-trip .nested-modal-card .eyebrow{color:#8090a3;font-size:11px}
.shaheen-new-trip .nested-modal-card .icon-button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#52667c;cursor:pointer}
.shaheen-new-trip .nested-scroll{min-height:0;overflow-y:auto;padding:22px 24px}
.shaheen-new-trip .nested-modal-card>.form-error{margin:14px 24px 0}
.shaheen-new-trip .choice-panel{border:1px solid #dce5ef;border-radius:11px;padding:14px;background:#fbfcfe}
.shaheen-new-trip .choice-panel>strong{display:block;margin-bottom:12px;font-size:13px}
.shaheen-new-trip .choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.shaheen-new-trip .choice-chip{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;min-height:40px;padding:8px 11px;border:1px solid #dce5ef;border-radius:9px;background:#fff;cursor:pointer}
.shaheen-new-trip .choice-chip input{flex:0 0 auto;width:16px;height:16px;margin:0}
.shaheen-new-trip .truck-picker{position:relative;display:flex;flex-direction:column;gap:7px;color:#53647c;font-size:13px}
.shaheen-new-trip .truck-picker-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;border:1px solid #d9e3ef;border-radius:10px;background:#fff;color:#25364d;text-align:start;font:500 14px Tajawal,Arial,sans-serif;cursor:pointer}
.shaheen-new-trip .truck-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:210px;overflow-y:auto;padding:8px;border:1px solid #dce5ef;border-radius:10px;background:#fff}
@media(max-width:720px){.shaheen-new-trip .trip-form-scroll{padding:18px 16px}.shaheen-new-trip .form-grid{grid-template-columns:1fr}.shaheen-new-trip .form-grid>.span-2{grid-column:auto}.shaheen-new-trip .new-trip-actions{flex-wrap:wrap;padding:14px 16px}.shaheen-new-trip .nested-modal-layer{padding:10px}.shaheen-new-trip .nested-modal-card{width:100%;max-height:94vh}.shaheen-new-trip .nested-modal-card>header,.shaheen-new-trip .nested-scroll,.shaheen-new-trip .nested-modal-card>footer{padding-inline:16px}.shaheen-new-trip .choice-grid{grid-template-columns:1fr}}