/* Client onboarding always uses a light surface, independent of dashboard theme. */
#client-form-modal.client-light {color-scheme:light;color:#22324b;--text:#22324b;--muted:#64748b;--border:#dce3ed;--input-bg:#fff}
#client-form-modal.client-light .card {background:#fff;border:1px solid #dce3ed;box-shadow:0 24px 80px #0f172a30;backdrop-filter:none;animation:none}
#client-form-modal.client-light .card-header {background:#fff;border-bottom:1px solid #e2e8f0;padding:22px 26px;gap:16px}
#client-form-modal.client-light .header-title {color:#17243b;font-size:21px;letter-spacing:-.025em}
#client-form-modal.client-light .header-icon {background:#eef2ff;color:#4338ca;border-color:#dce1fc}
#client-form-modal.client-light .logo-badge {background:#f8fafc;color:#64748b;border-color:#e2e8f0}
#client-form-modal.client-light .btn-close {background:#f8fafc;color:#64748b;border:1px solid #dce3ed}
#client-form-modal.client-light .btn-close:hover {background:#e9eef6;color:#17243b}
#client-form-modal.client-light .card-body {background:#f8fafc;padding:24px 26px;gap:24px}
#client-form-modal.client-light .info-chip {background:#eef2f7;border-color:#e2e8f0;min-width:0;padding:12px 14px}
#client-form-modal.client-light .info-chip svg,
#client-form-modal.client-light .info-chip .label {color:#64748b}
#client-form-modal.client-light .info-chip input {background:transparent!important;border:0!important;color:#263750!important;padding:0!important;min-width:0;flex:1;width:100%!important;box-shadow:none}
#client-form-modal.client-light .section {background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}
#client-form-modal.client-light .section-head {border-color:#e2e8f0;padding-bottom:14px}
#client-form-modal.client-light .section-title {color:#334155;letter-spacing:.055em}
#client-form-modal.client-light .section-title-row svg,
#client-form-modal.client-light .input-wrap .ico {color:#8190a6}
#client-form-modal.client-light .field label {color:#516078;letter-spacing:.035em;font-size:11px}
#client-form-modal.client-light input[type="text"],
#client-form-modal.client-light input[type="tel"],
#client-form-modal.client-light input[type="number"],
#client-form-modal.client-light input[type="email"],
#client-form-modal.client-light select,
#client-form-modal.client-light textarea {color:#22324b;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-height:44px;font-size:13px;box-shadow:0 1px 2px #0f172a04}
#client-form-modal.client-light input::placeholder,
#client-form-modal.client-light textarea::placeholder {color:#94a3b8}
#client-form-modal.client-light input:focus,
#client-form-modal.client-light select:focus,
#client-form-modal.client-light textarea:focus {background:#fff;border-color:#6366f1;outline:2px solid #c7d2fe;outline-offset:1px;box-shadow:none}
#client-form-modal.client-light select {color-scheme:light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748b' stroke-width='1.8'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;appearance:none}
#client-form-modal.client-light select option {background:#fff;color:#22324b}
#client-form-modal.client-light .wa-box {background:#f8fafc;border-color:#cbd5e1}
#client-form-modal.client-light .wa-label,
#client-form-modal.client-light .wa-icon {color:#64748b}
#client-form-modal.client-light .wa-box.active {background:#f0fdf4;border-color:#86efac}
#client-form-modal.client-light .wa-box.active .wa-label,
#client-form-modal.client-light .wa-box.active .wa-icon {color:#15803d}
#client-form-modal.client-light .toggle-track {background:#cbd5e1;border-color:#b9c5d5}
#client-form-modal.client-light .member-row {background:#f8fafc;border-color:#e2e8f0}
#client-form-modal.client-light .member-empty {background:#f8fafc;border-color:#cbd5e1;color:#64748b}
#client-form-modal.client-light .btn-add {background:#eef2ff;color:#4338ca;border-color:#c7d2fe}
#client-form-modal.client-light .btn-remove {color:#be123c;background:#fff1f2;border-color:#fecdd3}
#client-form-modal.client-light .totals-section {background:#fff;border-color:#e2e8f0}
#client-form-modal.client-light .totals-section::before {display:none}
#client-form-modal.client-light .totals-head {border-color:#e2e8f0;color:#334155}
#client-form-modal.client-light .total-block label.blue {color:#4338ca}
#client-form-modal.client-light .total-block label.green {color:#15803d}
#client-form-modal.client-light .total-display.navy-bg {background:#eef2ff;border-color:#c7d2fe}
#client-form-modal.client-light .total-display.navy-bg .total-amount {color:#3730a3}
#client-form-modal.client-light .total-display.green-bg {background:#f0fdf4;border-color:#bbf7d0}
#client-form-modal.client-light .total-display.green-bg .total-amount {color:#166534}
#client-form-modal.client-light .total-hint {color:#64748b}
#client-form-modal.client-light .member-count-badge {background:#eef2ff;border-color:#c7d2fe;color:#4338ca}
#client-form-modal.client-light input.profit-input {background:#f0fdf4!important;color:#166534!important;border-color:#bbf7d0!important}
#client-form-modal.client-light input.profit-input:focus {background:#f0fdf4!important;color:#166534!important}
#client-form-modal.client-light .card-footer {background:#fff;border-color:#e2e8f0;padding:18px 26px}
#client-form-modal.client-light .btn-discard {color:#475569;background:#fff;border-color:#cbd5e1}
#client-form-modal.client-light .btn-discard:hover {background:#f1f5f9;color:#1e293b}
#client-form-modal.client-light .btn-save {background:#4338ca;border-color:#4338ca;box-shadow:0 2px 4px #312e8120;letter-spacing:0}
#client-form-modal.client-light .btn-save:hover {background:#3730a3;box-shadow:0 3px 8px #312e8125}
#client-form-modal.client-light .success-box {background:#fff;border-color:#dce3ed}
#client-form-modal.client-light .success-title {color:#17243b}
#client-form-modal.client-light .success-sub {color:#64748b}

