/*
 * VTA RC6 approved workspaces: visual-only continuity from Tour Program Library.
 * Never change itinerary DOM, direct-cost pricing formulas, PHP, or print/export output.
 */
@media screen {
  .vtps {
    --vt-navy: #143449;
    --vt-blue: #0d8275;
    --vt-border: #dde7eb;
    --vt-muted: #647789;
  }
  .vtps .vtps-top {
    border: 1px solid #e0e8eb;
    background: #fff;
    border-radius: 11px;
    padding: 15px 18px;
    margin-bottom: 14px;
    box-shadow: 0 3px 12px #19394b09;
  }
  .vtps .vtps-top small { color: #0e887a; }
  .vtps .vtps-top h1 { color: #123649; font-size: 21px; letter-spacing: -.035em; }
  .vtps .vtps-top-actions button {
    min-height: 38px; border-radius: 7px; font-weight: 700;
    padding: 8px 11px; background: #fff;
    border: 1px solid #dce7e9; color: #22495b;
  }
  .vtps .vtps-top-actions button:hover:not(:disabled) { background: #eef8f4; border-color: #9ccec1; }
  .vtps .vtps-top-actions .vtps-save {
    background: #0c8274; color: #fff; border-color: #0c8274;
  }
  .vtps .vtps-top-actions .vtps-save:hover:not(:disabled) { background: #08685e; color: #fff; }
  .vtps .vtps-main { gap: 13px; grid-template-columns: 175px minmax(0,1fr); }
  .vtps .vtps-sidebar { background: #f5f8f8; border-radius: 10px; padding: 11px 6px; }
  .vtps .vtps-sidebar button { min-height: 36px; font-size: 12px; }
  .vtps .vtps-sidebar button:focus-visible,.vtps button:focus-visible,
  .vtps input:focus-visible,.vtps textarea:focus-visible {
    outline: 2px solid #17a495; outline-offset: 2px;
  }
  .vtps .vtps-paper {
    border: 1px solid #dfe7e9;
    border-radius: 10px; background: #fff;
    box-shadow: 0 8px 28px #1b3c4e13;
    padding: 36px clamp(21px,4vw,45px);
  }
  .vtps .vtps-paper h3 { color: #0e5d58; }
  .vtps .vtps-meta { border-color: #e1ebec; background: #f5f9f8; }
  .vtps .vtps-day { border-top-color: #e6eeee; }
  .vtps .vtps-day-head > b { background: #e6f4ef; color: #11796d; }
  .vtps .vtps-text-area { border-radius: 7px; }
  .vtps .vtps-text-area:focus { border-color: #159484; outline: 2px solid #d7f1e9; }
  .vtps .vtps-template-gallery {
    border: 1px solid #dce8e6; border-radius: 10px;
    background: #fff; box-shadow: 0 2px 11px #183d420a;
  }
  .vtps .vtps-template-card.selected { border-color: #1b9588; }
  .vta-direct-cost {
    --vta-cost-teal: #0e8074;
    --vta-cost-line: #e0e9ec;
    color: #17384b;
  }
  .vta-direct-cost .page-head h1 { color: #14384b; letter-spacing: -.03em; }
  .vta-direct-cost .vta-toolbar,
  .vta-direct-cost .vta-guest-controls {
    border: 1px solid var(--vta-cost-line);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 9px #14384b06;
  }
  .vta-direct-cost .vta-cost-section {
    border: 1px solid var(--vta-cost-line);
    border-radius: 10px; background: #fff;
    box-shadow: 0 3px 13px #1238460c;
  }
  .vta-direct-cost .vta-cost-section > header {
    background: #f5f8f8;
    border-bottom: 1px solid #e4eded;
    padding: 12px 15px;
  }
  .vta-direct-cost .vta-cost-section h2 { color: #0b615a; font-size: 15px; }
  .vta-direct-cost .vta-table-header { background: #f8faf9; border-bottom-color: #e5eded; }
  .vta-direct-cost .vta-cost-line { border-bottom-color: #e9eeee; }
  .vta-direct-cost .vta-cost-line:hover { background: #f8fbfa; }
  .vta-direct-cost .vta-cost-summaries { gap: 10px; }
  .vta-direct-cost .vta-cost-summary {
    border: 1px solid #dbe8e4; border-top: 3px solid #168b7e;
    border-radius: 9px; background: #fff;
    box-shadow: 0 2px 11px #16394908;
  }
  .vta-direct-cost .vta-star-column { border-color: #dfe9e9; border-radius: 8px; }
  .vta-direct-cost .vta-star-caption { color: #106d64; font-weight: 750; }
  .vta-direct-cost .vta-add-bar { border-top-color: #dce9e7; }
  .vta-direct-cost .vta-save-state { font-weight: 700; }
  .vta-direct-cost :is(input,select,textarea):focus-visible,
  .vta-direct-cost button:focus-visible {
    outline: 2px solid #169c89; outline-offset: 2px;
  }
  /* The existing editor engine, cell calculation, source evidence and guest counters remain intact. */
}
@media screen and (max-width: 820px) {
  .vtps .vtps-main { grid-template-columns: minmax(0,1fr); }
  .vtps .vtps-paper { padding: 22px 17px; }
  .vtps .vtps-top { flex-wrap: wrap; padding: 13px; }
  .vta-direct-cost .vta-cost-section > header { padding: 10px 11px; }
  .vta-direct-cost .vta-cost-summary { min-width: 0; }
}
@media screen and (max-width: 430px) {
  .vtps .vtps-top-actions { width: 100%; gap: 5px; }
  .vtps .vtps-top-actions button { min-height: 38px; padding: 7px 9px; }
  .vtps .vtps-paper { padding: 18px 13px; }
  .vta-direct-cost .vta-toolbar,.vta-direct-cost .vta-guest-controls { padding: 9px; }
}
@media screen and (prefers-reduced-motion:reduce) {
  .vtps button,.vta-direct-cost button { transition: none; }
}