/* Approved option 4. Only the three list headers and their direct controls. */
html #appShell #page-contract-studio .contracts-ledger-toolbar,
html #appShell #page-ticket-bot .ticket-toolbar,
html #appShell #page-travelers .travelers-hero{
 background:linear-gradient(110deg,#126c63 0%,#168775 55%,#2ba18a 100%)!important;
 border-color:#168775!important;color:#fff!important;
}
html #appShell #page-contract-studio .contracts-ledger-toolbar{padding:14px 16px!important;min-height:72px}
html #appShell #page-contract-studio .contracts-status-switch,
html #appShell #page-ticket-bot .ticket-tabs{background:#0000000c!important;border:1px solid #ffffff33!important;border-radius:10px!important;padding:4px!important}
html #appShell #page-contract-studio .contracts-status-switch button,
html #appShell #page-ticket-bot .ticket-tabs button{background:transparent!important;color:#fff!important;border-color:transparent!important;white-space:nowrap}
html #appShell #page-contract-studio .contracts-status-switch button:hover,
html #appShell #page-ticket-bot .ticket-tabs button:hover{background:#ffffff20!important;color:#fff!important}
html #appShell #page-contract-studio .contracts-status-switch button.is-active,
html #appShell #page-ticket-bot .ticket-tabs button.is-active{background:#fff!important;color:#116d5e!important;box-shadow:0 2px 6px #00000012!important}
html #appShell #page-contract-studio .contracts-status-switch button span{background:#ffffff24!important;color:#fff!important}
html #appShell #page-contract-studio .contracts-status-switch button.is-active span{background:#168775!important;color:#fff!important}
html #appShell #page-contract-studio .contracts-search-toggle,
html #appShell #page-travelers .traveler-search-toggle{background:#ffffff14!important;border:1px solid #ffffff66!important;border-radius:9px!important;color:#fff!important}
html #appShell #page-contract-studio .contracts-search-toggle:hover,
html #appShell #page-travelers .traveler-search-toggle:hover{background:#ffffff28!important;color:#fff!important}
html #appShell #page-contract-studio .contracts-ledger-head,
html #appShell #page-ticket-bot .ticket-table th,
html #appShell #page-travelers .traveler-directory-table-head{background:#f1f6f4!important;color:#657675!important;border-color:#e1e7e5!important}
html #appShell #page-ticket-bot .ticket-toolbar{padding:14px 16px!important;min-height:72px;border-radius:14px!important}
html #appShell #page-ticket-bot .ticket-toolbar form{background:#fff!important;border-color:#ffffff70!important}
html #appShell #page-ticket-bot .ticket-user-filter,
html #appShell #page-ticket-bot .ticket-user-filter select{background:#fff!important;color:#36534d!important}
html #appShell #page-ticket-bot .ticket-toolbar form button,
html #appShell #page-ticket-bot .ticket-ai-button{background:#ffffff18!important;border:1px solid #ffffff66!important;color:#fff!important}
html #appShell #page-ticket-bot .ticket-toolbar form button{background:#126c63!important;border:0!important}
html #appShell #page-ticket-bot .ticket-ai-button:hover{background:#ffffff2c!important}
html #appShell #page-travelers .travelers-hero{padding:16px 20px!important;border:1px solid #168775!important;border-radius:14px!important;gap:16px!important;min-height:88px;margin-bottom:16px!important}
html #appShell #page-travelers .travelers-hero h1{font-size:22px!important;color:#fff!important}
html #appShell #page-travelers .travelers-hero p{color:#e1f5ef!important}
html #appShell #page-travelers .travelers-hero .eyebrow{color:#e1f5ef!important}
html #appShell #page-travelers .traveler-directory-count{background:#ffffff14!important;border-color:#ffffff44!important;color:#e1f5ef!important}
html #appShell #page-travelers .traveler-directory-count strong,
html #appShell #page-travelers .traveler-directory-count span{color:#fff!important}
html #appShell #page-travelers .traveler-clear-filter{color:#fff!important}
html #appShell #page-contract-studio .contracts-status-switch button:focus-visible,
html #appShell #page-ticket-bot .ticket-toolbar button:focus-visible,
html #appShell #page-travelers .travelers-hero button:focus-visible{outline:2px solid #ffe384!important;outline-offset:2px!important}
@media(max-width:767px){
 html #appShell #page-contract-studio .contracts-ledger-toolbar{padding:10px!important}
 html #appShell #page-ticket-bot .ticket-toolbar{padding:10px!important;gap:10px!important}
 html #appShell #page-ticket-bot .ticket-tabs{min-width:0;overflow-x:auto;max-width:100%}
 html #appShell #page-ticket-bot .ticket-tabs button{flex:0 0 auto;padding:9px 11px}
 html #appShell #page-travelers .travelers-hero{padding:14px!important;flex-wrap:wrap}
 html #appShell #page-travelers .traveler-directory-head-actions{max-width:100%;flex-wrap:wrap}
}
/* Dashboard controls called out in the reference: brand tones, semantic alerts preserved. */
html #appShell #page-platform-dashboard .w360-dashboard-filters,
html #appShell #page-platform-dashboard .df-tabs{background:#edf6f3!important}
html #appShell #page-platform-dashboard .w360-dashboard-filters button,
html #appShell #page-platform-dashboard .df-tabs button{color:#486b62!important}
html #appShell #page-platform-dashboard .w360-dashboard-filters [aria-pressed=true],
html #appShell #page-platform-dashboard .df-tabs button[aria-pressed=true]{background:#fff!important;color:#168775!important;box-shadow:0 2px 5px #116d5e12!important}
html #appShell #page-platform-dashboard .w360-dashboard-filters button>span{background:#e2f2ed!important;color:#168775!important}
html #appShell #page-platform-dashboard .df-badge[data-tone=info],
html #appShell #page-platform-dashboard .df-card .df-action-info{background:#e7f4ef!important;border-color:#c9e4da!important;color:#168775!important}
html #appShell #page-platform-dashboard .df-card>small,
html #appShell #page-platform-dashboard .df-card button:not(.df-action-success):not(.df-action-info):not(.df-action-note){color:#347565!important}
html #appShell #page-platform-dashboard .w360-dashboard-toolbar select,
html #appShell #page-platform-dashboard .w360-dashboard-toolbar>button,
html #appShell #page-platform-dashboard .w360-compact-datebar button{color:#347565!important}
html #appShell #page-platform-dashboard .w360-dashboard-filters button:focus-visible,
html #appShell #page-platform-dashboard .df-tabs button:focus-visible{outline:2px solid #168775!important;outline-offset:2px!important}