/* The legacy form's universal reset must not remove the booking editor spacing. */
#client-form-modal.client-light .tm-client-panel {padding:22px;background:#fff;border:1px solid #dce3ed;border-radius:14px;margin:0}
#client-form-modal.client-light .tm-client-panel h3 {font-size:20px;font-weight:750;color:#17243b;margin:0 0 6px;letter-spacing:-.025em}
#client-form-modal.client-light .tm-muted {color:#64748b;font-size:12px;line-height:1.7;margin:6px 0 18px}
#client-form-modal.client-light .tm-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:0}
#client-form-modal.client-light .tm-grid label,
#client-form-modal.client-light .tm-label {display:flex;flex-direction:column;gap:7px;color:#475569;font-size:12px;font-weight:600;min-width:0}
#client-form-modal.client-light .tm-client-panel>label {display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#475569}
#client-form-modal.client-light .tm-client-panel input:not([type="checkbox"]),
#client-form-modal.client-light .tm-client-panel select,
#client-form-modal.client-light .tm-client-panel textarea {padding:11px 12px;width:100%;font-weight:500;color:#22324b;background-color:#fff}
#client-form-modal.client-light .tm-client-panel select {padding-right:32px}
#client-form-modal.client-light .tm-client-panel textarea {margin:2px 0 0;resize:vertical}
#client-form-modal.client-light .tm-finance-group {border:0;border-top:1px solid #e8edf4;padding:20px 0;margin:0;min-width:0}
#client-form-modal.client-light .tm-finance-group h4,
#client-form-modal.client-light #tm-booking-finance>h4 {font-size:13px;font-weight:750;color:#334155;margin:0 0 14px}
#client-form-modal.client-light .tm-grid label.tm-check {display:flex;flex-direction:row;align-items:flex-start;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:12px;font-size:12px;line-height:1.6;font-weight:500}
#client-form-modal.client-light .tm-check input {min-height:0;width:17px;height:17px;margin:1px 0 0;flex-shrink:0;accent-color:#4338ca}
#client-form-modal.client-light .tm-grid label.tm-check{min-height:48px;cursor:pointer;user-select:none;touch-action:manipulation}
#client-form-modal.client-light .tm-check input[type="checkbox"]{display:block;appearance:auto;width:20px;height:20px;padding:0;margin:0;cursor:pointer;box-shadow:none;transition:none}
#client-form-modal.client-light .wa-box{cursor:pointer;touch-action:manipulation;user-select:none}
#client-form-modal.client-light #waCheck{display:block;position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;margin:0}
#client-form-modal.client-light .wa-box:focus-within{outline:2px solid #818cf8;outline-offset:2px}
#client-form-modal.client-light input[readonly]{background-color:#f8fafc}
#client-form-modal.client-light .tm-client-panel button {padding:10px 14px;background:#f1f4fa;border:1px solid #dce3ed;border-radius:8px;font-size:12px;font-weight:650;color:#334155}
#client-form-modal.client-light .tm-addition {display:grid;grid-template-columns:2fr 1fr 1fr 36px;gap:10px;align-items:end;margin:12px 0}
#client-form-modal.client-light .tm-addition label {display:flex;flex-direction:column;gap:7px;color:#475569;font-size:12px;min-width:0}
#client-form-modal.client-light .tm-addition .tm-check {flex-direction:row;align-items:center;min-height:44px;padding:10px}
#client-form-modal.client-light .tm-addition button {padding:10px 0;color:#be123c;background:#fff1f2;border-color:#fecdd3}
#client-form-modal.client-light #tm-additions+button {margin-bottom:18px}
#client-form-modal.client-light .tm-summary-title {margin:22px 0 10px;font-size:13px;color:#334155;font-weight:750}
#client-form-modal.client-light .tm-preview {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;margin-top:0}
#client-form-modal.client-light .tm-preview>div {padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:9px;min-width:0}
#client-form-modal.client-light .tm-preview span {display:block;font-size:11px;color:#64748b;margin-bottom:8px;line-height:1.5}
#client-form-modal.client-light .tm-preview strong {display:block;font-size:16px;color:#263750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#client-form-modal.client-light .tm-preview .tm-target {background:#eef2ff;border-color:#c7d2fe}
#client-form-modal.client-light .tm-preview .tm-target strong {color:#3730a3}
#client-form-modal.client-light .tm-error {color:#b91c1c;font-size:12px;line-height:1.6;margin-top:10px}
#client-form-modal.client-light .tm-grid label[hidden]{display:none!important}
#client-form-modal.client-light .tm-field-help{font-size:11px;font-weight:400;line-height:1.6;color:#64748b}

