:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f6f5f1;color:#183832}*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:#15574d}header{background:#113b35;color:white}header a{color:white;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 22px}.bar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;letter-spacing:.08em}.brand span{font-weight:400;font-size:.85rem;letter-spacing:0;margin-left:10px}nav{display:flex;align-items:center;gap:18px}nav form{margin:0}.link{border:0;background:none;color:white;padding:0;font-size:1rem}main{padding-top:30px!important;padding-bottom:70px!important}.hero{background:linear-gradient(125deg,#123c36,#226759);padding:40px 44px;border-radius:18px;color:white;margin:10px 0 26px}.hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.18;margin:.2em 0}.hero p{max-width:720px}.hero small{letter-spacing:.2em;color:#c9e9d7}.grid,.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid #e3e6df;border-radius:14px;padding:24px;margin:0 0 18px;box-shadow:0 6px 28px #173b3008}.card h2,.card h3{margin-top:0}.row{display:flex;justify-content:space-between;align-items:center;gap:18px}.tag{display:inline-block;background:#e1efe8;color:#195b4e;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:700}.button,button[type=submit]{display:inline-block;border:0;border-radius:8px;background:#176a59;color:white;text-decoration:none;padding:10px 16px;font-weight:700;cursor:pointer}button[type=submit]:hover,.button:hover{background:#0e4c40}.inline{display:inline-block;margin:0 6px 0 0}label{display:block;font-weight:650;margin:14px 0}input,textarea,select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #b9c9c0;border-radius:7px;font:inherit;background:#fff;color:#183832}input[type=checkbox]{display:inline;width:auto;margin:0 9px 0 0}.check{display:flex;align-items:center}.booking{margin-top:20px}.pre{white-space:pre-line}dl{display:grid;grid-template-columns:150px 1fr;gap:8px}dt{font-weight:700}dd{margin:0}.warning{color:#8a3b13;background:#fff1df;padding:10px;border-radius:7px}.narrow{max-width:500px;margin:50px auto}footer{color:#667c72;padding-bottom:30px!important;font-size:.86rem}ul{padding-left:22px}li{padding:6px 0}@media(max-width:700px){.bar,.row{align-items:flex-start;flex-direction:column}.bar{padding:18px 0}.grid,.two{grid-template-columns:1fr}.hero{padding:30px 24px}.card{padding:18px}dl{grid-template-columns:115px 1fr}nav{flex-wrap:wrap}}
:where(.mfa-secret){display:inline-block;letter-spacing:.08em;overflow-wrap:anywhere}
.booking fieldset{border:1px solid #c9d9d0;border-radius:9px;padding:12px 18px;margin:14px 0}.booking legend{font-weight:700;padding:0 5px}.booking details{border:1px solid #d9e3dc;border-radius:9px;padding:10px 16px;margin:10px 0}.booking summary{cursor:pointer;font-weight:650}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 26px}.page-intro h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15;margin:.2em 0}.page-intro p{max-width:730px;margin:8px 0;color:#48645b}.page-intro small{font-weight:750;letter-spacing:.13em;color:#26705e}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.stats>div{background:#e8f0e9;border:1px solid #d3e1d6;border-radius:12px;padding:17px 20px}.stats strong{display:block;font-size:1.7rem;line-height:1.2;color:#114b3f}.stats span{font-size:.9rem;color:#45655a}.button.secondary{background:#e3efe8;color:#175748}.button.secondary:hover{background:#d2e7da}.departure-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e2e9e2;padding:16px 0}.departure-row small{color:#52675d}.muted{color:#62756b}.table-scroll{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:690px}th,td{text-align:left;vertical-align:top;padding:13px 12px;border-bottom:1px solid #e0e8e1}th{background:#e9f2eb;color:#204d40;font-size:.9rem}td small{display:block;color:#6a7b70;margin-top:4px}tbody tr:hover{background:#fafcf9}nav{flex-wrap:wrap}nav a,nav button{white-space:nowrap}@media(max-width:700px){.page-intro,.departure-row{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding:13px}.stats strong{font-size:1.35rem}}
.filter-bar{display:grid;grid-template-columns:minmax(200px,2fr) minmax(130px,1fr) minmax(130px,1fr) auto;gap:14px;align-items:end}.filter-bar label{margin:0}.filter-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.filter-actions button{margin:0}@media(max-width:850px){.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.filter-bar{grid-template-columns:1fr}.filter-actions{justify-content:space-between}}
.next-step{margin:0;background:#eaf3ec;border-left:4px solid #176a59;padding:14px 17px;border-radius:7px}.next-step strong{margin-right:.45em}
.data-table{min-width:760px}.data-table th{position:sticky;top:0;z-index:1}.data-table td{font-size:.95rem}.data-table tbody tr:nth-child(even){background:#f8faf7}.roster-table{min-width:950px}.roster-table input{min-width:145px;margin:0;padding:8px 10px}.roster-table td:first-child{color:#41665b}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.section-head h2{margin-bottom:4px}.section-head p{margin:0 0 12px;color:#5a7065}.table-search{display:flex;align-items:center;gap:8px;min-width:340px}.table-search input{margin:0}.small-button{padding:8px 12px!important;white-space:nowrap}@media(max-width:700px){.section-head{align-items:stretch;flex-direction:column}.table-search{min-width:0;width:100%}.table-search input{min-width:0}}
.staff-hero{min-height:220px;display:flex;justify-content:space-between;align-items:end;gap:24px;border-radius:18px;padding:34px 38px;margin:4px 0 22px;color:white;background:#102d43 url('/assets/dashboard-hero.png') center/cover no-repeat;box-shadow:0 15px 32px #163d3b20}.staff-hero small{font-size:.75rem;letter-spacing:.2em;font-weight:800;color:#d8e5e2}.staff-hero h1{font-size:clamp(2rem,4vw,3rem);margin:.18em 0}.staff-hero p{font-size:1.08rem;margin:0;color:#eef5f2}.staff-hero .button{background:#fff;color:#173f3a;white-space:nowrap}.staff-hero .button:hover{background:#e6f0e9}.card{box-shadow:0 2px 14px #173b3008}.data-table th{background:#edf3ed}.data-table a{font-weight:650;text-underline-offset:3px}.data-table tbody tr:hover{background:#eaf4ed}.data-table input:focus{outline:2px solid #2a7c63;outline-offset:1px}@media(max-width:700px){.staff-hero{padding:27px 24px;min-height:215px;align-items:flex-start;flex-direction:column;justify-content:space-between;background-position:60% center}.staff-hero p{max-width:280px}}
.document-table{min-width:960px}.review-form{display:flex;gap:7px;align-items:center}.review-form input{margin:0;min-width:165px}.secondary-button{background:#edf1ed!important;color:#2b5345!important}.secondary-button:hover{background:#dce8df!important}
.inline-edit{display:grid;grid-template-columns:minmax(175px,1fr) minmax(130px,.7fr) auto;gap:8px;align-items:end;min-width:465px}.inline-edit label{font-size:.75rem;color:#52695f;margin:0}.inline-edit input{font-size:.9rem;margin:3px 0 0;min-width:0;padding:8px 10px}.inline-edit button{align-self:end}.roster-table{min-width:880px}@media(max-width:700px){.inline-edit{min-width:390px;grid-template-columns:minmax(155px,1fr) minmax(115px,.75fr) auto}}
.table-search button{white-space:nowrap;flex:0 0 auto}
.departure-editors{list-style:none;padding:0;margin:12px 0}.departure-editors>li{padding:0}.departure-editor{border:1px solid #dbe7dd;border-radius:10px;padding:14px 18px}.departure-editor>summary,.card details>summary{cursor:pointer;font-weight:750;color:#1b574a}.departure-editor>summary{padding:4px 0}.departure-editor[open]>summary{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e1e9e2}.departure-editor form{margin:12px 0 20px}.departure-editor .card{box-shadow:none;background:#fafcf9}details>summary:focus-visible{outline:2px solid #176a59;outline-offset:4px}
.roster-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px}.roster-tools p{margin:0}.roster-tools a{font-weight:700;white-space:nowrap}
.customer-roster{min-width:690px}.portal-name-form{display:flex;gap:7px;align-items:center}.portal-name-form input{margin:0;min-width:190px;padding:8px 10px}.portal-name-form button{white-space:nowrap}
.section-head{flex-wrap:wrap}.table-search{flex-wrap:wrap;min-width:0;max-width:100%;width:540px}.table-search input{flex:1 1 220px;min-width:180px}.table-search select{flex:1 1 160px;min-width:155px;margin:0;padding:8px 10px}.table-search button{align-self:stretch}@media(max-width:700px){.table-search{width:100%}.table-search input,.table-search select{flex:1 1 100%;min-width:0}}
.hero{min-height:220px;background:#123d3c url('/assets/dashboard-hero.png') center/cover no-repeat;box-shadow:0 15px 32px #163d3b18}.hero p{max-width:560px;color:#f0f7f2}@media(max-width:700px){.hero{background-position:60% center}}

/* Beyond Travel light blue theme. Keep travel photos as the dark text backdrop. */
:root{background:#f3f8fe;color:#17344e}a{color:#1e639d}header{background:#dceeff;color:#173e61;border-bottom:1px solid #c8deef}header a,header .link{color:#173e61}header a:hover,header .link:hover{color:#0c629f}.card{border-color:#dce8f3;box-shadow:0 3px 16px #1d5d9110}.tag{background:#e2f1ff;color:#175c93}.button,button[type=submit]{background:#2879b8}.button:hover,button[type=submit]:hover{background:#155e98}.button.secondary{background:#dceeff;color:#185988}.button.secondary:hover{background:#cce6fb}.stats>div{background:#e6f3ff;border-color:#cfe4f7}.stats strong{color:#195d93}.stats span,.muted,.page-intro p,.section-head p{color:#54708a}.page-intro small{color:#2871a7}.next-step{background:#e7f4ff;border-left-color:#2879b8}.booking fieldset,.booking details,.departure-editor{border-color:#d3e4f3}.departure-row,th,td{border-bottom-color:#dce8f2}th,.data-table th{background:#e6f2fc;color:#1b527d}.data-table tbody tr:nth-child(even){background:#f7fbff}.data-table tbody tr:hover,tbody tr:hover{background:#eaf5ff}.data-table td:first-child,.roster-table td:first-child{color:#315e81}input,textarea,select{border-color:#b9cfe2;color:#17344e}input:focus,textarea:focus,select:focus,.data-table input:focus{outline:2px solid #2879b8;outline-offset:1px}.secondary-button{background:#e1effb!important;color:#195987!important}.secondary-button:hover{background:#cce4f7!important}.departure-editor>summary,.card details>summary{color:#1c6298}.roster-table label,.inline-edit label{color:#4b6882}.staff-hero .button{color:#164b73}.staff-hero .button:hover{background:#e8f4ff}footer{color:#657d91}
.staff-auth{min-height:100vh;background:linear-gradient(180deg,#edf7ff 0,#f6faff 300px,#f6faff 100%);color:#17344e}.staff-auth header{background:#deeffe}.staff-auth header .bar{min-height:70px}.staff-auth main{min-height:calc(100vh - 135px);padding-top:48px!important}.staff-auth .narrow{max-width:510px;margin:24px auto}.staff-auth .card{padding:34px}.staff-auth h1{font-size:1.8rem;line-height:1.25;margin:8px 0 20px}.staff-auth .auth-eyebrow{font-size:.72rem;font-weight:850;letter-spacing:.14em;color:#2774aa}.staff-auth .auth-review-link{padding:17px;margin:0 0 24px;background:#e8f4ff;border:1px solid #bcdcf3;border-radius:12px}.staff-auth .auth-review-link p{margin:0 0 12px;color:#365d7b;font-size:.9rem}.staff-auth .auth-review-link form{margin:0}.staff-auth .auth-review-link button{width:100%}.staff-auth .auth-customer-link{border-top:1px solid #dce8f3;padding-top:18px;margin:23px 0 0;font-size:.9rem;color:#526d84}.staff-auth footer{text-align:center}@media(max-width:700px){.staff-auth main{padding-top:22px!important}.staff-auth .narrow{margin:10px auto}.staff-auth .card{padding:24px}}
.staff-auth .staff-account-login{border-top:1px solid #dce8f3;padding-top:18px;margin-top:18px}.staff-auth .staff-account-login summary{color:#225679;font-weight:700;cursor:pointer}.staff-auth .staff-account-login form{margin-top:18px}
.manual-consent{border:1px solid #bcdcf3;background:#f2f8fe;border-radius:12px;padding:20px;margin:22px 0}.manual-consent h3{margin:0 0 6px;font-size:1.2rem;color:#173f62}.manual-consent p{margin:0 0 16px;color:#405d72}.manual-consent .check{margin-top:15px}.form-error{border:1px solid #d67b72;background:#fff1ef;border-radius:10px;padding:14px 16px;margin:14px 0;color:#812f28}.form-error p{margin:5px 0 0}
.bar{min-height:76px;padding-top:10px;padding-bottom:10px}.bar nav{flex-wrap:wrap;justify-content:flex-end;gap:7px 16px}.bar nav a,.bar nav .link{font-size:.91rem;white-space:nowrap}.user-row-edit{display:flex;align-items:center;gap:8px}.user-row-edit select{width:auto;min-width:110px;margin:0;padding:7px}.user-row-edit button{white-space:nowrap}@media(max-width:700px){.bar nav{justify-content:flex-start}.user-row-edit{flex-wrap:wrap}.user-row-edit select{min-width:0}}
.catalog-filter{display:grid;grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(145px,1fr) minmax(145px,1fr) auto;gap:12px;align-items:end}.catalog-filter label{margin:0}.catalog-filter .filter-actions{padding-bottom:1px}.catalog-filter+.muted{margin:14px 0 0}@media(max-width:920px){.catalog-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.catalog-filter{grid-template-columns:1fr}}
.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:850px){.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.filter-bar{grid-template-columns:1fr}}

/* Staff workspace: a calm Beyond Travel operations desk with wide, editable sheets. */
.staff-app{background:#f4f8fc;color:#17344e;min-height:100vh}
.staff-app header{position:fixed;inset:0 auto 0 0;width:228px;z-index:10;background:#e9f4fd;border-right:1px solid #d4e4f1;border-bottom:0}
.staff-app header .bar{height:100%;min-height:0;padding:28px 15px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:28px}
.staff-app .brand{padding:0 11px;line-height:1.25;font-size:1.08rem;letter-spacing:.045em;color:#164b74}
.staff-app .brand span{display:block;margin:5px 0 0;font-size:.73rem;font-weight:650;letter-spacing:.02em;color:#66859d}
.staff-app nav{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:3px;width:100%}
.staff-app nav a,.staff-app nav .link{display:block;width:100%;padding:10px 12px;border-radius:9px;text-align:left;font-size:.91rem;font-weight:650;color:#345a77;text-decoration:none}
.staff-app nav a:hover,.staff-app nav a[aria-current="page"],.staff-app nav .link:hover{background:#d5eafb;color:#105b94}
.staff-app nav form{margin-top:16px;padding-top:12px;border-top:1px solid #cbdfea}
.staff-app main.wrap{max-width:none;margin:0 0 0 228px;padding:27px 34px 90px!important;min-width:0}
.staff-app footer.wrap{margin-left:228px;max-width:none;padding:0 34px 25px!important}
.staff-app .page-intro{margin:0 0 20px}.staff-app .page-intro h1{font-size:clamp(1.75rem,2.7vw,2.45rem)}
.staff-app .staff-hero{min-height:184px;border-radius:15px;padding:27px 32px;margin:0 0 20px}
.staff-app .staff-hero h1{font-size:2.3rem}.staff-app .staff-hero p{font-size:1rem}
.staff-app .hero{min-height:170px;padding:25px 31px;margin:12px 0 20px;border-radius:14px}
.staff-app .hero h1{font-size:clamp(1.8rem,3vw,2.55rem)}
.staff-app .card{border-radius:12px;padding:19px 22px;margin-bottom:17px}
.staff-app .grid>.card{min-height:150px}.staff-app .grid>.card p{margin:5px 0 14px}
.staff-app .stats{gap:10px;margin-bottom:17px}.staff-app .stats>div{padding:13px 17px;border-radius:10px}
.staff-app .stats strong{font-size:1.45rem}.staff-app .stats span{font-size:.83rem}
.staff-app .table-scroll{border:1px solid #dce8f2;border-radius:9px;max-height:70vh;overflow:auto;background:white}
.staff-app table{min-width:840px}.staff-app th,.staff-app td{padding:10px 12px;border-right:1px solid #e9f0f6;vertical-align:middle}
.staff-app th:last-child,.staff-app td:last-child{border-right:0}
.staff-app th{position:sticky;top:0;z-index:2;background:#eaf3fb!important;white-space:nowrap;color:#315b7b;font-size:.79rem;font-weight:800;letter-spacing:.015em}
.staff-app td{font-size:.9rem}.staff-app td small{font-size:.78rem;line-height:1.35}
.staff-app tbody tr:nth-child(even){background:#f8fbfe}.staff-app tbody tr:hover{background:#eaf5ff}
.staff-app .table-search{width:auto}.staff-app .roster-table{min-width:1160px}
.staff-app .roster-table td:first-child{font-weight:750;color:#3c6483}
.staff-app .roster-table input{width:100%;min-width:138px;padding:7px 9px;font-size:.88rem;border-radius:6px}
.staff-app .roster-table .room-input{min-width:120px}.staff-app .roster-table .small-button{padding:7px 10px!important}
.staff-app .roster-table .row-actions{white-space:nowrap}.staff-app .roster-table .row-actions a{margin-left:7px}
.staff-app .status-pill{display:inline-block;padding:3px 8px;border-radius:6px;background:#e8f4e9;color:#246246;font-size:.78rem;font-weight:750;white-space:nowrap}
.staff-app .status-pill.waiting{background:#fff3dc;color:#835619}.staff-app .status-pill.missing{background:#fdecec;color:#9b4141}
.staff-app .money-cell{font-variant-numeric:tabular-nums;white-space:nowrap}
.staff-app .long-link{overflow-wrap:anywhere;word-break:break-word}
.staff-app .section-head .table-search{flex:0 1 530px;width:530px;flex-wrap:nowrap}
.staff-app .section-head .table-search input{flex:1 1 230px;min-width:170px}
.staff-app .section-head .table-search select{flex:0 0 175px;min-width:0}
.staff-app .section-head .table-search button{flex:0 0 auto}
.staff-app .tour-filter{grid-template-columns:minmax(190px,2fr) repeat(5,minmax(120px,1fr)) auto}
.staff-app .tour-index td:last-child{min-width:255px;white-space:nowrap}
.staff-app .tour-index td:last-child small{display:inline;margin:0 9px}
.staff-app .tour-index form.inline{display:inline;margin:0}
.staff-app .tour-index form.inline button{padding:6px 9px;background:#e1effa;color:#195d92;font-size:.78rem}
.staff-app .tour-index form.inline button:hover{background:#cee5f8}
.staff-app .order-filter{grid-template-columns:minmax(210px,1.8fr) minmax(170px,1.5fr) repeat(4,minmax(125px,1fr)) auto}
.staff-app .order-filter .filter-actions{gap:7px}
.staff-app .order-filter .filter-actions a{font-size:.82rem}
@media(max-width:1400px){.staff-app .order-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1300px){.staff-app .tour-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.staff-app .section-head .table-search{flex-basis:100%;width:100%}}
@media(max-width:900px){.staff-app header{position:static;width:auto;border-right:0;border-bottom:1px solid #d4e4f1}.staff-app header .bar{height:auto;padding:15px 20px;gap:12px}.staff-app .brand span{display:inline;margin-left:8px}.staff-app nav{flex-direction:row;flex-wrap:wrap;gap:4px}.staff-app nav a,.staff-app nav .link{width:auto;padding:7px 9px}.staff-app nav form{margin:0;padding:0;border:0}.staff-app main.wrap,.staff-app footer.wrap{margin-left:0;padding-left:20px!important;padding-right:20px!important}}
@media(max-width:600px){.staff-app .staff-hero{min-height:170px;padding:22px}.staff-app .staff-hero h1{font-size:1.8rem}.staff-app .card{padding:15px}.staff-app .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-app th,.staff-app td{padding:8px 9px}.staff-app .section-head .table-search{flex-wrap:wrap}.staff-app .section-head .table-search input,.staff-app .section-head .table-search select{flex:1 1 100%}.staff-app .tour-filter,.staff-app .order-filter{grid-template-columns:1fr}}

/* Keep each traveller identifiable while the wide roster sheet scrolls. */
.staff-app .roster-table th:first-child,.staff-app .roster-table td:first-child{position:sticky;left:0;width:54px;min-width:54px;max-width:54px;z-index:3;background:#fff}
.staff-app .roster-table th:nth-child(2),.staff-app .roster-table td:nth-child(2){position:sticky;left:54px;min-width:220px;z-index:3;background:#fff;box-shadow:2px 0 5px #17344e12}
.staff-app .roster-table th:first-child,.staff-app .roster-table th:nth-child(2){z-index:5;background:#eaf3fb}
.staff-app .roster-table tbody tr:nth-child(even) td:first-child,.staff-app .roster-table tbody tr:nth-child(even) td:nth-child(2){background:#f8fbfe}
.staff-app .roster-table tbody tr:hover td:first-child,.staff-app .roster-table tbody tr:hover td:nth-child(2){background:#eaf5ff}
@media(max-width:600px){.staff-app .roster-table th:nth-child(2),.staff-app .roster-table td:nth-child(2){width:168px;min-width:168px;max-width:168px}.staff-app .roster-table input{min-width:0}}
.portal-orders{min-width:900px}.portal-orders td:nth-child(5),.portal-orders td:nth-child(6),.portal-orders td:nth-child(7),.portal-orders td:nth-child(8){white-space:nowrap;font-variant-numeric:tabular-nums}.portal-orders .selected-row{background:#e6f2fc!important}#booking-detail{scroll-margin-top:22px}.mobile-table-hint{display:none;color:#54708a;font-size:.86rem;margin:12px 0 8px}@media(max-width:700px){.mobile-table-hint{display:block}}

/* Staff tables are the main workspace. Keep their actions visible and remove nested vertical scrolling. */
.staff-app{font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;background:#f5f8fc}
.staff-app header{width:208px;background:#eaf3fb}
.staff-app header .bar{padding:23px 12px 18px;gap:22px}
.staff-app .brand{font-size:1rem;letter-spacing:.065em}
.staff-app .brand span{font-size:.72rem}
.staff-app .nav-group{display:block;margin:9px 12px 4px;color:#7890a4;font-size:.69rem;font-weight:800;letter-spacing:.13em}
.staff-app nav a,.staff-app nav .link{padding:8px 12px;font-size:.88rem;border-radius:7px}
.staff-app nav a[aria-current="page"]{background:#d8eaf9;color:#164f7d;box-shadow:inset 3px 0 #2879b8}
.staff-app nav .nav-language{margin-top:10px;border:1px solid #c8deef;background:#f5fbff;text-align:center}
.staff-app nav form{margin-top:11px;padding-top:10px}
.staff-app main.wrap{margin-left:208px;padding:26px 26px 76px!important}
.staff-app footer.wrap{margin-left:208px;padding:0 26px 20px!important}
.staff-app .page-intro{margin-bottom:16px}
.staff-app .page-intro h1{font-size:clamp(1.65rem,2.45vw,2.15rem);letter-spacing:-.02em}
.staff-app .page-intro p{margin:5px 0;font-size:.91rem}
.staff-app .card{padding:16px 19px;margin-bottom:14px;border:1px solid #dbe7f1;box-shadow:0 2px 10px #235b8610}
.staff-app .card h2{font-size:1.12rem;margin:0 0 8px}
.staff-app .card p{font-size:.9rem}
.staff-app .stats{gap:8px;margin-bottom:14px}
.staff-app .stats>div{padding:12px 15px;background:#e8f3fc}
.staff-app .stats strong{font-size:1.35rem;font-variant-numeric:tabular-nums}
.staff-app .stats span{font-size:.78rem}
.staff-app .catalog-filter{gap:8px 10px}
.staff-app .catalog-filter label,.staff-app .order-filter label{font-size:.77rem;font-weight:750;color:#466985}
.staff-app .catalog-filter input,.staff-app .catalog-filter select,.staff-app .order-filter input,.staff-app .order-filter select{height:36px;margin-top:4px;padding:6px 9px;font-size:.87rem}
.staff-app .catalog-filter .filter-actions button,.staff-app .order-filter .filter-actions button{padding:8px 12px}
.staff-app .table-scroll{max-height:none;overflow-x:auto;border-radius:8px}
.staff-app .data-table th,.staff-app .data-table td{padding:10px 11px}
.staff-app .data-table th{font-size:.75rem;letter-spacing:.015em;color:#355b78}
.staff-app .data-table td{font-size:.86rem}
.staff-app .data-table td small{font-size:.76rem;color:#6b8090}
.staff-app .data-table tbody tr:nth-child(even){background:#f8fbfe}
.staff-app .data-table tbody tr:hover{background:#e9f4fd}
.staff-app .table-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.staff-app .table-heading h2{margin:0}
.staff-app .table-heading span,.staff-app .table-count{font-size:.78rem;color:#657f93}
.staff-app .table-count{margin:8px 0 12px}
.staff-app .back-link{display:inline-block;margin:0 0 10px;font-size:.86rem}
.staff-app .detail-jump{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;width:auto;margin:-3px 0 14px}
.staff-app .detail-jump a{display:inline-flex;width:auto;padding:6px 11px;border:1px solid #d5e6f4;border-radius:7px;background:#fff;font-size:.82rem;text-decoration:none;font-weight:700}
.staff-app .detail-jump a:hover{background:#e5f3fd}
.staff-app .detail-jump{position:sticky;top:0;z-index:8;gap:6px;margin:0 0 20px;padding:9px 0;background:#f5f8fc;border-bottom:1px solid #d9e6f1}
.staff-app .detail-jump a{gap:7px;padding:8px 11px;color:#27516f}
.staff-app .detail-jump a span{font-size:.73rem;font-weight:850;color:#2879b8;font-variant-numeric:tabular-nums}
.staff-app .detail-jump a:focus-visible{outline:3px solid #2879b8;outline-offset:2px}
.staff-app .detail-section{margin:0 0 26px;scroll-margin-top:85px;border:1px solid #cedeed;border-radius:14px;background:#eef5fb;overflow:hidden}
.staff-app .detail-section-head{display:flex;align-items:center;gap:16px;padding:17px 21px;background:#e2f0fa;border-bottom:1px solid #cedeed}
.staff-app .detail-section-number{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:#1d659a;color:#fff;font-size:.88rem;font-weight:850;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.staff-app .detail-section-head h2{margin:0;color:#123d5e;font-size:1.42rem;line-height:1.24;letter-spacing:-.02em}
.staff-app .detail-section-head p{margin:3px 0 0;color:#4e708a;font-size:.83rem}
.staff-app .detail-section-body{padding:16px 18px 4px}
.staff-app .detail-section-body>.card{border-color:#d5e4f0;box-shadow:0 2px 8px #24577e0c}
.staff-app .detail-section:target{border-color:#398ac2;box-shadow:0 0 0 3px #a7d5f388}
.staff-app .detail-section:target .detail-section-head{background:#d7ebfa}
.staff-app .detail-section-payments .detail-section-number{background:#1f746f}
.staff-app .detail-section-roster .detail-section-number{background:#595da1}
.staff-app .detail-section-documents .detail-section-number{background:#9b671d}
.staff-app .detail-section-terms .detail-section-number{background:#61788a}
@media(max-width:650px){.staff-app .detail-jump{position:static}.staff-app .detail-section-head{padding:14px;gap:12px}.staff-app .detail-section-head h2{font-size:1.19rem}.staff-app .detail-section-body{padding:12px 10px 0}.staff-app .detail-section-number{flex-basis:36px;width:36px;height:36px}}
.staff-app .detail-table{min-width:690px}
.staff-app .payment-connection{display:grid;grid-template-columns:minmax(190px,260px) 1fr;align-items:center;gap:18px;border-left:4px solid #2879b8;padding-left:14px}
.staff-app .payment-connection small{display:block;font-size:.73rem;font-weight:800;letter-spacing:.06em;color:#527795}
.staff-app .payment-connection strong{display:block;font-size:1.08rem;line-height:1.35;color:#174b71}
.staff-app .payment-connection p{margin:0;max-width:760px;color:#3d617d}
.staff-app .payment-connection-copy .payment-connection-evidence{margin-top:7px;padding-top:7px;border-top:1px solid #dce8f2;font-size:.82rem;font-weight:700;color:#315b78}
.staff-app .payment-explainer{margin-top:14px;border-top:1px solid #dce8f2;padding-top:11px}
.staff-app .payment-explainer summary{cursor:pointer;font-weight:800;color:#18567f}
.staff-app .payment-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;list-style:none;counter-reset:payment-step;margin:14px 0;padding:0}
.staff-app .payment-flow li{counter-increment:payment-step;padding:11px;background:#f1f8fe;border:1px solid #d5e8f5;border-radius:9px;font-size:.82rem;color:#3b5e79}
.staff-app .payment-flow li::before{content:counter(payment-step,decimal-leading-zero);display:block;color:#3179aa;font-size:.76rem;font-weight:900;margin-bottom:5px}
.staff-app .payment-flow strong,.staff-app .payment-flow span{display:block}
.staff-app .payment-flow strong{color:#174b71;margin-bottom:4px}
.staff-app .payment-notification-address{font-size:.82rem;color:#456780;overflow-wrap:anywhere;margin:11px 0 0}
.staff-app .payment-notification-address code{font-size:.8rem;color:#154f79}
.staff-app .payment-ledger-table{min-width:820px}
.staff-app .payment-entry-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}
.staff-app .payment-entry-heading small{font-size:.73rem;font-weight:800;letter-spacing:.08em;color:#3776a5}
.staff-app .payment-entry-heading h2{margin:4px 0 5px;color:#164f78}
.staff-app .payment-entry-heading p{margin:0;color:#446981}
.staff-app .payment-entry-amounts{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0 13px}
.staff-app .payment-entry-amounts span{padding:9px 12px;background:#eef7ff;border:1px solid #cfe4f7;border-radius:9px;color:#486c86;font-size:.83rem}
.staff-app .payment-entry-amounts strong{margin-left:5px;color:#154f79;font-variant-numeric:tabular-nums;white-space:nowrap}
.staff-app .payment-entry-form{margin-top:13px}
.staff-app .payment-entry-form textarea{max-width:100%}
#record-payment,#payment-update{scroll-margin-top:18px}
.staff-app .payment-focus{display:flex;justify-content:space-between;align-items:center;gap:16px;border-left:4px solid #2879b8;padding-left:13px}
.staff-app .payment-focus div{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}
.staff-app .payment-focus small{font-weight:800;color:#2d709f}
.staff-app .payment-focus strong{color:#164f78}
.staff-app .payment-focus span{color:#496d87;font-variant-numeric:tabular-nums}
.staff-app .payment-ledger-table .money-cell{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.staff-app .receivables-table th:nth-child(3),.staff-app .receivables-table th:nth-child(4),.staff-app .receivables-table th:nth-child(5),.staff-app .transaction-table th:nth-child(4),.staff-app .transaction-table th:nth-child(5),.staff-app .transaction-table th:nth-child(6){text-align:right}
.staff-app .crm-payment-totals{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0 16px}
.staff-app .crm-payment-totals span{display:flex;align-items:baseline;gap:9px;padding:9px 12px;border:1px solid #d0e4f1;border-radius:9px;background:#f0f8ff;color:#466b86;font-size:.81rem;font-weight:700}
.staff-app .crm-payment-totals strong{color:#174e72;font-size:1rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.staff-app .receivables-table th:last-child,.staff-app .receivables-table td:last-child{position:sticky;right:0;min-width:95px;background:#fff;border-left:1px solid #dce8f2;box-shadow:-4px 0 8px #1d5d910a}
.staff-app .receivables-table th:last-child{z-index:2;background:#e6f2fc}
.staff-app .receivables-table tbody tr:nth-child(even) td:last-child{background:#f8fbfe}
.staff-app #manual-payment{scroll-margin-top:84px}
.staff-app #manual-payment:target{border-color:#398ac2;box-shadow:0 0 0 3px #a7d5f388}
@media(max-width:650px){.staff-app .payment-connection{grid-template-columns:1fr;gap:7px}}
@media(max-width:850px){.staff-app .payment-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.staff-app .payment-flow{grid-template-columns:1fr}}
.staff-app .detail-table td{font-variant-numeric:tabular-nums}

/* Booking detail: make the page, its five sections, and payment actions distinct. */
.staff-app .order-detail-page{max-width:1320px;margin:auto}
.staff-app .order-detail-page .page-intro{margin-bottom:16px}
.staff-app .order-detail-page .page-intro h1{font-size:clamp(2rem,3.1vw,2.8rem);font-weight:800}
.staff-app .booking-glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.staff-app .booking-glance>div{min-width:0;min-height:79px;padding:13px 16px;background:#fff;border:1px solid #d3e3f0;border-radius:10px;box-shadow:0 2px 10px #195b8810}
.staff-app .booking-glance span{display:block;margin-bottom:4px;color:#56758c;font-size:.76rem;font-weight:800;letter-spacing:.03em}
.staff-app .booking-glance strong{display:block;color:#173f5d;font-size:1.13rem;line-height:1.25;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.staff-app .booking-glance .booking-date-range{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:0;font-size:1rem}
.staff-app .booking-date-range time{white-space:nowrap}
.staff-app .booking-date-range span{color:#7891a4}
.staff-app .booking-glance .booking-state{color:#176e66}
.staff-app .booking-glance .booking-glance-balance{background:#e7f3fc;border-color:#b9d9ef}
.staff-app .booking-glance-balance strong{color:#115d93;font-size:1.32rem}
.staff-app .order-next-action .card{margin-bottom:18px;padding:10px;border-color:#c9dfee}
.staff-app .order-next-action .next-step{font-size:.91rem;line-height:1.45}
.staff-app .order-detail-page .detail-jump{margin-bottom:28px;padding:11px 0}
.staff-app .order-detail-page .detail-jump a{font-size:.84rem;font-weight:750;border-color:#c9deee}
.staff-app .order-detail-page .detail-section{--section-accent:#256d9e;margin-bottom:34px;border:1px solid #cddfed;border-top:5px solid var(--section-accent);background:#f7fbfe;box-shadow:0 7px 22px #1c567b12}
.staff-app .order-detail-page .detail-section-payments{--section-accent:#1f7772}
.staff-app .order-detail-page .detail-section-roster{--section-accent:#5d63a4}
.staff-app .order-detail-page .detail-section-documents{--section-accent:#a46b1f}
.staff-app .order-detail-page .detail-section-terms{--section-accent:#61788a}
.staff-app .order-detail-page .detail-section-head{padding:20px 23px;background:#fff;border-bottom:2px solid #dceaf4;gap:17px}
.staff-app .order-detail-page .detail-section-number{width:50px;height:50px;flex-basis:50px;background:var(--section-accent);font-size:1rem;border-radius:12px}
.staff-app .order-detail-page .detail-section-head h2{font-size:1.68rem;font-weight:800;line-height:1.17;letter-spacing:-.025em}
.staff-app .order-detail-page .detail-section-head p{font-size:.9rem;margin-top:5px}
.staff-app .order-detail-page .detail-section-body{padding:20px 22px 5px}
.staff-app .order-detail-page .detail-section-body>.card{border-color:#d3e3ef;box-shadow:0 2px 10px #1b537c0d}
.staff-app .order-detail-page .detail-block-title{margin:0 0 12px;color:#174968;font-size:1.12rem;font-weight:800}
.staff-app .order-detail-page .detail-record-title{margin-top:25px;padding-top:20px;border-top:2px solid #e2edf6}
.staff-app .order-detail-page .detail-balance-cell strong{font-size:1.12rem;color:#115d93}
.staff-app .order-detail-page .detail-action-card{border-left:4px solid #277bad!important;background:#fbfdff}
.staff-app .order-detail-page .detail-action-card h3{margin:0 0 5px;color:#174968;font-size:1.15rem;font-weight:800}
.staff-app .order-detail-page .detail-action-card>p{margin:0 0 13px;color:#4e6e87;font-size:.87rem}
.staff-app .order-detail-page .detail-action-card form{padding-top:4px}
@media(max-width:1050px){.staff-app .booking-glance{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.staff-app .booking-glance{gap:7px}.staff-app .booking-glance>div{min-height:71px;padding:10px 12px}.staff-app .booking-glance strong{font-size:.96rem}.staff-app .booking-glance-balance strong{font-size:1.12rem}.staff-app .order-detail-page .detail-jump{margin-bottom:19px}.staff-app .order-detail-page .detail-section{margin-bottom:23px}.staff-app .order-detail-page .detail-section-head{padding:15px;gap:11px}.staff-app .order-detail-page .detail-section-number{width:41px;height:41px;flex-basis:41px;font-size:.86rem}.staff-app .order-detail-page .detail-section-head h2{font-size:1.3rem}.staff-app .order-detail-page .detail-section-body{padding:12px 10px 0}}
/* Booking details: distinct chapter headers, readable records, and a separate work area. */
.staff-app .order-detail-page .detail-section{--section-wash:#e4f1fb;background:#f5faff}
.staff-app .order-detail-page .detail-section-payments{--section-wash:#e2f4ef}
.staff-app .order-detail-page .detail-section-roster{--section-wash:#ececfa}
.staff-app .order-detail-page .detail-section-documents{--section-wash:#fff1de}
.staff-app .order-detail-page .detail-section-terms{--section-wash:#eaf0f5}
.staff-app .order-detail-page .detail-section-head{background:var(--section-wash);border-bottom:1px solid #d4e2ed}
.staff-app .order-detail-page .detail-section-head h2{color:#143e5d}
.staff-app .order-detail-page .detail-section-body>.card{margin-bottom:18px;padding:20px}
.staff-app .order-detail-page .detail-block-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:1.22rem;line-height:1.3}
.staff-app .order-detail-page .detail-block-title:before{content:"";width:5px;height:22px;border-radius:3px;background:var(--section-accent)}
.staff-app .order-detail-page .detail-heading-count{padding:4px 9px;border-radius:999px;background:#e2f1fb;color:#285d7e;font-size:.75rem;font-weight:800}
.staff-app .order-detail-page .detail-section-body>.card .data-table th{background:#e5f0f9;color:#204d70;font-size:.79rem}
.staff-app .order-detail-page .detail-section-body>.card .data-table td{font-size:.92rem;line-height:1.45}
.staff-app .order-detail-page .detail-workflow{margin:30px 0 20px;padding:0 0 3px;border-top:2px solid #b6d2e4}
.staff-app .order-detail-page .detail-workflow-head{padding:18px 2px 9px}
.staff-app .order-detail-page .detail-workflow-head h3{margin:0;color:#174968;font-size:1.3rem;line-height:1.25}
.staff-app .order-detail-page .detail-workflow-head p{margin:4px 0 0;color:#58738a;font-size:.86rem}
.staff-app .order-detail-page .detail-workflow .detail-action-card{margin:12px 0;background:#fff;border-left-width:5px!important}
.staff-app .order-detail-page .detail-workflow .detail-action-card h3{font-size:1.1rem}
.booking-room-note{margin:16px 0;padding:12px 16px;border-left:4px solid #2879b8;background:#edf7ff;border-radius:6px;color:#315a75}
.booking .booking-room{padding:18px 20px;background:#f9fcff;border-color:#cadfed}
.booking .booking-room legend{padding:0 8px;color:#164c75;font-size:1.15rem;font-weight:800}
.booking .room-adults{max-width:270px}
.booking .optional-travellers{background:#fff;border:1px solid #d8e7f2;margin:9px 0;padding:10px 14px}
.booking .optional-travellers summary{color:#1d618f;font-weight:750}
.booking .optional-travellers p{margin:10px 0 2px;color:#57748a;font-size:.88rem}
.booking .extra-rooms{margin:18px 0}
.booking-price-preview{margin:22px 0 16px;padding:19px 21px;border:2px solid #a7cde8;border-radius:12px;background:#eaf6ff;color:#173f5d}
.booking-price-preview-top{margin:10px 0 18px;background:#e3f4ff;border-color:#7db8df;box-shadow:0 6px 18px #174d7512}
.booking-price-preview>strong{display:block;font-size:1.2rem}
.booking-price-preview p{margin:10px 0 0;font-size:.9rem;color:#496b83}
.booking-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.booking-price-grid>div{padding:3px 0}
.booking-price-grid span{display:block;color:#4e6c81;font-size:.86rem;font-weight:750}
.booking-price-grid strong{display:block;color:#164c73;font-size:1.55rem;line-height:1.25;font-variant-numeric:tabular-nums}
.booking-price-grid .booking-price-due{border-left:2px solid #b5d6ec;padding-left:18px}
.booking-price-grid .booking-price-due strong{color:#0d6a78}
.booking-price-breakdown{margin:12px 0 0;padding-left:20px;border-top:1px solid #c5dfef;color:#47677e;font-size:.86rem}
.booking-price-request{background:#fff5e7;border-color:#edcf9f}
.booking button[type=submit]:disabled{opacity:.55;cursor:not-allowed}
.booking label[hidden]{display:none}
.staff-app .manual-booking .booking-room{margin:12px 0;padding:15px;border:1px solid #d1e4f2;border-radius:10px;background:#f8fcff}
.staff-app .manual-booking .booking-room legend{padding:0 6px;color:#174968;font-weight:800}
.staff-app .manual-booking .optional-travellers{margin:8px 0;padding:10px 12px;border:1px solid #d8e7f2;border-radius:8px;background:#fff}
.staff-app .manual-booking .optional-travellers p{font-size:.84rem;color:#58738a}
.staff-app .manual-price-preview{margin:18px 0;padding:17px 19px;border:2px solid #a7cde8;border-radius:12px;background:#eaf6ff;color:#173f5d}
.staff-app .manual-price-preview>strong{font-size:1.06rem}
.staff-app .manual-price-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;color:#174968}
.staff-app .manual-price-head span{font-size:.82rem;font-weight:750;color:#52728a}
.staff-app .manual-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:12px}
.staff-app .manual-price-grid>div{padding:10px 12px;border:1px solid #cfe2f0;border-radius:8px;background:#fff}
.staff-app .manual-price-grid span{display:block;font-size:.77rem;font-weight:750;color:#59778b}
.staff-app .manual-price-grid strong{display:block;margin-top:5px;color:#184c70;font-size:1.06rem;font-variant-numeric:tabular-nums}
.staff-app .manual-price-grid .manual-price-total{border-color:#79b5d9;background:#f2faff}
.staff-app .manual-price-grid .manual-price-total strong{color:#08718a;font-size:1.27rem}
.staff-app .manual-price-preview p{margin:11px 0 0;font-size:.82rem;color:#536f83}
.staff-app .manual-booking button[type=submit]:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:700px){.staff-app .manual-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.staff-app .manual-price-grid{grid-template-columns:1fr}}
@media(max-width:650px){.booking-price-grid{gap:8px}.booking-price-grid strong{font-size:1.25rem}.booking .booking-room{padding:13px}.staff-app .order-detail-page .detail-section-body>.card{padding:15px}}
.staff-app .tour-index{min-width:770px}
.staff-app .tour-index .tour-name{min-width:215px;max-width:310px}
.staff-app .tour-index .tour-name strong{display:block;font-size:.9rem;line-height:1.35}
.staff-app .tour-index .date-cell{white-space:nowrap;min-width:122px;font-variant-numeric:tabular-nums}
.staff-app .tour-index .count-cell{font-size:1rem;font-weight:800;text-align:center}
.staff-app .tour-index td:last-child{min-width:215px;white-space:normal}
.staff-app .tour-actions{white-space:normal!important}
.staff-app .tour-actions>a,.staff-app .tour-actions form{display:inline-block;vertical-align:middle;margin:2px 5px 2px 0}
.staff-app .tour-actions .table-primary{padding:6px 10px;border-radius:6px;background:#dbeefa;color:#165883;text-decoration:none;font-weight:800}
.staff-app .tour-actions .table-primary:hover{background:#c6e4f7}
.staff-app .tour-index form.inline button{padding:5px 8px}
.staff-app .roster-table{min-width:915px}
.staff-app .roster-table th:first-child,.staff-app .roster-table td:first-child{position:sticky;left:0;width:230px;min-width:230px;max-width:230px;z-index:3;background:#fff;box-shadow:2px 0 6px #17344e13}
.staff-app .roster-table th:nth-child(2),.staff-app .roster-table td:nth-child(2){position:static;width:135px;min-width:135px;max-width:none;box-shadow:none}
.staff-app .roster-table th:last-child,.staff-app .roster-table td:last-child{position:sticky;right:0;z-index:3;min-width:115px;background:#fff;box-shadow:-2px 0 6px #17344e13}
.staff-app .roster-table th:first-child,.staff-app .roster-table th:last-child{z-index:5;background:#eaf3fb}
.staff-app .roster-table tbody tr:nth-child(even) td:first-child,.staff-app .roster-table tbody tr:nth-child(even) td:last-child{background:#f8fbfe}
.staff-app .roster-table tbody tr:hover td:first-child,.staff-app .roster-table tbody tr:hover td:last-child{background:#e9f4fd}
.staff-app .roster-table input{min-width:0;width:100%;padding:7px 8px}
.staff-app .roster-table .traveller-name small{margin-top:5px}
.staff-app .roster-table .roster-money{min-width:140px;font-variant-numeric:tabular-nums;white-space:nowrap}
.staff-app .roster-table .roster-money strong{font-weight:800}
.staff-app .roster-table .roster-files{min-width:116px;white-space:nowrap}
.staff-app .roster-table .status-pill{display:table;margin-top:4px}
.staff-app .roster-table .row-actions{white-space:normal}
.staff-app .roster-table .row-actions .small-button{display:block;width:100%;margin-bottom:5px;font-size:.76rem}
.staff-app .roster-table .row-actions a{display:block;margin:0;font-size:.75rem;text-align:center}
.staff-app .roster-table .row-save-status{display:block;min-height:1.2em;margin:4px 0 6px;font-size:.74rem;line-height:1.25;white-space:normal;color:#4c6880}
.staff-app .roster-table .row-save-status[data-state="saved"]{color:#176b48;font-weight:750}
.staff-app .roster-table .row-save-status[data-state="error"],.staff-app .roster-table .row-save-status[data-state="unsaved"]{color:#a43d31;font-weight:700}
@media(max-width:1400px){.staff-app .order-filter{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.staff-app header{width:auto}.staff-app header .bar{padding:14px 18px}.staff-app .nav-group{display:none}.staff-app main.wrap,.staff-app footer.wrap{margin-left:0;padding-left:18px!important;padding-right:18px!important}}
@media(max-width:650px){.staff-app .order-filter,.staff-app .tour-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-app .page-intro{align-items:flex-start}.staff-app .page-intro .button{white-space:nowrap}.staff-app .roster-table th:first-child,.staff-app .roster-table td:first-child{width:195px;min-width:195px;max-width:195px}}
@media(max-width:430px){.staff-app .order-filter,.staff-app .tour-filter{grid-template-columns:1fr}.staff-app .page-intro{flex-direction:column}}