/* Shared directory geometry: Ticket Bot's 1440px content width and 78px header. */
html #appShell #page-contract-studio .contracts-page-shell,
html #appShell #page-ticket-bot #ticketBotRoot,
html #appShell #page-travelers .travelers-page{
 width:100%!important;max-width:1440px!important;margin-inline:auto!important;padding:0!important;box-sizing:border-box!important;
}
html #appShell #page-contract-studio .contracts-ledger-toolbar,
html #appShell #page-ticket-bot .ticket-toolbar,
html #appShell #page-travelers .travelers-hero{
 box-sizing:border-box!important;min-height:78px!important;padding:14px 16px!important;align-items:center!important;
}
html #appShell #page-travelers .travelers-hero h1{margin:0 0 4px!important;line-height:24px!important}
html #appShell #page-travelers .travelers-hero p:last-child{font-size:12px!important;line-height:18px!important;margin:0!important}
@media(min-width:1101px){
 html #appShell #page-contract-studio .contracts-ledger-toolbar,
 html #appShell #page-ticket-bot .ticket-toolbar,
 html #appShell #page-travelers .travelers-hero{height:78px!important}
}
@media(max-width:1100px){
 html #appShell #page-contract-studio .contracts-ledger-toolbar,
 html #appShell #page-ticket-bot .ticket-toolbar,
 html #appShell #page-travelers .travelers-hero{height:auto!important}
 html #appShell #page-ticket-bot .ticket-toolbar{flex-wrap:wrap!important}
 html #appShell #page-ticket-bot .ticket-tabs{min-width:0;max-width:100%;overflow-x:auto}
 html #appShell #page-ticket-bot .ticket-toolbar form{min-width:0;flex:1 1 220px}
}