@media screen {
  .marina-vacation-workspace {
    --mv-paper: #fffdfa;
    --mv-canvas: #f5f2ef;
    --mv-ink: #342e30;
    --mv-muted: #756b6c;
    --mv-line: #e5ddda;
    --mv-red: #ae3546;
    --mv-red-soft: #f8e9eb;
    color: var(--mv-ink);
    background: var(--mv-canvas);
    padding: clamp(12px, 2vw, 28px);
    border-radius: 14px;
    font-family: inherit;
    font-size: 14px;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .marina-vacation-workspace *,
  .marina-vacation-workspace *::before,
  .marina-vacation-workspace *::after { box-sizing: border-box; }
  .marina-vacation-workspace .mv-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
  .marina-vacation-workspace .mv-eyebrow { color: var(--mv-red); text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 750; margin: 0 0 6px; }
  .marina-vacation-workspace h1 { font-size: clamp(23px, 3vw, 30px); line-height: 1.15; letter-spacing: -.035em; font-weight: 750; margin: 0; }
  .marina-vacation-workspace h2 { font-size: 17px; letter-spacing: -.02em; font-weight: 700; margin: 0; }
  .marina-vacation-workspace .mv-subtitle { color: var(--mv-muted); font-size: 12px; line-height: 1.55; margin: 7px 0 0; }
  .marina-vacation-workspace .mv-date { color: var(--mv-muted); font-size: 11px; white-space: nowrap; padding-top: 4px; }
  .marina-vacation-workspace .mv-layout { display: grid; grid-template-columns: minmax(285px, .78fr) minmax(0, 1.6fr); align-items: start; gap: 20px; }
  .marina-vacation-workspace .mv-panel { background: var(--mv-paper); border: 1px solid var(--mv-line); border-radius: 11px; min-width: 0; overflow: hidden; }
  .marina-vacation-workspace .mv-panel-head { padding: 18px 18px 14px; border-bottom: 1px solid var(--mv-line); }
  .marina-vacation-workspace .mv-panel-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .marina-vacation-workspace .mv-year-pill { background: var(--mv-red-soft); color: var(--mv-red); border-radius: 5px; padding: 3px 7px; font-size: 12px; font-weight: 700; }
  .marina-vacation-workspace button,
  .marina-vacation-workspace select,
  .marina-vacation-workspace input { font: inherit; max-width: 100%; }
  .marina-vacation-workspace button { cursor: pointer; }
  .marina-vacation-workspace button:disabled { cursor: not-allowed; }
  .marina-vacation-workspace :is(button, select, input):focus-visible { outline: 2px solid var(--mv-red); outline-offset: 3px; }
  .marina-vacation-workspace .mv-text-button { border: 0; background: transparent; color: var(--mv-red); font-size: 12px; padding: 5px 0; text-decoration: underline; text-underline-offset: 3px; }
  .marina-vacation-workspace .mv-search { width: 100%; margin-top: 13px; }
  .marina-vacation-workspace .mv-input { background: var(--mv-paper); border: 1px solid #d6ccca; border-radius: 6px; color: var(--mv-ink); min-height: 37px; padding: 8px 10px; min-width: 0; }
  .marina-vacation-workspace .mv-account-list { padding: 6px; }
  .marina-vacation-workspace .mv-account { display: block; text-align: left; width: 100%; border: 1px solid transparent; border-bottom-color: var(--mv-line); background: transparent; color: var(--mv-ink); border-radius: 6px; padding: 13px 11px; }
  .marina-vacation-workspace .mv-account:last-child { border-bottom-color: transparent; }
  .marina-vacation-workspace .mv-account:hover { background: #f5efec; }
  .marina-vacation-workspace .mv-account[aria-pressed="true"] { background: var(--mv-red-soft); border-color: #dba7af; }
  .marina-vacation-workspace .mv-account-name { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-weight: 650; line-height: 1.4; }
  .marina-vacation-workspace .mv-account-indicator { color: var(--mv-red); font-size: 11px; font-weight: 500; }
  .marina-vacation-workspace .mv-entitlement { display: block; font-size: 10px; color: var(--mv-muted); margin-top: 3px; line-height: 1.6; }
  .marina-vacation-workspace .mv-account-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; margin-top: 11px; }
  .marina-vacation-workspace .mv-stat-label { display: block; font-size: 9px; color: var(--mv-muted); line-height: 1.4; }
  .marina-vacation-workspace .mv-stat-value { display: block; font-size: 17px; font-weight: 650; font-variant-numeric: tabular-nums; margin-top: 2px; }
  .marina-vacation-workspace .mv-rest { color: #28694f; }
  .marina-vacation-workspace .mv-negative { color: #b32638; }
  .marina-vacation-workspace .mv-deducted { display: block; margin-top: 8px; font-size: 10px; color: var(--mv-muted); }
  .marina-vacation-workspace .mv-account-note { margin: 0; padding: 12px 18px 16px; border-top: 1px solid var(--mv-line); color: var(--mv-muted); font-size: 10px; line-height: 1.6; }
  .marina-vacation-workspace .mv-filters { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; margin-top: 16px; }
  .marina-vacation-workspace .mv-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; font-size: 11px; color: var(--mv-muted); }
  .marina-vacation-workspace .mv-categories { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
  .marina-vacation-workspace .mv-category { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid var(--mv-line); border-radius: 6px; background: transparent; color: var(--mv-muted); font-size: 11px; line-height: 1.3; }
  .marina-vacation-workspace .mv-category[aria-pressed="true"] { background: var(--mv-red); border-color: var(--mv-red); color: #fff8f6; }
  .marina-vacation-workspace .mv-count { font-size: 10px; font-variant-numeric: tabular-nums; opacity: .85; }
  .marina-vacation-workspace .mv-other-years { padding: 11px 18px; background: #f6efed; border-bottom: 1px solid var(--mv-line); display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; font-size: 11px; color: var(--mv-muted); }
  .marina-vacation-workspace .mv-other-year { background: var(--mv-paper); color: var(--mv-red); border: 1px solid #dba7af; padding: 5px 8px; border-radius: 5px; font-size: 11px; font-weight: 600; }
  .marina-vacation-workspace .mv-results { padding: 12px 16px 2px; font-size: 11px; color: var(--mv-muted); display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; }
  .marina-vacation-workspace .mv-request-list { display: grid; gap: 10px; padding: 12px; min-width: 0; }
  .marina-vacation-workspace .mv-request-shell { min-width: 0; }
  .marina-vacation-workspace .mv-request-shell > [data-testid] { margin: 0; min-width: 0; border-radius: 7px; }
  .marina-vacation-workspace .mv-request-shell .flex { min-width: 0; flex-wrap: wrap; }
  .marina-vacation-workspace .mv-request-shell .flex > div { min-width: 0; }
  .marina-vacation-workspace .mv-request-shell :is(p, span) { overflow-wrap: anywhere; }
  .marina-vacation-workspace .mv-request-shell button { white-space: normal; height: auto; min-height: 32px; }
  .marina-vacation-workspace .mv-request-shell svg { flex-shrink: 0; }
  .marina-vacation-workspace .mv-period-tag { display: inline-block; font-size: 10px; color: var(--mv-muted); margin: 0 0 5px 3px; }
  .marina-vacation-workspace .mv-state { padding: 30px 20px; text-align: center; color: var(--mv-muted); font-size: 12px; line-height: 1.6; }
  .marina-vacation-workspace .mv-state strong { display: block; color: var(--mv-ink); font-size: 14px; margin-bottom: 4px; }
  .marina-vacation-workspace .mv-state p { margin: 0 0 8px; }
  .marina-vacation-workspace .mv-error { background: #fbeef0; }
  .marina-vacation-workspace .mv-skeletons { display: grid; gap: 12px; padding: 18px; }
  .marina-vacation-workspace .mv-skeleton { height: 92px; border-radius: 7px; background: #eee7e3; animation: marinaVacationPulse 1.6s ease-in-out infinite; }
  @keyframes marinaVacationPulse { 50% { opacity: .45; } }
  @media (max-width: 900px) {
    .marina-vacation-workspace .mv-layout { grid-template-columns: minmax(255px, .85fr) minmax(0, 1.2fr); gap: 12px; }
    .marina-vacation-workspace .mv-panel-head { padding: 15px 12px; }
    .marina-vacation-workspace .mv-request-list { padding: 9px; }
  }
  @media (max-width: 767px) {
    .marina-vacation-workspace .mv-layout { grid-template-columns: minmax(0, 1fr); }
    .marina-vacation-workspace .mv-heading { margin-bottom: 16px; }
    .marina-vacation-workspace .mv-date { white-space: normal; text-align: right; }
    .marina-vacation-workspace .mv-account-list { max-height: 390px; overflow-y: auto; }
    .marina-vacation-workspace .mv-request-shell > [data-testid] { padding: 12px; }
    .marina-vacation-workspace .mv-request-shell .justify-between { gap: 9px; }
    .marina-vacation-workspace .mv-request-shell .gap-4 { gap: 6px 12px; }
    .marina-vacation-workspace .mv-filters { grid-template-columns: 95px minmax(0, 1fr); }
  }
  @media (prefers-reduced-motion: reduce) {
    .marina-vacation-workspace .mv-skeleton { animation: none; }
  }
}