#main:has(>#itineraryStewardPage){padding:12px;min-height:0}
#itineraryStewardPage{font:13px/1.5 "Microsoft YaHei",sans-serif;color:#355b86;background:#fff;border:1px solid #cbdcf0;display:flex;flex-direction:column;height:calc(100dvh - var(--header-height,88px) - 88px);min-height:450px}
#stewardControls{padding:10px;background:#fff;border-bottom:1px solid #cedef2}
#itineraryStewardPage label{display:inline-flex;flex-direction:row;align-items:center;gap:5px;white-space:nowrap;color:#3c5b7e}
#itineraryStewardPage input,#itineraryStewardPage select,#itineraryStewardPage button{font:inherit;height:30px;padding:3px 8px;border:1px solid #d3dfea;border-radius:3px;background:#fff;color:#365c88;width:auto}
#itineraryStewardPage button{cursor:pointer}#itineraryStewardPage button:disabled{opacity:.45;cursor:default}
#itineraryStewardPage .steward-primary{background:#498fd3;color:#fff;border-color:#498fd3}
.steward-query-main,.steward-query-more{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.steward-query-more{padding-top:10px}.steward-query-more[hidden]{display:none}
#itineraryStewardPage .steward-query-main label>span{display:none}#itineraryStewardPage .steward-query-main label{font-size:0}#itineraryStewardPage .steward-query-main label input,#itineraryStewardPage .steward-query-main label select{font-size:13px}
#itineraryStewardPage .steward-keyword{flex:1;min-width:260px}#itineraryStewardPage .steward-query-more select{max-width:240px}
.steward-grid{overflow:auto;flex:1;min-height:160px}.steward-grid table{border-collapse:collapse;width:100%;min-width:2000px;font-size:13px}.steward-grid th{position:sticky;top:0;z-index:1;background:linear-gradient(#edf5ff,#c9ddf7);color:#315684;white-space:nowrap;padding:10px 8px;border:1px solid #c0d5ef;font-weight:500}.steward-grid td{padding:7px 8px;border:1px solid #e0e9f3;text-align:center;height:46px;white-space:nowrap}.steward-grid tbody tr:hover{background:#f0f7ff}
#itineraryStewardPage .steward-link{color:#367eb8;border:0;background:none;height:auto;padding:0;text-decoration:underline}#itineraryStewardPage .steward-line{min-width:240px;max-width:400px;white-space:normal}.steward-dates{font-size:12px}.steward-grid .steward-empty{height:140px;color:#9caebe}
.steward-bottom{border-top:1px solid #d7e4f2;padding:7px 10px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.steward-legend,.steward-page-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.steward-legend{font-size:11px}.steward-legend [data-state=approved]{color:#33a26b}.steward-legend [data-state=pending]{color:#e3a22b}.steward-legend [data-state=archived]{color:#777}.steward-legend [data-state=cancelled]{color:#c47474}#itineraryStewardPage [data-steward-jump]{width:55px}
.steward-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px}.steward-summary p{margin:3px 0}.steward-detail-section{padding:0 16px 14px}.steward-detail-section td{white-space:pre-wrap;min-width:85px}.steward-detail-section h3{font-size:14px}
@media print{body:has(#itineraryStewardPage) header,body:has(#itineraryStewardPage) aside,body:has(#itineraryStewardPage) .tabs,body:has(#itineraryStewardPage) footer,#stewardControls,.steward-bottom{display:none!important}body:has(#itineraryStewardPage) .workspace{margin:0!important}#itineraryStewardPage{height:auto;border:0;page:steward-print}#itineraryStewardPage .steward-grid{overflow:visible}#itineraryStewardPage table{min-width:0;font-size:8px}#itineraryStewardPage td,#itineraryStewardPage th{padding:3px;white-space:normal}#itineraryStewardPage th{position:static}#itineraryStewardPage[data-print=compact] td,#itineraryStewardPage[data-print=compact] th{font-size:7px;padding:1px}#itineraryStewardPage .steward-line{min-width:0}#itineraryStewardPage .steward-link{font-size:inherit;color:#000;text-decoration:none}@page steward-print{size:A3 landscape;margin:8mm}}

#itineraryStewardPage .steward-classification{min-width:80px;white-space:nowrap}

#itineraryStewardPage .steward-quick-filters{display:flex;flex-wrap:wrap;gap:20px;padding:0 20px;border-bottom:1px solid #dce6f1;background:#fff;flex-shrink:0}
#itineraryStewardPage .steward-quick-filters button{position:relative;min-width:0;height:46px;padding:0;border:0;border-radius:0;background:transparent;color:#527da8;box-shadow:none;font-size:14px;white-space:nowrap}
#itineraryStewardPage .steward-quick-filters button:hover{background:transparent;color:#1687e8}
#itineraryStewardPage .steward-quick-filters button[aria-pressed="true"]{background:transparent;color:#1687e8;font-weight:600}
#itineraryStewardPage .steward-quick-filters button[aria-pressed="true"]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#409eff}
#itineraryStewardPage .steward-quick-filters button:focus-visible{outline:2px solid #409eff;outline-offset:3px}
@media print{#itineraryStewardPage .steward-quick-filters{display:none!important}}

#itineraryStewardPage td.steward-nps-cell{cursor:pointer}
#itineraryStewardPage button.steward-nps-result{display:block;width:100%;height:24px;padding:0 2px;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit;font:inherit;line-height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
#itineraryStewardPage button.steward-nps-result:hover,#itineraryStewardPage button.steward-nps-result:focus-visible{text-decoration:underline}
@media print{#itineraryStewardPage button.steward-nps-result{height:auto;line-height:inherit}}

/* Keep the complete itinerary header visible within the data scroller. */
@media screen{
 #itineraryStewardPage .steward-grid{position:relative;isolation:isolate;min-height:0;overscroll-behavior:contain}
 #itineraryStewardPage .steward-grid thead{position:sticky;top:0;z-index:3}
 #itineraryStewardPage .steward-grid th{background-clip:padding-box;box-shadow:inset 0 -1px #c0d5ef}
 #stewardControls,#itineraryStewardPage .steward-bottom{flex-shrink:0}
}