/* Global input resets otherwise hide native date field outlines. */
#tm-dialog input[type="date"] {border:1px solid #bac7d9!important;background:#fff!important;color:#24334b!important;padding:11px 12px!important;border-radius:8px!important;min-height:44px;color-scheme:light}
#tm-dialog input[type="date"]:focus {border-color:#6366f1!important;outline:2px solid #c7d2fe;outline-offset:1px}
#invoice-create-modal input.invoice-payment-date{display:block!important;position:static!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;height:36px!important;border:1px solid #cbd5e1!important;border-radius:9px!important;background:#fff!important;color:#1e293b!important;padding:0 10px!important;appearance:auto!important;color-scheme:light}
#invoice-create-modal input.invoice-payment-date:focus{border-color:#6366f1!important;outline:2px solid #c7d2fe;outline-offset:1px}
#invoice-create-modal input.invoice-payment-date::-webkit-calendar-picker-indicator{position:static!important;opacity:1!important;width:auto!important;height:auto!important}
@media(max-width:680px){
  #client-form-modal.client-light {padding:10px!important}
  #client-form-modal.client-light .card-header {padding:18px;align-items:flex-start}
  #client-form-modal.client-light .header-title {font-size:18px}
  #client-form-modal.client-light .logo-badge {display:none}
  #client-form-modal.client-light .card-body {padding:14px;gap:16px}
  #client-form-modal.client-light .section,#client-form-modal.client-light .tm-client-panel {padding:16px}
  #client-form-modal.client-light .tm-grid {grid-template-columns:1fr}
  #client-form-modal.client-light .tm-addition {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #client-form-modal.client-light .tm-preview {grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
  #client-form-modal.client-light .tm-preview strong {font-size:14px}
}
.invoice-receipt-location{border-top:1px solid #e2e8f0;padding-top:12px;margin-top:3px}.invoice-receipt-location label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:650;color:#475569}.invoice-receipt-location input,.invoice-receipt-location select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1!important;background:#fff!important;color:#1e293b!important;border-radius:8px;padding:8px 10px;min-height:36px;font-size:12px}.invoice-dubai-receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.invoice-receipt-location p{font-size:10px;line-height:1.6;color:#64748b;margin-top:8px}
.tm-europe-tour-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750;color:#475569}.tm-europe-tour-field select{width:100%;height:46px;padding:0 14px;border:1.5px solid #cbd5e1;border-radius:10px;background:#fff;color:#1e293b;font-size:13px}
