/* Milo page. Native app views are framed inside one short viewport.
   Shared markup, action clock, cursor geometry and motion remain unchanged. */
.zz-stage-evolution{--zze-frame:20px;--zze-canvas-height:580px;padding:var(--zze-frame);height:calc(var(--zze-canvas-height) + 2 * var(--zze-frame));overflow:clip;container-name:zze-cu;container-type:inline-size}
.zze-computer-use{width:100%;height:100%;min-width:0}
.zze-computer-use .cu-section{height:100%;padding:0;background:transparent}
.zze-computer-use .cu-wrap{width:100%;height:100%;margin:0;display:flex;flex-direction:column}
.zze-computer-use .cu-heading{display:none}
.zze-computer-use .cu-toolbar{flex:none;margin:0 0 12px;gap:0}
.zze-computer-use .cu-tabs{gap:6px;flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none;padding:0}
.zze-computer-use .cu-tabs::-webkit-scrollbar{display:none}
.zze-computer-use .cu-tab{padding:10px 13px;min-height:44px;flex:none;white-space:nowrap;gap:0}
.zze-computer-use .cu-enhanced .cu-panel{display:flex;flex-direction:column;min-height:0;flex:1;margin:0}
.zze-computer-use .cu-request{flex:none;justify-content:flex-end;min-height:var(--zze-request-height,0px);gap:5px;margin:0 0 13px}
.zze-computer-use .cu-request-author{font-size:14px;line-height:20px}
.zze-computer-use .cu-request p{width:auto;max-width:100%;font-size:16px;line-height:1.4;padding:11px 16px;background:#0a0a0a;color:#fff;border-radius:22px}
.zze-computer-use .cu-browser{flex:1;min-height:0;display:block;border-radius:15px;box-shadow:0 18px 55px #1616160b,0 2px 9px #16161608;outline:1px solid #1818180d}
.zze-computer-use .cu-browser-chrome{height:40px;gap:12px;padding:0 14px;flex:none}
.zze-computer-use .cu-browser-tab,.zze-computer-use .cut-chrome-tab{padding:8px 12px 9px;font-size:14px;gap:7px}
.zze-computer-use .cu-window-dots{gap:5px}.zze-computer-use .cu-window-dots i{width:6px;height:6px}
.zze-computer-use .cu-browser-domain{display:none}.zze-computer-use .cu-browser-plus{margin-left:auto;font-size:20px}
.zze-computer-use .cu-motion-control{top:0;right:0}
.zze-computer-use .cu-cursor-badge{font-size:14px}

/* Travel: one native Google/Booking/Calendar view, never three stacked canvases. */
.zze-computer-use .cu-animated .cut-panel .cut-screen{display:none;min-height:0;margin:0;visibility:visible;pointer-events:auto}
.zze-computer-use .cu-animated .cut-panel:is([data-cu-phase="0"],[data-cu-phase="1"]) .cut-flight-screen,
.zze-computer-use .cu-animated .cut-panel[data-cu-phase="2"] .cut-hotel-screen,
.zze-computer-use .cu-animated .cut-panel[data-cu-phase="3"] .cut-calendar-screen{display:block}
.zze-computer-use .cut-google-header{min-height:44px;padding:6px 18px;gap:8px}
.zze-computer-use .cut-google-word{font-size:25px;margin-right:auto}
.zze-computer-use .cut-google-nav{display:none;padding:6px 12px}
.zze-computer-use .cut-google-nav-active,.zze-computer-use .cut-google-hotels{display:flex}
.zze-computer-use :is(.cut-menu,.cut-account,.cut-flight-settings,.cut-flight-filters,.cut-other-flight){display:none!important}
.zze-computer-use .cut-flight-content{padding:16px 20px}
.zze-computer-use .cut-flight-search{grid-template-columns:1fr 1fr;gap:6px}
.zze-computer-use .cut-airport{padding:10px 12px;gap:10px;min-height:46px;font-size:16px}
.zze-computer-use .cut-airport svg{width:18px;height:18px}.zze-computer-use .cut-airport>span{line-height:1.4;min-height:22px}
.zze-computer-use .cut-swap{left:calc(50% - 13px);top:10px;width:27px;height:27px;font-size:21px}
.zze-computer-use .cut-flight-dates{grid-column:1/-1;min-height:36px;padding:6px 10px;font-size:16px;justify-content:space-around;gap:12px}
.zze-computer-use .cut-results-heading{margin:15px 0 10px;gap:12px}
.zze-computer-use .cut-results-heading h3{font-size:18px}.zze-computer-use .cut-results-heading>span{font-size:14px}
.zze-computer-use .cut-flight-row{grid-template-columns:25px 1fr auto;gap:8px 12px;padding:13px 14px;min-height:0}
.zze-computer-use .cut-flight-time>strong{font-size:16px;white-space:nowrap}
.zze-computer-use .cut-flight-duration{grid-column:2;grid-row:2;display:flex;gap:8px;align-items:center}
.zze-computer-use .cut-flight-duration strong{font-size:14px}.zze-computer-use .cut-flight-duration>span{margin:0;font-size:14px}
.zze-computer-use .cut-flight-stops{grid-column:3;grid-row:2;text-align:right}.zze-computer-use .cut-flight-stops strong{font-size:14px}
.zze-computer-use .cut-flight-stops>span,.zze-computer-use .cut-flight-chevron{display:none}
.zze-computer-use .cut-flight-price{grid-column:3;grid-row:1}.zze-computer-use .cut-flight-price strong{font-size:20px}
.zze-computer-use .cut-flight-reason{grid-column:1/-1;gap:7px;align-items:flex-start;padding-top:4px}
.zze-computer-use .cut-flight-reason>span{font-size:16px!important;line-height:1.4!important}
.zze-computer-use .cut-booking-header{padding:10px 20px}
.zze-computer-use .cut-booking-top>strong{font-size:24px}.zze-computer-use .cut-booking-account{width:26px;height:26px}
.zze-computer-use :is(.cut-booking-nav,.cut-hotel-search,.cut-hotel-title,.cut-map){display:none}
.zze-computer-use .cut-hotel-content{padding:15px 20px}
.zze-computer-use .cut-hotel-layout{display:block}
.zze-computer-use .cut-hotel-card{display:flex;flex-direction:column;padding:16px 18px;gap:0}
.zze-computer-use .cut-hotel-card h4{font-size:22px;margin:0 0 5px}
.zze-computer-use .cut-hotel-location{font-size:14px;line-height:1.4}
.zze-computer-use .cut-hotel-room{padding:12px 0 10px}
.zze-computer-use .cut-hotel-room>span,.zze-computer-use .cut-hotel-room>p:first-of-type{display:none}
.zze-computer-use .cut-hotel-room>strong{font-size:16px}.zze-computer-use .cut-hotel-room p{font-size:14px;margin:3px 0 0}
.zze-computer-use .cut-hotel-card>.cut-approval{align-self:flex-start;margin:0 0 11px;padding:4px 8px}
.zze-computer-use .cut-hotel-price{flex-direction:row;align-items:flex-end;gap:10px;text-align:left}
.zze-computer-use .cut-hotel-price strong{font-size:24px}.zze-computer-use .cut-hotel-price small{font-size:14px;line-height:1.4;max-width:none}
.zze-computer-use .cut-booking-select{padding:10px 14px;font-size:16px;gap:16px}
.zze-computer-use .cut-hotel-policy{font-size:16px;line-height:1.4;min-height:0;margin:11px 0 0;align-items:flex-start}
.zze-computer-use .cut-calendar-header{min-height:42px;padding:8px 18px;gap:10px}
.zze-computer-use .cut-calendar-header>img{width:25px;height:25px}
.zze-computer-use .cut-calendar-header>span:not(.cut-menu):not(.cut-account):not(.cut-calendar-today):not(.cut-calendar-arrows){font-size:20px}
.zze-computer-use :is(.cut-calendar-today,.cut-calendar-arrows,.cut-calendar-header>strong,.cut-trip-complete h3){display:none}
.zze-computer-use .cut-calendar-content{padding:12px 18px}
.zze-computer-use .cut-trip-complete{display:flex;gap:8px;margin:0 0 10px;align-items:center}
.zze-computer-use .cut-approval{font-size:14px;line-height:1.4;padding:4px 7px;margin:0}
.zze-computer-use .cut-calendar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.zze-computer-use .cut-calendar-day{display:block}
.zze-computer-use .cut-calendar-day+.cut-calendar-day{border-left:1px solid #dadce0;border-top:0}
.zze-computer-use .cut-calendar-day-heading{padding:8px 5px 6px;border-bottom:1px solid #dadce0}
.zze-computer-use .cut-calendar-day-heading>span{font-size:14px;margin:0 0 4px}
.zze-computer-use .cut-calendar-day-heading>strong{font-size:22px;width:30px;height:30px}
.zze-computer-use .cut-calendar-events{min-height:0;background:none;padding:8px;gap:6px}
.zze-computer-use .cut-calendar-event{padding:6px 8px;font-size:14px;line-height:1.3}
.zze-computer-use .cut-calendar-event>strong{font-size:16px;line-height:1.3;margin:2px 0}
.zze-computer-use .cut-calendar-event>span{font-size:14px;line-height:1.3}
.zze-computer-use .cut-calendar-day:first-child .cut-calendar-flight>span:last-child,
.zze-computer-use .cut-calendar-stay>span:last-child{display:none}
.zze-computer-use .cut-calendar-saved{margin:9px 0 0;min-height:0;align-items:flex-start;font-size:16px;line-height:1.35}

/* Carrier checkout and confirmed bookings share the same compact viewport. */
.zze-computer-use .cu-animated .cut-panel[data-cu-phase="1"]:has([data-cu-target="travel-flight"].cu-settled) .cut-flight-screen{display:none}
.zze-computer-use .cu-animated .cut-panel[data-cu-phase="1"]:has([data-cu-target="travel-flight"].cu-settled) .cut-carrier-screen{display:block}
.zze-computer-use .cut-carrier-header{min-height:44px;padding:8px 18px;gap:9px}
.zze-computer-use .cut-carrier-header img{width:24px;height:24px}.zze-computer-use .cut-carrier-header strong{font-size:18px}
.zze-computer-use .cut-carrier-content{padding:16px 20px}
.zze-computer-use .cut-carrier-content h3,.zze-computer-use .cut-hotel-confirmation h3{font-size:22px}
.zze-computer-use .cut-carrier-fare{margin-top:5px}
.zze-computer-use .cut-carrier-itinerary{margin-top:14px}
.zze-computer-use .cut-carrier-itinerary>div{padding:12px 14px;gap:3px}
.zze-computer-use .cut-carrier-total{margin:12px 0 8px}
.zze-computer-use .cut-carrier-total strong{font-size:22px}
.zze-computer-use .cut-carrier-purchase{margin-top:12px}
.zze-computer-use .cut-book-flight{min-height:40px;padding:9px 24px}
.zze-computer-use .cut-hotel-confirmation{padding:20px}
.zze-computer-use .cut-hotel-confirmed-details{padding:16px;margin:16px 0 12px}
.zze-computer-use .cut-hotel-confirmed-details h4{font-size:22px;margin-bottom:8px}
.zze-computer-use .cut-hotel-confirmed-details>div{margin-top:16px}
@container zze-cu (max-width:540px){
 /* The browser tab keeps the carrier identity; reserve room for its booking control. */
 .zze-computer-use .cut-carrier-header,.zze-computer-use .cut-carrier-fare{display:none}
 .zze-computer-use .cut-carrier-content,.zze-computer-use .cut-hotel-confirmation{padding:14px 12px}
 .zze-computer-use .cut-carrier-itinerary{display:block;margin-top:12px}
 .zze-computer-use .cut-carrier-itinerary>div{padding:10px 12px}
 .zze-computer-use .cut-carrier-itinerary>div+div{border-left:0;border-top:1px solid #dadce0}
 .zze-computer-use .cut-carrier-content h3,.zze-computer-use .cut-hotel-confirmation h3{font-size:20px}
 .zze-computer-use .cut-book-flight{width:100%}
 .zze-computer-use .cut-panel[data-cu-phase="1"] .cut-chrome-hotels{padding:8px;align-self:center;border-radius:5px}
 .zze-computer-use .cut-panel[data-cu-phase="1"] .cut-chrome-hotels .cut-chrome-label{display:none}
}

/* LinkedIn: search -> the relevant post -> the same native message composer. */
.zze-computer-use .cuo-nav{padding:8px 18px;gap:12px;min-height:50px}
.zze-computer-use .cuo-nav>.cu-linkedin-mark{width:28px;height:28px;font-size:24px}
.zze-computer-use .cuo-search{max-width:none;min-height:34px;padding:6px 10px;font-size:14px}
.zze-computer-use .cuo-nav-items{display:none}
.zze-computer-use .cuo-stage{display:block;padding:14px 18px;min-height:0}
.zze-computer-use .cu-animated .cuo-stage>:is(.cuo-results,.cuo-profile,.cuo-composer){display:none;visibility:visible;pointer-events:auto}
.zze-computer-use .cu-animated .cuo-panel[data-cu-phase="0"][data-cu-search="results"] .cuo-results,
.zze-computer-use .cu-animated .cuo-panel[data-cu-phase="1"] .cuo-profile{display:block}
.zze-computer-use .cu-animated .cuo-panel:is([data-cu-phase="2"],[data-cu-phase="3"]) .cuo-composer{display:flex}
.zze-computer-use .cuo-results{margin:0}
.zze-computer-use .cuo-filters{padding:10px 14px;gap:7px}
.zze-computer-use .cuo-filters>span{padding:6px 10px}
.zze-computer-use .cuo-filters>span:nth-child(n+3),.zze-computer-use .cuo-result+.cuo-result,.zze-computer-use .cuo-result>.cuo-connect-outline{display:none}
.zze-computer-use .cuo-result{display:flex;padding:18px 16px;gap:12px;flex-wrap:nowrap}
.zze-computer-use .cuo-result>.cuo-avatar{width:44px;height:44px}
.zze-computer-use .cuo-result h3{font-size:18px}.zze-computer-use .cuo-result p{font-size:16px;line-height:1.4}
.zze-computer-use .cuo-profile{padding:0;max-width:none}
.zze-computer-use :is(.cuo-cover,.cuo-profile-avatar,.cuo-profile-location,.cuo-profile-open,.cuo-profile-actions>.cuo-connect-outline,.cuo-more-action,.cuo-activity-tabs,.cuo-post-author){display:none}
.zze-computer-use .cuo-profile-detail{padding:14px 16px}
.zze-computer-use .cuo-profile-name{margin:0 0 4px}.zze-computer-use .cuo-profile-name h3{font-size:22px}
.zze-computer-use .cuo-profile-detail>p{font-size:16px;line-height:1.4}
.zze-computer-use .cuo-profile-actions{margin-top:10px}.zze-computer-use .cuo-message-action{padding:7px 14px}
.zze-computer-use .cuo-activity{margin-top:10px;padding:14px 16px}
.zze-computer-use .cuo-activity>h3{font-size:18px;margin:0 0 7px}
.zze-computer-use .cuo-activity>p{font-size:16px;line-height:1.45;margin:0}
.zze-computer-use .cuo-panel:is([data-cu-phase="2"],[data-cu-phase="3"]) .cuo-nav{display:none}
.zze-computer-use .cuo-panel:is([data-cu-phase="2"],[data-cu-phase="3"]) .cuo-stage{padding:0;height:calc(100% - 40px)}
.zze-computer-use .cuo-composer{width:100%;max-width:none;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
.zze-computer-use .cuo-composer-title{padding:8px 16px;min-height:38px}
.zze-computer-use .cuo-recipient{padding:9px 16px;gap:10px}
.zze-computer-use .cuo-recipient>.cuo-avatar{width:32px;height:32px}
.zze-computer-use .cuo-recipient>div{gap:1px}
.zze-computer-use .cuo-message-kind,.zze-computer-use .cuo-compose-tools{display:none}
.zze-computer-use .cuo-subject{padding:7px 16px;min-height:0;flex:none}
.zze-computer-use .cuo-subject>p{font-size:16px;line-height:1.35;min-height:22px;margin:2px 0 0}
.zze-computer-use .cuo-message-body{padding:11px 16px;min-height:0;flex:1}
.zze-computer-use .cuo-message-body>p{font-size:16px;line-height:1.4}
.zze-computer-use .cuo-composer-footer{padding:6px 16px 10px;flex:none;border-top:1px solid #eee}
.zze-computer-use .cuo-send{font-size:16px;padding:6px 12px 6px 18px}

/* DocuSign: recipient editor, then the signature area of the actual document. */
.zze-computer-use .cu-ds-bar{min-height:42px;padding:8px 18px;gap:12px}
.zze-computer-use .cu-ds-brand{font-size:22px}.zze-computer-use .cu-ds-title{display:none}
.zze-computer-use .cu-ds-scenes{display:block}
.zze-computer-use .cu-animated .cu-ds-edit-view{display:none;visibility:visible;pointer-events:auto}
.zze-computer-use .cu-animated [data-cu-panel="paperwork"]:is([data-cu-phase="2"],[data-cu-phase="3"]) .cu-ds-setup{display:none}
.zze-computer-use .cu-animated [data-cu-panel="paperwork"]:is([data-cu-phase="2"],[data-cu-phase="3"]) .cu-ds-edit-view{display:block}
.zze-computer-use .cu-ds-setup{min-height:0;padding:15px 20px}
.zze-computer-use .cu-ds-setup-heading,.zze-computer-use .cu-ds-signing-order,.zze-computer-use .cu-ds-recipient-top{display:none}
.zze-computer-use .cu-ds-upload{margin:0;padding:10px 12px;gap:12px}
.zze-computer-use .cu-ds-pdf{width:30px;height:37px}.zze-computer-use .cu-ds-upload p{display:none}
.zze-computer-use .cu-ds-upload>span:last-child{margin-left:auto}
.zze-computer-use .cu-ds-recipient-heading{margin:15px 0 9px;display:block}
.zze-computer-use .cu-ds-setup h3{font-size:18px}
.zze-computer-use .cu-ds-recipient{padding:12px}
.zze-computer-use .cu-ds-input-row{grid-template-columns:1fr 1fr;gap:12px}
.zze-computer-use .cu-ds-input{min-height:40px;padding:7px 10px;margin-top:4px;font-size:16px;line-height:1.4}
.zze-computer-use .cu-ds-setup-footer{margin-top:14px}
.zze-computer-use .cu-ds-editor{display:block;min-height:0}
.zze-computer-use .cu-ds-fields{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;padding:8px 18px;border-right:0;border-bottom:1px solid #dedde2}
.zze-computer-use .cu-ds-signer{flex:1;flex-basis:auto;padding:0;border:0;gap:6px}
.zze-computer-use .cu-ds-fields>p,.zze-computer-use .cu-ds-field-tool{display:none}
.zze-computer-use .cu-ds-fields :is([data-cu-target="signature-tool"],[data-cu-target="date-tool"]){display:flex;padding:6px 8px;gap:6px;font-size:14px}
.zze-computer-use .cu-ds-document-area{padding:0 18px 12px}
.zze-computer-use .cu-ds-document-toolbar{padding:7px 0;font-size:14px}
.zze-computer-use .cu-ds-document-toolbar>span:last-child>span{display:none}
.zze-computer-use .cu-ds-paper{min-height:0;padding:16px 20px}
.zze-computer-use .cu-ds-letterhead,.zze-computer-use .cu-ds-paper h4,.zze-computer-use .cu-ds-paper>p:not(.cu-ds-parties){display:none}
.zze-computer-use .cu-ds-paper h3{font-size:20px;line-height:1.2;margin:0 0 6px;max-width:none}
.zze-computer-use .cu-ds-paper .cu-ds-parties{font-size:14px;line-height:1.35;margin:0}
.zze-computer-use .cu-ds-signing{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.zze-computer-use .cu-ds-signing>div{grid-template-rows:20px 62px 20px;gap:5px}
.zze-computer-use .cu-ds-footer{padding:8px 16px;gap:9px;flex-wrap:nowrap;justify-content:flex-end}
.zze-computer-use .cu-ds-review-state{flex-basis:auto;order:0;margin:0 auto 0 0}
.zze-computer-use .cu-ds-back{display:none}
.zze-computer-use .cu-ds-primary,.zze-computer-use .cu-ds-preview{min-height:36px;padding:8px 14px;gap:12px;font-size:14px}

/* Salesforce: context, editable table, and saved next step beside the full draft. */
.zze-computer-use :is(.cu-sales-global,.cu-sales-highlights,.cu-sales-path,.cu-sales-record-tabs,.cu-sales-record-edit,.cu-sales-contact-heading,.cu-sales-contact-details,.cu-sales-actions,.cu-sales-mail-tools){display:none}
.zze-computer-use .cu-sales-nav{min-height:39px;padding:0 18px;gap:14px}
.zze-computer-use .cu-sales-nav>strong{font-size:18px;margin:0}
.zze-computer-use .cu-sales-nav>span{min-height:38px;padding:0 9px;gap:10px}
.zze-computer-use .cu-sales-nav-secondary{display:none}
.zze-computer-use .cu-sales-record{padding:12px 18px}
.zze-computer-use .cu-sales-title{gap:10px}.zze-computer-use .cu-sales-title h3{font-size:20px;line-height:1.3}
.zze-computer-use .cu-sales-opportunity-icon{width:32px;height:32px}.zze-computer-use .cu-sales-opportunity-icon svg{width:24px;height:24px}
.zze-computer-use .cu-sales-workspace{display:block;padding:0 16px 12px}
.zze-computer-use .cu-sales-call{min-height:0;padding:15px 16px}
.zze-computer-use .cu-sales-timeline-heading{margin-bottom:12px}
.zze-computer-use .cu-sales-call-entry{gap:10px}.zze-computer-use .cu-sales-call-icon{display:none}
.zze-computer-use .cu-sales-call-entry p{font-size:16px;line-height:1.4;margin:7px 0 12px}
.zze-computer-use .cu-sales-call-outcome{padding-left:10px}.zze-computer-use .cu-sales-call-outcome strong{line-height:1.4;margin-top:4px}
.zze-computer-use .cu-sales-sidebar{display:none}
.zze-computer-use .cu-sales-list,.zze-computer-use .cu-animated .cu-sales-list{min-height:0;padding-top:12px}
.zze-computer-use .cu-sales-list-heading{padding:0 18px;gap:10px}.zze-computer-use .cu-sales-list-heading h3{font-size:21px}
.zze-computer-use .cu-sales-list-toolbar{padding:9px 18px 12px}.zze-computer-use .cu-sales-list-search{display:none}
.zze-computer-use .cu-sales-list-focus{display:none}
.zze-computer-use .cu-sales-grid :is(.cu-sales-grid-check,.cu-sales-grid-account){display:none}
.zze-computer-use .cu-sales-grid .cu-sales-grid-name{display:table-cell;width:34%}
.zze-computer-use .cu-sales-grid th:nth-last-child(2){width:27%}.zze-computer-use .cu-sales-grid th:last-child{width:39%}
.zze-computer-use .cu-sales-grid th{padding:9px 12px;font-size:14px}
.zze-computer-use .cu-sales-grid td{height:auto;padding:10px 12px;font-size:16px;line-height:1.4}
.zze-computer-use .cu-sales-grid .cu-sales-grid-edited{padding-right:25px}
.zze-computer-use .cu-sales-cell-pencil{right:9px;top:10px}
.zze-computer-use .cu-sales-grid tbody>tr:not(.cu-sales-grid-selected){display:table-row}
.zze-computer-use .cu-sales-grid-save{padding:10px}
.zze-computer-use .cu-sales:is([data-cu-phase="2"],[data-cu-phase="3"]) :is(.cu-sales-nav,.cu-sales-record){display:none}
.zze-computer-use .cu-sales:is([data-cu-phase="2"],[data-cu-phase="3"]) .cu-sales-workspace{display:flex;flex-direction:column;padding:12px;gap:9px}
.zze-computer-use .cu-sales:is([data-cu-phase="2"],[data-cu-phase="3"]) .cu-sales-sidebar{display:block;order:-1;width:100%}
.zze-computer-use .cu-sales-related-note{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 13px;border-top:0}
.zze-computer-use .cu-sales-related-note h4{font-size:14px;line-height:20px}
.zze-computer-use .cu-sales-related-note p{grid-column:1/-1;grid-row:2;font-size:16px;line-height:1.35;margin:0}
.zze-computer-use .cu-sales-saved{grid-column:2;grid-row:1;font-size:14px}
.zze-computer-use .cu-sales-email{min-height:0;padding:10px 13px 11px;border-top:0}
.zze-computer-use .cu-sales-mail-fields{gap:5px;font-size:16px}
.zze-computer-use .cu-sales-mail-fields>div{min-height:25px;gap:10px;align-items:center}
.zze-computer-use .cu-sales-mail-fields .cu-field-label{min-width:49px;padding:0}
.zze-computer-use .cu-sales-contact-chip{padding:2px 8px;gap:15px}
.zze-computer-use .cu-sales-mail-body{min-height:94px;padding:10px 0;margin:8px 0 0;border:0}
.zze-computer-use .cu-sales-mail-body p{font-size:16px;line-height:1.4}
.zze-computer-use .cu-sales-mail-footer{margin-top:7px;gap:8px;flex-wrap:nowrap}
.zze-computer-use .cu-sales-send{padding:7px 14px;font-size:14px}

/* Narrow containers keep native type sizes, with a compact vertical calendar. */
@container zze-cu (max-width:540px){
 .zze-computer-use .cu-tab{padding-inline:12px}
 .zze-computer-use .cu-browser-chrome{padding-inline:12px;gap:9px}
 .zze-computer-use .cut-google-header{padding-inline:12px}
 .zze-computer-use .cut-google-nav{padding-inline:9px}
 .zze-computer-use .cut-flight-content{padding:12px}
 .zze-computer-use .cut-airport{padding:9px;gap:6px}.zze-computer-use .cut-airport svg{display:none}
 .zze-computer-use .cut-results-heading{display:block;margin:12px 0 9px}
 .zze-computer-use .cut-results-heading h3{margin-bottom:3px}
 .zze-computer-use .cut-flight-row{gap:7px 8px;padding:11px 10px;grid-template-columns:20px 1fr auto}
 .zze-computer-use .cut-airline-mark,.zze-computer-use .cut-airline-mark svg{width:20px;height:20px}
 .zze-computer-use .cut-hotel-content{padding:12px}
 .zze-computer-use .cut-hotel-card{padding:13px}
 .zze-computer-use .cut-hotel-price small{max-width:145px}
 .zze-computer-use .cut-booking-select{padding-inline:12px;gap:10px}
 .zze-computer-use .cut-calendar-header{padding:7px 12px;min-height:40px}
 .zze-computer-use .cut-calendar-content{padding:10px 12px}
 .zze-computer-use .cut-trip-complete{gap:5px;margin-bottom:8px}
 .zze-computer-use .cut-confirmed{gap:4px}.zze-computer-use .cut-confirmed svg{width:15px}
 .zze-computer-use .cut-approval{padding:3px 5px}
 .zze-computer-use .cut-calendar-grid{display:block}
 .zze-computer-use .cut-calendar-day{display:grid;grid-template-columns:80px minmax(0,1fr)}
 .zze-computer-use .cut-calendar-day+.cut-calendar-day{border-left:0;border-top:1px solid #dadce0}
 .zze-computer-use .cut-calendar-day-heading{padding:9px 3px 5px;border:0}
 .zze-computer-use .cut-calendar-events{padding:5px;gap:4px}
 .zze-computer-use .cut-calendar-event{padding:4px 7px}
 .zze-computer-use .cut-calendar-stay{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
 .zze-computer-use .cut-calendar-stay>strong{margin:0}
 .zze-computer-use .cut-calendar-saved{margin-top:8px}
 .zze-computer-use .cuo-nav{padding:8px 12px;gap:8px}
 .zze-computer-use .cuo-stage{padding:12px}
 .zze-computer-use .cuo-result{padding:15px 12px;gap:10px}
 .zze-computer-use .cuo-profile-detail,.zze-computer-use .cuo-activity{padding:12px 14px}
 .zze-computer-use .cuo-profile-name h3{font-size:21px}
 .zze-computer-use .cuo-composer-title{padding-inline:13px}
 .zze-computer-use .cuo-recipient{padding:8px 13px}
 .zze-computer-use .cuo-recipient>div>span{line-height:1.3}
 .zze-computer-use .cuo-subject{padding:6px 13px}
 .zze-computer-use .cuo-subject>p{min-height:44px}
 .zze-computer-use .cuo-message-body{padding:10px 13px}
 .zze-computer-use .cuo-composer-footer{padding:5px 13px 9px}
 .zze-computer-use .cu-ds-bar{padding-inline:13px}
 .zze-computer-use .cu-ds-setup{padding:12px}
 .zze-computer-use .cu-ds-input-row{grid-template-columns:1fr;gap:10px}
 .zze-computer-use .cu-ds-uploaded{display:none}
 .zze-computer-use .cu-ds-recipient-heading{margin-top:12px}
 .zze-computer-use .cu-ds-recipient{padding:10px}
 .zze-computer-use .cu-ds-fields{padding:7px 12px;gap:6px;flex-wrap:wrap}
 .zze-computer-use .cu-ds-signer{flex-basis:100%;line-height:18px}
 .zze-computer-use .cu-ds-signer .cu-ds-person{display:none}
 .zze-computer-use .cu-ds-document-area{padding:0 12px 10px}
 .zze-computer-use .cu-ds-paper{padding:12px 14px}
 .zze-computer-use .cu-ds-paper h3{font-size:18px}
 .zze-computer-use .cu-ds-signing{gap:12px;margin-top:12px}
 .zze-computer-use .cu-ds-signing>div{grid-template-rows:38px 62px 20px;gap:4px}
 .zze-computer-use .cu-ds-footer{padding:8px 12px;gap:7px;flex-wrap:wrap}
 .zze-computer-use .cu-ds-review-state{flex:1;min-width:90px;line-height:1.3}
 .zze-computer-use .cu-ds-footer>.cu-ds-preview{display:none}
 .zze-computer-use .cu-sales-nav{padding-inline:12px;gap:12px}
 .zze-computer-use .cu-sales-record{padding:10px 12px}
 .zze-computer-use .cu-sales-title h3{font-size:18px}
 .zze-computer-use .cu-sales-workspace{padding:0 10px 10px}
 .zze-computer-use .cu-sales-call{padding:12px}
 .zze-computer-use .cu-sales-timeline-heading{margin-bottom:9px}
 .zze-computer-use .cu-sales-call-entry h4{margin-bottom:5px}
 .zze-computer-use .cu-sales-call-entry p{margin:6px 0 10px}
 .zze-computer-use .cu-sales-list-heading{padding-inline:12px}.zze-computer-use .cu-sales-list-heading h3{font-size:20px}
 .zze-computer-use .cu-sales-list-toolbar{padding:8px 12px}
 .zze-computer-use .cu-sales-list-focus{display:block;margin:0 12px 10px;padding:0;font-size:16px;line-height:1.35}
 .zze-computer-use .cu-sales-grid .cu-sales-grid-name{display:none}
 .zze-computer-use .cu-sales-grid th:nth-last-child(2){width:43%}.zze-computer-use .cu-sales-grid th:last-child{width:57%}
 .zze-computer-use .cu-sales-grid td{height:116px;padding:12px 10px}
 .zze-computer-use .cu-sales-grid tbody>tr:not(.cu-sales-grid-selected){display:none}
 .zze-computer-use .cu-sales:is([data-cu-phase="2"],[data-cu-phase="3"]) .cu-sales-workspace{padding:10px;gap:8px}
 .zze-computer-use .cu-sales-related-note{padding:9px 11px;gap:5px 6px}
 .zze-computer-use .cu-sales-saved{font-size:14px;gap:4px}
 .zze-computer-use .cu-sales-saved svg{width:14px}
 .zze-computer-use .cu-sales-email{padding:9px 11px}
 .zze-computer-use .cu-sales-mail-fields>div{gap:7px}
 .zze-computer-use .cu-sales-mail-body{min-height:145px;padding:10px 0}
 .zze-computer-use .cu-sales-draft-status{font-size:14px;gap:4px}
}

/* Complete final views for reduced motion and no JavaScript. Intermediate views
   do not inflate the page. With no JS, all four final windows flow naturally. */
.zze-computer-use .cu-section:not(.cu-animated) :is(.cut-flight-screen,.cut-hotel-screen,.cut-chrome-flights,.cuo-results,.cuo-profile,.cuo-nav,.cu-ds-setup,.cu-sales-call,.cu-sales-list,.cu-sales-record,.cu-sales-nav){display:none}
.zze-computer-use .cu-section:not(.cu-animated) .cut-calendar-screen{display:block;min-height:0;margin:0}
.zze-computer-use .cu-section:not(.cu-animated) .cut-chrome-calendar{display:flex}
.zze-computer-use .cu-section:not(.cu-animated) .cuo-stage{height:calc(100% - 40px);padding:0}
.zze-computer-use .cu-section:not(.cu-animated) .cuo-composer{display:flex}
.zze-computer-use .cu-section:not(.cu-animated) .cuo-draft-status svg{opacity:1}
.zze-computer-use .cu-section:not(.cu-animated) .cu-ds-edit-view{display:none}
.zze-computer-use .cu-section:not(.cu-animated) .cu-sales-workspace{display:flex;flex-direction:column;padding:10px;gap:8px}
.zze-computer-use .cu-section:not(.cu-animated) .cu-sales-sidebar{display:block;order:-1;width:100%}
.zze-computer-use .cu-section:not(.cu-animated) .cu-sales-email{display:block}
.zz-stage-evolution:not(:has(.cu-enhanced,.cu-deferred)){height:auto!important}
.zze-computer-use .cu-section:not(.cu-enhanced,.cu-deferred) .cu-wrap{display:block}
.zze-computer-use .cu-section:not(.cu-enhanced,.cu-deferred) .cu-browser{min-height:440px;height:auto}
.zze-computer-use .cu-section:not(.cu-enhanced,.cu-deferred) .cuo-stage{height:auto}
.zze-computer-use .cu-section:not(.cu-enhanced,.cu-deferred) .cuo-message-body{min-height:150px}
/* The deferred shell occupies the enhanced scene's space before its controller arrives. */
.zze-computer-use .cu-deferred:not(.cu-enhanced) .cu-tabs{display:flex;visibility:hidden}
.zze-computer-use .cu-deferred:not(.cu-enhanced) .cu-panel{display:flex;flex-direction:column;min-height:0;flex:1;margin:0}
.zze-computer-use .cu-deferred:not(.cu-enhanced) .cu-panel~.cu-panel{display:none}

/* Final viewport fit: app chrome gives way to the working area, at native scale. */
.zze-computer-use .cu-ds-bar{height:42px;min-height:42px;padding-block:6px;line-height:1}
.zze-computer-use .cu-ds-brand{line-height:26px}
.zze-computer-use .cu-ds-fields{padding-block:4px;min-height:42px}
.zze-computer-use .cu-ds-document-toolbar{padding-block:5px;line-height:18px}
.zze-computer-use .cu-ds-paper{padding:10px 18px}
.zze-computer-use .cu-ds-signing{margin-top:9px}
.zze-computer-use .cu-ds-signing>div{gap:4px}
.zze-computer-use .cu-ds-footer{padding-block:7px}
.zze-computer-use .cu-sales-grid tbody>tr:last-child:not(.cu-sales-grid-selected){display:none}
.zze-computer-use .cu-sales-list-toolbar{padding-block:7px}
.zze-computer-use .cu-sales-save,.zze-computer-use .cu-sales-cancel{line-height:1.4}
.zze-computer-use .cut-calendar-events{padding-block:6px}
.zze-computer-use .cut-calendar-day-heading{padding-top:6px;padding-bottom:5px}
.zze-computer-use .cut-flight-content{padding-top:13px}
@container zze-cu (max-width:540px){
 .zze-computer-use .cut-calendar-header{display:none}
 .zze-computer-use .cu-ds-fields{padding-block:5px}
 .zze-computer-use .cu-ds-paper{padding:13px 14px}
 .zze-computer-use .cu-ds-paper h3,.zze-computer-use .cu-ds-paper .cu-ds-parties{display:none}
 .zze-computer-use .cu-ds-signing{margin:0}
 .zze-computer-use .cu-ds-document-area{padding-bottom:10px}
}
@container zze-cu (min-width:541px) and (max-width:640px){
 .zze-computer-use .cu-ds-document-toolbar{display:none}
 .zze-computer-use .cut-calendar-content{padding-block:9px}
}
@container zze-cu (max-width:540px){
 .zze-computer-use .cuo-composer-title{min-height:32px;padding-block:5px}
 .zze-computer-use .cuo-recipient{padding-block:6px}
 .zze-computer-use .cuo-message-body{padding-block:8px}
 .zze-computer-use .cut-calendar-content{padding-block:8px}
 .zze-computer-use .cut-calendar-saved{margin-top:6px}
}
@container zze-cu (max-width:540px){
 .zze-computer-use .cut-flight-content{padding-top:10px}
 .zze-computer-use .cut-results-heading{margin-top:8px;margin-bottom:6px}
 .zze-computer-use .cut-calendar-events{padding-block:3px}
 .zze-computer-use .cut-calendar-day-heading{padding-top:6px}
 .zze-computer-use .cut-calendar-content{padding-top:6px}
 .zze-computer-use .cu-sales-timeline-heading{display:none}
 .zze-computer-use .cu-sales-grid td{height:108px}
}
@container zze-cu (max-width:540px){.zze-computer-use .cu-sales-mail-body{min-height:134px}}

/* Add breathing room without taking height from the native app window. */
@media(min-width:1500px){.zz-stage-evolution{--zze-canvas-height:620px}}
@media(min-width:901px) and (max-width:1100px){.zz-stage-evolution{--zze-canvas-height:600px}}
@media(max-width:900px){.zz-stage-evolution{--zze-canvas-height:600px}}
@media(max-width:800px){.zz-stage-evolution{--zze-frame:12px}}
@media(max-width:360px){.zz-stage-evolution{--zze-canvas-height:680px}}
@media(min-width:381px) and (max-width:480px){
 :is(html:lang(pt),html:lang(es)) .zz-stage-evolution{--zze-canvas-height:680px}
}

/* Portuguese and Spanish need room for wrapped labels on the smallest phones.
   Keep the authored type size and a stable window across all four cases. */
@media(max-width:380px){
 :is(html:lang(pt),html:lang(es)) .zz-stage-evolution{--zze-canvas-height:740px}
}

/* A sent envelope replaces the field editor in the compact native window. */
.zze-computer-use .cu-animated [data-cu-panel="paperwork"][data-cu-phase="3"] .cu-ds-edit-view{display:none}
.zze-computer-use .cu-ds-complete{min-height:320px;padding:24px 18px}
.zze-computer-use .cu-ds-complete h3{font-size:24px;margin-top:16px}
.zze-computer-use .cu-ds-delivery{margin-top:22px;padding:15px;gap:10px}
.zze-computer-use .cu-ds-waiting{margin-left:10px}
.zze-computer-use .cu-sales-attachment{margin:0 0 8px;padding:5px 8px}
@container zze-cu (max-width:540px){
 .zze-computer-use .cu-ds-delivery{display:grid;grid-template-columns:38px minmax(0,1fr)}
 .zze-computer-use .cu-ds-waiting{grid-column:2;margin:0}
}