.top{height:auto;min-height:74px;gap:16px;padding-top:14px;padding-bottom:14px}.top-right{gap:10px}.page-head{align-items:center;margin-bottom:24px;gap:24px}.head-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;max-width:620px}.hotel-pick{display:flex;flex-direction:column;gap:5px;min-width:190px}.hotel-pick>p{font-size:.72rem;line-height:1.3;max-width:220px}.header-menu{position:relative;flex:none}.header-menu>summary{list-style:none;cursor:pointer;padding:12px 15px;background:#172b38;border:1px solid #335967;border-radius:9px;font-size:.9rem;font-weight:650;white-space:nowrap;color:#d9eeed}.header-menu>summary::-webkit-details-marker{display:none}.header-menu>summary::after{content:' ▾';color:#7daba9}.header-menu[open]>summary,.header-menu>summary:hover{border-color:#28c5b5}.header-menu>summary:focus-visible{outline:2px solid #28c5b5;outline-offset:3px}.header-menu-content{position:absolute;right:0;top:calc(100% + 8px);z-index:100;width:290px;max-width:calc(100vw - 32px);padding:10px;background:#142332;border:1px solid #38546a;border-radius:12px;box-shadow:0 15px 45px #0008;display:flex;flex-direction:column;gap:8px}.header-menu-content>button,.header-menu-content>a{width:100%;text-align:left;padding:12px;border-radius:7px;white-space:normal}.header-menu-content>#accountLabel{padding:8px;overflow-wrap:anywhere;color:#9cadbf}.header-menu-content>.upload-control{width:100%;display:flex}.header-menu-content>.upload-control>button{flex:1;text-align:left;white-space:normal}.header-menu-content .team-invite-banner{margin:0;padding:8px;border:0;background:transparent;width:auto}.header-menu-content .team-invite-banner button{margin-top:8px}.header-menu-content .help-tip{right:0;top:calc(100% + 8px)}#hotelImportsMenu>summary{background:#123f3b;border-color:#268c83;color:#b7fff3}.summary{grid-template-columns:repeat(6,minmax(0,1fr))}.stat{padding:18px;min-height:150px}.stat strong{font-size:clamp(1.5rem,2.4vw,2.5rem);overflow-wrap:anywhere}.stat small{line-height:1.4}.active-hotel-banner{padding-top:12px;padding-bottom:12px}@media(max-width:1100px){.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.head-actions{max-width:440px}}@media(max-width:850px){.page-head{align-items:stretch}.head-actions{max-width:none;justify-content:flex-start;align-items:center}.top .brand small{display:none}.shell{padding-top:28px}}@media(max-width:520px){.top{padding-left:16px;padding-right:16px}.brand{font-size:.7rem;gap:8px}.brand-logo{width:34px;height:34px}.head-actions .hotel-pick{width:100%}.head-actions .hotel-pick>p{max-width:none}.header-menu-content{right:auto;left:0}#accountActionsMenu .header-menu-content{right:0;left:auto}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:130px;padding:14px}.head-actions>.secondary{padding:12px;font-size:.9rem}}

#hotelImportsMenu .upload-control:has(#contactsUploadButton){display:none!important}

/* A single workspace navigation and a quieter task surface. */
.shell{padding-top:24px}
.workspace-nav{display:flex;align-items:center;gap:24px;padding:14px 18px;margin-bottom:28px;background:#101b29;border:1px solid #2a3b4c;border-radius:12px}
.workspace-nav .hotel-pick{min-width:200px;max-width:240px;letter-spacing:.04em}
.workspace-nav .hotel-pick select{padding:9px 12px;width:100%}
.workspace-nav .hotel-pick>p{margin:0;font-size:.67rem}
.workspace-destinations{flex:1}
.workspace-nav .view-tabs{margin:0;gap:6px}
.workspace-nav .view-tabs button{padding:10px 14px;border:0;border-radius:7px;white-space:nowrap}
.workspace-nav .view-tabs button.active{background:#173c3d;color:#87eee0}
.workspace-nav .head-actions{gap:8px;max-width:none}
.workspace-nav .header-menu>summary,.workspace-nav #needDateButton{padding:10px 12px;font-size:.82rem}
.page-head{margin-bottom:22px}
.page-head h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:7px 0}
.page-head .eyebrow{font-size:.65rem}
.page-head p{font-size:.9rem}
.summary{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.summary>.stat{grid-column:span 3;min-height:125px;padding:17px 19px;background:#101f2c;border-color:#2c4852}
.summary>.stat:nth-child(n+5){grid-column:span 4;min-height:105px}
.summary>.stat strong{color:#81e4d5;font-size:1.9rem;margin:6px 0}
.summary>.stat span{font-size:.65rem;letter-spacing:.07em}
.summary>.stat small{font-size:.76rem;color:#adc0cf}
.summary>.stat:hover{background:#172f3b}
.section-head{padding:20px 24px}
.section-head h2{font-size:1.18rem}
.section-head p{font-size:.83rem}
.booking-filters{gap:10px;padding:12px 24px}
.filter-group{background:transparent!important;padding:8px 10px!important}
.filter-state-summary{font-size:.74rem;line-height:1.5}
.call-toolbar{padding:12px 24px;background:#101b29;gap:10px}
#worklistActionsMenu{order:10;margin-left:auto}
#worklistActionsMenu .header-menu-content{width:270px}
#worklistActionsMenu .export-action{margin:0;text-align:left}
.call-toolbar>.hide-called{order:5;margin-left:auto}
.call-toolbar>.primary{padding:10px 16px}
.call-toolbar>.tiny-action{padding:10px 12px}
th{letter-spacing:.04em;padding:14px 12px}
td{padding:17px 12px}
#groupView table{min-width:1020px}
.group-name{font-size:.92rem;line-height:1.45}
.matching-help{margin-top:20px;color:#94adbf;font-size:.8rem}
.matching-help>summary{cursor:pointer;padding:8px 0}
.matching-help .import-help{margin:8px 0;font-size:.8rem}
button:focus-visible,summary:focus-visible{outline:2px solid #7de5d6;outline-offset:3px}
@media(max-width:1200px){.workspace-nav{flex-wrap:wrap;gap:12px}.workspace-nav .head-actions{width:100%;justify-content:flex-end}.workspace-destinations{min-width:260px}}
@media(max-width:700px){.workspace-nav{padding:12px;gap:14px}.workspace-nav .hotel-pick{max-width:none;flex:1}.workspace-destinations{width:100%;flex:auto;min-width:0}.workspace-nav .view-tabs button{flex:1}.workspace-nav .head-actions{justify-content:flex-start}.summary>.stat,.summary>.stat:nth-child(n+5){grid-column:span 6;min-height:110px}.summary>.stat:last-child{grid-column:span 12}.call-toolbar>.hide-called{margin-left:0}#worklistActionsMenu{margin-left:0}.booking-filters{padding:12px}.section-head{padding:18px}}
@media(prefers-reduced-motion:no-preference){button,summary{transition:background-color .15s,border-color .15s}}

/* Keep secondary data maintenance out of the calling dashboard. */
.worklist-breadcrumb{display:flex;align-items:center;gap:12px;color:#93aabd;font-size:.78rem;margin:-12px 0 20px}
.worklist-breadcrumb>span{letter-spacing:.01em}
#reviewDataMenu>summary{padding:5px 8px;background:transparent;border:0;font-size:.78rem;color:#a9c0cf}
#reviewDataMenu .header-menu-content{left:0;right:auto;width:320px}
#reviewDataMenu .stat{display:grid;grid-template-columns:1fr auto;gap:5px 12px;min-height:0;padding:12px;background:transparent;border:0;border-radius:7px;container-type:normal}
#reviewDataMenu .stat:hover{background:#203747}
#reviewDataMenu .stat>span{font-size:.78rem;letter-spacing:0;color:#edf5f8;align-self:center}
#reviewDataMenu .stat>strong{font-size:1rem;margin:0;color:#7de5d6}
#reviewDataMenu .stat>small{grid-column:1/-1;font-size:.74rem;color:#a6bdcd;line-height:1.45}
.summary>.stat:first-child{background:#143936;border-color:#349b8c}
.workspace-nav{margin-bottom:24px}
@media(max-width:700px){.worklist-breadcrumb{flex-wrap:wrap;margin-top:0}.summary>.stat:last-child{grid-column:span 6}}

/* Compact workspace controls belong to the global header. */
.top{flex-wrap:wrap;padding-top:10px;padding-bottom:0;gap:8px 16px}
.top>.workspace-nav{flex-basis:100%;margin:0;padding:10px 0;border:0;border-top:1px solid #283c4c;border-radius:0;background:transparent;gap:18px;flex-wrap:nowrap}
.top .workspace-nav .hotel-pick{min-width:180px;max-width:220px;flex:0 1 220px;font-size:.6rem;gap:3px}
.top .workspace-nav .hotel-pick select{padding:7px 10px;font-size:.8rem}
.top .workspace-nav .hotel-pick>p{display:none}
.top .workspace-destinations{min-width:0}
.top .workspace-nav .view-tabs{gap:4px}
.top .workspace-nav .view-tabs button{padding:8px 11px;font-size:.83rem}
.top .workspace-nav .head-actions{width:auto;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}
.top .workspace-nav .header-menu>summary{padding:8px 10px;font-size:.8rem}
#hotelToolsMenu .plan-pill{white-space:normal;margin:4px;font-size:.75rem}
.shell{padding-top:22px}
.worklist-breadcrumb{margin:0 0 16px}
@media(max-width:700px){.top>.workspace-nav{flex-wrap:wrap;gap:8px 12px}.top .workspace-nav .hotel-pick{flex:1;max-width:none}.top .workspace-destinations{flex:1;min-width:220px}.top .workspace-nav .head-actions{margin:0;justify-content:flex-start}.top .workspace-nav .view-tabs button{padding:7px 9px;font-size:.78rem}}

.workspace-nav[hidden]{display:none!important}
