/* Approved alternating bands. Presentation only; status meanings are shared. */
.payment-date{display:flex;justify-content:center;align-items:center;gap:8px;padding:4px 8px;background:#fffdfa}
.payment-date form{display:flex;gap:4px;margin:0;align-items:center}
.payment-date input,.payment-date button,.payment-date>a{height:40px;min-height:40px;margin:0;border:1px solid #ded8cf;border-radius:9px;background:#fff;color:#30393d;font:inherit;padding:6px 10px}
.payment-date>a{display:grid;place-items:center;text-decoration:none;min-width:36px;border:0;background:transparent;font-size:22px}
.payment-count{font-size:13px;line-height:20px;padding:4px 10px;color:#667074}
.monitor-page .beta-tabs{gap:0;padding:0;background:#f7f5f0}
.monitor-page .beta-tabs a[aria-current]{background:#eee5d8;color:#81492e;border:0;box-shadow:inset 0 -2px #81492e}
:root{--booking-tint:#eee5d8;--booking-ink:#81492e;--surface:#fffdfa;--canvas:#f7f5f0}
body[data-ui-context="operator-2"]{--booking-tint:#e8e2f0;--booking-ink:#5c4974}
body[data-ui-context="operator-3"]{--booking-tint:#dfeaf1;--booking-ink:#3c617a}
body[data-ui-context="operator-4"]{--booking-tint:#eee5d8;--booking-ink:#81492e}
body[data-ui-context="cleaner-calendar"]{--booking-tint:#eee5d8;--booking-ink:#81492e}
body[data-ui-context="cleaner-cleaning"]{--booking-tint:#e8e2f0;--booking-ink:#5c4974}
body[data-ui-context="cleaner-report"]{--booking-tint:#dfeaf1;--booking-ink:#3c617a}
body[data-ui-context="guest"]{--booking-tint:#e7e5f0;--booking-ink:#56516d}
body{background:var(--canvas)}
body{--band:#f1eee7;--band-alt:#fcfbf8}
body[data-ui-context="operator-2"],body[data-ui-context="cleaner-cleaning"]{--band:#eee9f3;--band-alt:#fcfaff}
body[data-ui-context="operator-3"],body[data-ui-context="cleaner-report"]{--band:#e7edf3;--band-alt:#f9fcff}
body[data-ui-context="operator-4"],body[data-ui-context="cleaner-calendar"]{--band:#f0e9df;--band-alt:#fffaf4}
.wf-tabs,.beta-tabs{padding-top:0;padding-bottom:0;min-height:32px}
.wf-tabs a,.beta-tabs a{min-height:32px;padding-top:3px;padding-bottom:3px;font-size:12px}
.monitor-page .flow-kpis article{min-height:32px;padding:1px 2px}
.monitor-page .flow-kpis b{font-size:13px!important;line-height:16px!important;margin:0}
.monitor-page .flow-kpis span{font-size:10px!important;line-height:12px!important;margin-top:0}
body.monitor-page{--green:#343d41;--ink:#273238}
.monitor-page .flow-grid-head{background:#343d41;border:0}
.monitor-page .flow-grid-head>div,.monitor-page .flow-kpis article{border:0}
.monitor-page .flow-row.enhanced-row{min-height:86px;margin:0 0 3px;border:0;background:#fffdfa;box-shadow:0 2px 3px #38302419}
.monitor-page .flow-row.enhanced-row>.flow-booking{background:var(--booking-tint);border:0;border-radius:0 9px 9px 0}
.monitor-page .flow-row.enhanced-row>.enhanced-stage{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:0;padding:3px 2px;border:0;background:transparent}
.monitor-status-tile:not(.operator-tile){width:100%;max-width:88px;aspect-ratio:1;height:auto;min-height:44px;padding:3px 1px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;box-shadow:inset 0 1px #ffffff90}
.monitor-status-tile:not(.operator-tile) .ui-icon{width:28px;height:28px;flex:none}
.monitor-status-tile:not(.operator-tile)>span{font:500 13px/15px 'Arial Narrow','Roboto Condensed','Segoe UI',Arial,sans-serif;color:#273238;display:flex;align-items:center;justify-content:center;text-align:center;min-height:30px;white-space:normal}
.monitor-page .stage-detail{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:90dvh;padding:16px;border:0;border-radius:18px 18px 0 0;background:#fffdfa;text-align:left;color:#273238}
.stage-detail::backdrop{background:#20282c55}
.stage-detail-close{float:right;min-height:44px;background:#ece8df;border:0;border-radius:8px;padding:8px 12px}
.monitor-page .stage-detail h2{font-size:20px;margin:0 90px 12px 0}
.monitor-page .stage-detail-content .stage-top{display:flex;min-height:0;align-items:center;justify-content:flex-start;gap:12px}
.monitor-page .stage-detail-content .flow-badge{display:inline-block;font-size:14px!important;padding:6px}
.monitor-page .stage-detail-content .passport-docs{display:flex;width:auto;gap:12px}
.monitor-page .stage-detail-content .doc-control{width:70px}
.monitor-page .stage-detail-content .doc-indicator{width:60px;min-width:60px;height:60px;min-height:60px}
.monitor-page .stage-detail-content .doc-indicator span{font-size:24px}
.monitor-page .stage-detail-content h3,.monitor-page .stage-detail-content>p{display:block!important;width:auto;white-space:normal;overflow:visible;font-size:16px!important;line-height:1.4!important}
.monitor-page .stage-detail-content details{display:block;margin-top:12px}
.monitor-page .stage-detail-content input{font-size:16px;min-height:44px}
.monitor-page .stage-detail-content .operator-upload label{width:28px;height:28px;font-size:18px}
.monitor-page .brand-name{color:#273238}.monitor-page .brand-name span{color:#bf6948}
.monitor-page .flow-grid-head .head-symbol{display:none}
.monitor-page .flow-grid-head>div{font-size:12px!important;line-height:16px!important;min-height:36px;padding:4px 1px}
.monitor-page .booking-address{color:var(--booking-ink)!important}
.wf-header{background:var(--surface);border:0;box-shadow:0 1px 3px #38302414}
.wf-head,.team-head{background:#343d41;color:#fff;border:0;box-shadow:none}
.wf-head b,.team-head b{font-weight:600}
.wf-row,.team-row{background:var(--surface);border:0;margin-bottom:3px;box-shadow:0 2px 3px #38302419}
.wf-row:nth-of-type(even){background:var(--surface)}
.wf-booking,.team-row>div:first-child{background:var(--booking-tint);border:0;border-radius:0 9px 9px 0}
.wf-address,.team-address{color:var(--booking-ink)!important;background:transparent}
.wf-contact,.monitor-page .contact-drawer>summary{height:30px;min-height:30px;background:#fffcf6;color:#30383d;border:0;box-shadow:0 1px 3px #493a2920;font-size:12px;line-height:16px;padding:6px 8px}
.wf-tile:not(.operator-tile){width:100%;max-width:88px;min-height:0;aspect-ratio:1;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px 1px;border-radius:8px;border:0;box-shadow:inset 0 1px 0 #ffffff90;justify-self:center}
.wf-tile:not(.operator-tile)>span[aria-hidden],.wf-tile:not(.operator-tile) .ui-icon{width:28px;height:28px;flex:none}
.wf-tile:not(.operator-tile) b{width:100%;height:30px;flex:none;display:flex;align-items:center;justify-content:center;font-family:'Arial Narrow','Roboto Condensed','Segoe UI',Arial,sans-serif;font-size:13px;line-height:15px;font-weight:500;color:#273238}
[data-tone="waiting"]:not(.operator-tile){background:#efede7!important;color:#74746b!important}
[data-tone="review"]:not(.operator-tile){background:#f9ebc4!important;color:#8b601b!important}
[data-tone="active"]:not(.operator-tile){background:#dceafa!important;color:#315f96!important}
[data-tone="ready"]:not(.operator-tile){background:#dcebd9!important;color:#376642!important}
[data-tone="issue"]:not(.operator-tile){background:#fbdcd1!important;color:#a4432a!important}
.portal{border:0;border-radius:12px;box-shadow:0 2px 6px #38302415;background:var(--surface)}
.portal>h1,.portal>h2{color:var(--booking-ink)}
.portal article,.check-item{border:0;border-radius:8px;background:#f4f1eb;margin:4px 0;padding:10px}
dialog{border:0;background:var(--surface)}
.wf-tabs a[aria-current]{background:var(--booking-tint);color:var(--booking-ink);border:0;box-shadow:inset 0 -2px var(--booking-ink)}
@media(max-width:599px) and (orientation:portrait){
 .monitor-page .flow-row.enhanced-row{min-height:74px;align-items:center}
 .monitor-page .flow-row.enhanced-row>.flow-booking{height:66px;min-height:0;align-self:center;display:flex;flex-direction:column;justify-content:center;padding:2px 4px!important}
 .monitor-status-tile:not(.operator-tile){height:66px;aspect-ratio:auto}
 .monitor-page .booking-address,.monitor-page .contact-drawer>summary{font-family:'Arial Narrow','Roboto Condensed','Segoe UI',Arial,sans-serif;font-stretch:condensed}
 .monitor-page .contact-drawer>summary{height:26px;min-height:26px;padding:2px 4px;line-height:16px!important;font-weight:600}
 .monitor-page .flow-grid,.monitor-page .flow-kpis{grid-template-columns:minmax(0,1.55fr) repeat(4,minmax(0,1fr))!important;min-width:0}
 .monitor-page .flow-row.enhanced-row>.flow-booking{padding:3px 4px!important}
 .monitor-page .booking-address{font-size:13px!important;line-height:17px!important}
 .monitor-page .booking-dates{font-size:11px!important;line-height:15px!important;margin-top:2px}
 .monitor-page .contact-drawer{margin-top:4px}
 .monitor-page .contact-drawer>summary{width:100%;font-size:12px!important}
 .monitor-page .flow-kpis span{font-size:11px;line-height:14px;white-space:nowrap;overflow:visible;text-overflow:clip}
 .monitor-page .flow-kpis b{font-size:14px;line-height:20px;white-space:nowrap}
 .wf-grid,.team-grid{grid-template-columns:minmax(0,1.55fr) repeat(4,minmax(0,1fr));gap:3px;padding:3px}
 .wf-head>b:first-child,.team-head>b:first-child{display:block}
 .wf-head,.team-head{font-size:12px;line-height:15px;min-height:36px}
 .wf-booking{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1px;padding:3px 4px}
 .wf-address{font-size:13px;line-height:17px;min-height:17px;padding:0}
 .wf-booking small,.wf-booking .wf-departure{font-size:11px;line-height:14px;text-align:left;white-space:nowrap;padding:0}
 .wf-contact{align-self:stretch;min-width:0;margin-top:2px;width:100%}
 .wf-row{align-items:center;min-height:86px}
 .team-row>div:first-child{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;padding:3px}
 .team-row>div{font-family:'Arial Narrow','Roboto Condensed','Segoe UI',Arial,sans-serif;font-size:13px;line-height:16px;border:0;box-shadow:none}
 .team-address{font-size:13px!important;line-height:17px!important;padding:0;min-height:30px}
}
@media(min-width:900px),(orientation:landscape) and (min-width:600px){
 .monitor-page .stage-detail{inset:0 0 0 auto;width:440px;max-width:70vw;height:100dvh;max-height:100dvh;border-radius:16px 0 0 16px}
 .wf-row{align-items:center;min-height:96px}
 .wf-booking{padding:8px 84px 8px 12px;min-height:88px}
 .wf-contact{right:8px}
 .wf-tile:not(.operator-tile) b{font-size:14px;line-height:16px;height:32px}
}
/* Final shared band layout supersedes earlier surface experiments. */
.safe-code{font:700 36px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:.18em;color:#343d41;padding:12px;background:#f1eee7;border-radius:10px;text-align:center}
.preserve-lines{white-space:pre-line}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.clean-calendar-tools{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:4px;max-width:600px;margin:auto;padding:4px;align-items:center}
.clean-calendar-tools form{display:grid;grid-template-columns:minmax(100px,1.4fr) minmax(50px,.8fr) 64px;align-items:center;gap:4px;min-width:0;margin:0}
.clean-calendar-tools form>button{grid-column:3;grid-row:1;min-height:36px;height:36px;font-size:12px;padding:4px}
.clean-calendar-tools form>label:first-child{grid-column:1;grid-row:1}
.clean-calendar-tools form>label:nth-child(2){grid-column:2;grid-row:1}
.clean-calendar-tools label{margin:0;min-width:0}
.clean-calendar-tools label>.visually-hidden{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto;display:block;font-size:11px;line-height:14px;white-space:nowrap}
.clean-calendar-tools{align-items:end}
.clean-calendar-tools form{align-items:end}
.clean-calendar-tools input,.clean-calendar-tools select{height:36px;min-height:36px;margin:0;width:100%;min-width:0;padding:4px;font-size:13px}
.clean-calendar-tools>a.wf-button{width:32px;min-width:32px;height:36px;min-height:36px;margin:0;padding:4px;display:grid;place-items:center}
.team-row>div:not(:first-child){align-items:center;gap:1px;cursor:pointer}
.team-row .ui-icon{width:24px;height:24px;flex:none}
.team-row>div:not(:first-child):focus-visible{outline:2px solid #315f96;outline-offset:1px}
@media(max-width:599px) and (orientation:portrait){
 .clean-calendar-tools{padding:4px;gap:4px}.clean-calendar-tools form{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:4px;align-items:end;min-width:0}
 .clean-calendar-tools label{font-size:11px;min-width:0}.clean-calendar-tools input,.clean-calendar-tools select{width:100%;min-width:0;font-size:12px;min-height:34px;padding:3px}
 .clean-calendar-tools form button{min-height:34px;padding:4px;font-size:11px}
 .team-row{min-height:82px!important;height:82px;font-size:13px;line-height:15px}
 .team-row>div:not(:first-child){height:66px;padding:2px}
 .team-row small{font-size:11px;line-height:12px}.team-address{min-height:28px;padding:2px;font-size:13px}
 .team-row .clean-plan{font-size:13px}.team-row .clean-actual{font-size:12px;line-height:13px}
}
.monitor-top .brand strong{color:#343d41}
.wf-row,.wf-row:nth-of-type(even),.team-row,.monitor-page .flow-row.enhanced-row{background:var(--band-alt);border:0;box-shadow:none;margin-bottom:0}
.wf-row:nth-of-type(odd),.team-row:nth-of-type(odd),.monitor-page .flow-row.enhanced-row:nth-of-type(odd){background:var(--band)}
.wf-booking,.team-row>div:first-child,.monitor-page .flow-row.enhanced-row>.flow-booking{background:transparent;border-radius:0;box-shadow:none;border:0}
.portal article:nth-of-type(odd),.check-item:nth-of-type(odd){background:var(--band)}
.portal article:nth-of-type(even),.check-item:nth-of-type(even){background:var(--band-alt)}
body.login-page{--green:#343d41;--ink:#273238;--accent:#bf6948;background:#f7f5f0}
.login-page .card{border:0;box-shadow:0 2px 10px #27323812;background:#fffdfa;border-radius:14px}
.login-page .brand{color:#273238}.login-page .brand span{color:#bf6948}
.login-page button[type=submit],.login-page button[name=login]{background:#343d41;color:#fff;border:0;min-height:44px}
@media(max-width:599px) and (orientation:portrait){
 .wf-row,.monitor-page .flow-row.enhanced-row{min-height:82px;padding-top:8px;padding-bottom:8px;align-items:center}
 .wf-tile:not(.operator-tile),.monitor-status-tile:not(.operator-tile){height:66px;aspect-ratio:auto}
 .wf-booking,.monitor-page .flow-row.enhanced-row>.flow-booking{min-height:66px;height:auto;padding-top:0!important;padding-bottom:0!important}
 .wf-contact,.monitor-page .contact-drawer>summary{height:28px;min-height:28px}
 .team-row{padding-top:8px;padding-bottom:8px}
}
/* Wide interfaces have their own readable scale; do not inherit portrait microtype. */
@media(min-width:900px),(orientation:landscape) and (min-width:600px){
 body.monitor-page,body[data-ui-context]{font-family:'Segoe UI',Arial,sans-serif;font-size:16px}
 .monitor-page .monitor-shell{max-width:1800px;padding:12px 20px 32px}
 .monitor-page .monitor-top{padding-inline:20px}
 .monitor-page .monitor-top .admin-nav a{font-size:15px;line-height:20px}
 .monitor-page .brand-name{font-size:26px}
 .wf-tabs a,.beta-tabs a{font-size:16px;line-height:20px;min-height:38px}
 .monitor-page .monitor-heading p{font-size:14px}
 .monitor-page .flow-kpis article{min-height:44px;padding:5px 8px;gap:8px}
 .monitor-page .flow-kpis b{font-size:20px!important;line-height:24px!important}
 .monitor-page .flow-kpis span{font-size:14px!important;line-height:18px!important}
 .monitor-page .flow-grid-head>div,.wf-head,.team-head{font-size:16px!important;line-height:20px!important;min-height:40px}
 .monitor-page .booking-address,.wf-address,.team-address{font-family:'Segoe UI',Arial,sans-serif;font-size:18px!important;line-height:23px!important;font-weight:650}
 .monitor-page .booking-dates,.wf-booking small,.team-row small{font-size:15px!important;line-height:19px!important}
 .monitor-page .booking-system-note{font-size:14px;line-height:18px}
 .monitor-page .flow-row.enhanced-row,.wf-row,.team-row{min-height:112px;padding-top:6px;padding-bottom:6px}
 .monitor-page .flow-row.enhanced-row>.flow-booking{min-height:100px;padding:5px 12px!important}
 .monitor-page .monitor-status-tile:not(.operator-tile),.wf-tile:not(.operator-tile){width:100%;max-width:112px;height:96px;aspect-ratio:auto;padding:6px;gap:4px}
 .monitor-page .monitor-status-tile:not(.operator-tile)>span,.wf-tile:not(.operator-tile) b{font-family:'Segoe UI',Arial,sans-serif;font-size:17px!important;line-height:21px!important;font-weight:500;min-height:42px;height:auto}
 .monitor-page .monitor-status-tile:not(.operator-tile) .ui-icon,.wf-tile:not(.operator-tile) .ui-icon{width:32px;height:32px}
 .monitor-page .contact-drawer:not([open]){position:static;margin-top:6px;width:max-content;max-width:100%}
 .monitor-page .contact-drawer:not([open])>summary,.wf-contact{width:auto;min-width:88px;min-height:34px;height:34px;padding:5px 10px;font-size:15px!important;line-height:22px!important}
 .monitor-page .contact-drawer:not([open])>summary span{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible}
 .team-row>div:not(:first-child){font-family:'Segoe UI',Arial,sans-serif;font-size:17px;line-height:21px}
 .team-row .clean-plan{font-size:18px}
 .wf-count{font-size:14px;line-height:20px}
 /* Both native dialogs and legacy details/doc panels are viewport-edge drawers. */
 body dialog,.monitor-page dialog.stage-detail,.monitor-page .contact-drawer[open],.monitor-page .mobile-doc-sheet{
  box-sizing:border-box;position:fixed;inset:0 0 0 auto!important;margin:0!important;
  width:min(520px,100vw);min-width:0;max-width:100vw;height:100dvh!important;max-height:100dvh!important;
  padding:20px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) 20px;
  border:0;border-radius:16px 0 0 16px;overflow-y:auto;overscroll-behavior:contain;
  background:#fffdfa;box-shadow:-8px 0 30px #27323824;font-size:16px;line-height:1.45;
 }
 .monitor-page .contact-drawer[open]{z-index:180;transform:none}
 .monitor-page .contact-drawer[open]>summary{position:sticky;top:-20px;display:flex;justify-content:space-between;min-height:44px;height:auto;font-size:17px!important;padding:10px;margin:0 0 12px;background:#f1eee7}
 .monitor-page .contact-drawer[open]>summary::after{content:'×';font-size:26px;line-height:24px}
 .monitor-page .contact-drawer[open] .contact-workspace{position:static;display:grid;grid-template-columns:1fr;width:auto;height:auto;gap:16px;margin:0}
 .monitor-page .contact-drawer[open] .contact-comment-label,.monitor-page .contact-drawer[open] .contact-history{position:static;width:auto;height:auto;min-height:0;font-size:16px;line-height:1.4;white-space:normal;padding:10px}
 .monitor-page .contact-drawer[open] .contact-comment{font-size:16px;line-height:1.45;height:112px;min-height:90px}
 .monitor-page .contact-drawer[open] .contact-history{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}
 .monitor-page .contact-drawer[open] .contact-history>strong{font-size:16px;line-height:22px}
 .monitor-page .contact-drawer[open] .contact-history span{font-size:14px;line-height:20px;white-space:normal}
 .monitor-page .contact-drawer[open] .contact-history b{font-size:16px;line-height:22px;white-space:normal}
 .monitor-page .contact-drawer[open] .contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .monitor-page .contact-drawer[open] .contact-action{font-size:16px!important;line-height:21px;min-height:64px;padding:10px!important}
 .monitor-page .contact-drawer[open] .contact-action::before{width:26px;height:26px;font-size:17px}
 body dialog p,body dialog label,body dialog input,body dialog select,body dialog textarea,body dialog button,body dialog .wf-button{font-size:16px!important;line-height:1.45}
 .monitor-page .mobile-doc-sheet{display:block;transform:translateX(105%)}
 .monitor-page .mobile-doc-sheet.open{transform:translateX(0)}
 .monitor-page .sheet-primary,.monitor-page .sheet-problem{font-size:16px!important;min-height:44px}
 .monitor-page .flow-row:has(.contact-drawer[open]){min-height:112px}
}
/* Legacy contact details obey the same portrait bottom-sheet contract. */
@media(max-width:599px) and (orientation:portrait){
 .monitor-page .contact-drawer[open]{position:fixed;inset:auto 0 0;z-index:180;box-sizing:border-box;width:100%;max-width:none;max-height:85dvh;height:auto;margin:0;padding:16px 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto;border:0;border-radius:18px 18px 0 0;background:#fffdfa;box-shadow:0 -8px 30px #27323824}
 .monitor-page .contact-drawer[open]>summary{height:40px;min-height:40px;font-size:16px!important;justify-content:space-between}
 .monitor-page .contact-drawer[open]>summary::after{content:'×';font-size:24px}
 .monitor-page .contact-drawer[open] .contact-workspace{position:static;display:grid;width:auto;height:auto;grid-template-columns:1fr;gap:10px;margin:10px 0 0}
 .monitor-page .contact-drawer[open] .contact-comment-label{position:static;width:auto;height:auto;padding:0;border:0;font-size:14px;line-height:20px}
 .monitor-page .contact-drawer[open] .contact-comment{height:80px;min-height:80px;font-size:16px}
 .monitor-page .contact-drawer[open] .contact-history{position:static;width:auto;height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px;padding:8px}
 .monitor-page .contact-drawer[open] .contact-history>strong{grid-column:1/-1;font-size:14px;line-height:20px}
 .monitor-page .contact-drawer[open] .contact-history span,.monitor-page .contact-drawer[open] .contact-history b{font-size:14px;line-height:19px;white-space:normal}
 .monitor-page .contact-drawer[open] .contact-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .monitor-page .contact-drawer[open] .contact-action{font-size:13px!important;line-height:18px;min-height:50px}
 .monitor-page .flow-row:has(.contact-drawer[open]){min-height:82px}
}
@media(orientation:landscape) and (min-width:600px) and (max-height:600px){
 .monitor-page .monitor-shell{padding:0 8px 12px}
 .wf-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px}
 .wf-header .wf-date{margin:0}.wf-brand{font-size:22px}
 .monitor-page .flow-kpis article{height:34px;min-height:34px;padding:2px 4px;gap:4px}
 .monitor-page .flow-kpis b{font-size:16px!important;line-height:20px!important}
 .monitor-page .flow-kpis span{font-size:12px!important;line-height:16px!important}
 .monitor-page .flow-grid-head{position:static;height:auto}
 .monitor-page .flow-grid-head>div,.wf-head,.team-head{font-size:14px!important;min-height:32px;line-height:18px!important}
 .monitor-page .booking-address,.wf-address,.team-address{font-size:16px!important;line-height:20px!important}
 .monitor-page .booking-dates,.wf-booking small,.team-row small{font-size:14px!important;line-height:18px!important}
 .monitor-page .flow-row.enhanced-row,.wf-row,.team-row,.monitor-page .flow-row:has(.contact-drawer[open]){min-height:88px;padding-top:4px;padding-bottom:4px}
 .monitor-page .flow-row.enhanced-row>.flow-booking{min-height:80px;padding:2px 6px!important}
 .monitor-page .monitor-status-tile:not(.operator-tile),.wf-tile:not(.operator-tile){height:78px;max-width:104px;padding:3px;gap:2px}
 .monitor-page .monitor-status-tile:not(.operator-tile)>span,.wf-tile:not(.operator-tile) b{font-size:16px!important;line-height:19px!important;min-height:38px}
 .monitor-page .monitor-status-tile:not(.operator-tile) .ui-icon,.wf-tile:not(.operator-tile) .ui-icon{width:28px;height:28px}
 body dialog,.monitor-page dialog.stage-detail,.monitor-page .contact-drawer[open],.monitor-page .mobile-doc-sheet{width:min(440px,75vw);padding-top:12px;padding-left:16px}
 .monitor-page .contact-drawer[open]>summary{top:-12px}
}
/* Clear stage navigation, no inset/drop shadows. */
.wf-tabs,.monitor-page .beta-tabs{background:#eee8df;border-top:1px solid #d6cfc5;border-bottom:1px solid #d6cfc5;gap:2px;padding:2px}
.wf-tabs a,.monitor-page .beta-tabs a{background:transparent;color:#343d41;font-weight:650;font-size:clamp(12px,3.3vw,14px);white-space:nowrap;border:0;border-bottom:3px solid transparent;border-radius:5px 5px 0 0;box-shadow:none!important;text-decoration:none}
.wf-tabs a[aria-current],.monitor-page .beta-tabs a[aria-current]{background:var(--booking-ink,#81492e);color:#fff;border:0;border-bottom:3px solid #302923;box-shadow:none!important}
.wf-tabs a:focus-visible,.beta-tabs a:focus-visible{outline:2px solid #343d41;outline-offset:1px}
@media(min-width:900px),(orientation:landscape) and (min-width:600px){.wf-tabs a,.monitor-page .beta-tabs a{font-size:16px;min-height:38px}}
.monitor-page .flow-grid-head>div,.monitor-page .flow-grid-head span,.monitor-page .contact-drawer>summary{text-transform:none}
@media(max-width:599px) and (orientation:portrait){
 .monitor-page .monitor-top{height:44px;min-height:44px;padding:4px 12px}
 .monitor-page .monitor-top .brand-name{font-size:22px;line-height:24px}
 .monitor-page .flow-grid-head,.monitor-page .flow-grid-head>div{height:36px!important;min-height:36px!important;padding-top:4px!important;padding-bottom:4px!important}
}
.stage-deck-frame{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;height:100dvh!important;border:0!important;background:#faf8f3;z-index:10000}
.stage-deck-frame[hidden]{display:none!important}
body.stage-deck-away{overflow:hidden!important}
body.stage-deck-away> :not(.stage-deck-frame):not(.stage-deck-notice){visibility:hidden!important}
.stage-deck-notice{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));right:8px;z-index:10001;background:#30383b;color:#fff;padding:6px 10px;border-radius:6px;font:12px/1.3 system-ui;pointer-events:none}
/* Shared compact chrome and detail panels. Keep forms in their native DOM. */
.stage-deck-surface{min-height:100dvh}
.sh-shared-menu{display:none;position:absolute;left:8px;top:52px;z-index:500;width:min(300px,90vw);padding:8px;background:#fffdfa;border:1px solid #ddd6cd;border-radius:12px;box-shadow:0 8px 24px #26323822;text-align:left}
.sh-shared-menu.open{display:grid}.sh-shared-menu a{padding:10px 12px;min-height:44px;text-decoration:none;font-size:16px;font-weight:600;border-radius:6px}.sh-shared-menu a:hover{background:#eee8df}
body:has(.stage-deck-surface){overflow-x:clip}
body dialog.stage-detail .stage-detail-content{display:flex;flex-direction:column;gap:10px}
body dialog.stage-detail .stage-detail-content>*{margin:0;min-height:0}
body dialog.stage-detail .stage-detail-content h3{font-size:20px;line-height:1.25}
body dialog.stage-detail .stage-detail-content .doc-indicator{width:52px;height:52px;min-height:52px;align-self:flex-start}
body dialog.stage-detail .stage-detail-content .flow-badge{position:static!important;align-self:flex-start;max-width:none;transform:none}
body dialog.stage-detail p{margin:6px 0 12px;line-height:1.4}
body dialog.stage-detail button,body dialog.stage-detail input,body dialog.stage-detail select{min-height:44px}
body dialog.stage-detail form{display:grid;gap:8px;margin:0}
body dialog.stage-detail label{margin:0}
body dialog.stage-detail .stage-detail-close{float:right;width:auto;min-width:44px;margin:0 0 8px 12px;padding:8px 12px}
@media(max-width:599px) and (orientation:portrait){
 .monitor-page .monitor-top{height:56px;min-height:56px;padding:8px 12px 0;border:0;box-shadow:none;background:#fffdfa}
 .monitor-page .monitor-top .brand-name{font-size:25px;line-height:29px}
 .monitor-page .monitor-top .brand small{font-size:11px;line-height:14px;letter-spacing:3px}
 .monitor-page .monitor-menu-toggle{top:8px;left:8px;width:44px;height:44px;padding:12px;border:0;background:transparent}
 .monitor-page .monitor-menu-toggle span{height:2px;width:20px;margin:4px 0}
 .payment-date,.wf-date{min-height:52px;margin:0;padding:4px 8px 8px;gap:8px;background:#fffdfa}
 .wf-header{padding:8px 12px 0;box-shadow:none;background:#fffdfa}
 .wf-brand{font-size:25px;line-height:29px}.wf-brand small{font-size:11px;line-height:14px}
 .wf-date input,.wf-date button,.payment-date input,.payment-date button{height:40px;min-height:40px;font-size:16px;padding:6px 10px}
}

/* 2026-09-30 release layer: one chrome, one row rhythm, one overlay contract. */
.monitor-page .monitor-top,.wf-header{box-sizing:border-box;border:0;background:#fffdfa;box-shadow:none}
.monitor-page .flow-row.enhanced-row,.wf-row,.team-row{box-sizing:border-box;border:0;background:var(--band-alt);box-shadow:none}
.monitor-page .flow-row.enhanced-row:nth-of-type(odd),.wf-row:nth-of-type(odd),.team-row:nth-of-type(odd){background:var(--band)}
.monitor-page .flow-row.enhanced-row>.flow-booking,.wf-booking,.team-row>div:first-child{box-sizing:border-box;background:transparent;border:0;border-radius:0;box-shadow:none}
.monitor-page .booking-address,.wf-address,.team-address{color:#684533;font-weight:700;letter-spacing:0;margin:0}
.monitor-page .contact-drawer:not([open])>summary,.wf-contact,.team-contact{box-shadow:none;font-weight:650}
.ui-overlay-backdrop{z-index:170!important}
body.ui-overlay-open .admin-nav.open{display:none!important}
body dialog[open],.monitor-page .contact-drawer[open]{z-index:180!important}
body dialog[open] .wf-close,body dialog[open] .stage-detail-close{position:sticky;top:0;z-index:3;align-self:flex-end;float:none;margin:0 0 -44px auto;min-width:44px;width:auto;min-height:44px;padding:8px 12px;border-radius:8px}
body dialog[open] h2,.monitor-page .contact-drawer[open]>summary{font-weight:700;letter-spacing:-.2px}
body dialog[open] button:not(.wf-close):not(.stage-detail-close),body dialog[open] .wf-button{width:100%;min-height:44px;margin:0;padding:9px 12px}
body dialog[open] input:not([type=checkbox]),body dialog[open] select,body dialog[open] textarea{width:100%;min-height:44px;margin:0;padding:9px 10px}
body dialog[open] textarea{min-height:88px;resize:vertical}
body dialog[open] a.wf-button{display:grid;place-items:center;text-decoration:none}
@media(min-width:900px),(orientation:landscape) and (min-width:600px){
 body dialog[open],body .monitor-page dialog.stage-detail[open],.monitor-page .contact-drawer[open],.monitor-page .mobile-doc-sheet.open{
  position:fixed!important;inset:0 0 0 auto!important;box-sizing:border-box!important;display:flex;flex-direction:column;
  width:min(500px,42vw)!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
  margin:0!important;padding:20px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) 20px!important;
  border:0!important;border-left:1px solid #d6cec5!important;border-radius:0!important;overflow-y:auto!important;
  background:#fffdfa!important;box-shadow:-10px 0 28px #20282c24!important;
 }
 .monitor-page .contact-drawer[open] .contact-workspace{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
 .monitor-page .contact-drawer[open] .contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(max-width:599px) and (orientation:portrait){
 body dialog[open],body .monitor-page dialog.stage-detail[open],.monitor-page .contact-drawer[open]{
  position:fixed!important;inset:auto 0 0!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;
  max-height:86dvh!important;margin:0!important;padding:16px 16px max(16px,env(safe-area-inset-bottom))!important;
  border:0!important;border-radius:18px 18px 0 0!important;overflow-y:auto!important;background:#fffdfa!important;
 }
}

/* Beta 3: unified operator chrome, clearer first stage and compact dialogs. */
body[data-ui-context="operator-1"]{--band:#f8e5b8;--band-alt:#fffdfa;--booking-ink:#81492e}
body[data-ui-context="operator-1"] .booking-address{color:#343d41!important}
.ui-data-loading[hidden]{display:none!important}
.ui-data-loading{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;background:#27323838;backdrop-filter:blur(1px);pointer-events:auto}
.ui-data-loading>div{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 18px;border-radius:10px;background:#fffdfa;color:#273238;box-shadow:0 8px 28px #20282c30;font:600 16px/1.2 'Segoe UI',Arial,sans-serif}
.ui-data-loading i{width:26px;height:26px;border:3px solid #ddd6cc;border-top-color:#bf6948;border-radius:50%;animation:ui-data-spin .75s linear infinite}
@keyframes ui-data-spin{to{transform:rotate(360deg)}}
.monitor-page .monitor-top .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1;margin:auto}
.monitor-page .monitor-top .brand-name{display:block;line-height:27px}
.monitor-page .monitor-top .brand small{display:block;margin:0;line-height:12px;letter-spacing:3px}
.monitor-page .monitor-menu-toggle{display:grid;place-items:center;padding:0!important;font:400 0/1 'Segoe UI Symbol','Segoe UI',Arial,sans-serif;color:#343d41;border:0;background:transparent;box-shadow:none}
.monitor-page .monitor-menu-toggle span{display:none!important}
.monitor-page .monitor-menu-toggle::before{content:'☰';font-size:28px;line-height:1}
.monitor-page .flow-row.enhanced-row{background:var(--band-alt)}
.monitor-page .flow-row.enhanced-row:nth-of-type(odd){background:var(--band)}
.monitor-page .flow-row.enhanced-row>.flow-booking{background:transparent}

body dialog[open]{--dialog-space:12px;color:#273238}
body dialog[open] h2{font-size:24px;line-height:1.15;margin:0 104px 4px 0}
body dialog[open]>p{margin:0 0 12px;color:#696b67;font-size:15px;line-height:1.35}
body dialog[open] .stage-detail-content{display:grid;gap:10px}
body dialog[open] .stage-detail-content>*{margin:0}
body dialog[open] .stage-detail-content .stage-top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}
body dialog[open] .stage-detail-content .passport-docs{justify-self:end;display:flex;gap:10px}
body dialog[open] .stage-detail-content.registration-stage>h3{display:none!important}
body dialog[open] .stage-detail-content>p{font-size:16px!important;line-height:1.35!important;color:#666963;margin:0}
body dialog[open] .flow-badge{min-height:36px;display:inline-grid!important;place-items:center;padding:7px 12px!important;border-radius:7px!important;font-size:15px!important;line-height:20px!important;letter-spacing:0;text-transform:uppercase}
body dialog[open] .flow-badge.approved,body dialog[open] .flow-badge.verified,body dialog[open] .flow-badge.returned{background:#cfe5ce;color:#285a34;border:1px solid #9ec59f}
body dialog[open] .doc-control{width:70px!important;display:grid;place-items:center}
body dialog[open] .doc-indicator{width:66px!important;min-width:66px!important;height:66px!important;min-height:66px!important;border-radius:8px!important}
body dialog[open] .doc-indicator.loaded{background:#d8ead7!important;border:2px solid #78a57d!important;color:#245c34!important;box-shadow:none!important}
body dialog[open] .doc-indicator.loaded .ui-icon{color:#245c34!important;stroke:#245c34!important;width:28px;height:28px}
body dialog[open] .operator-upload label{background:#5f6b67;color:#fff;border:2px solid #fff;box-shadow:none}
body dialog[open] details{margin:0!important;border:0}
body dialog[open] details>summary{display:none}
body dialog[open] details>form{display:grid;gap:10px;margin:0;padding:12px;background:#f4f1eb;border:1px solid #ddd6cc;border-radius:10px;box-shadow:none}
body dialog[open] details>form input,body dialog[open] details>form textarea,body dialog[open] details>form select{background:#fffdfa;border:1px solid #cfc7bd;border-radius:8px}
body dialog[open] .mini-actions,body dialog[open] .return-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body dialog[open] .mini-actions button,body dialog[open] .return-actions button{width:100%;min-width:0;background:#343d41;color:#fff;border:0;border-radius:8px;font-weight:700}
body dialog[open] button.danger,body dialog[open] .mini-actions button.danger,body dialog[open] .return-actions button.danger{background:#a9574e!important;color:#fff!important;border:1px solid #91463f!important}
body dialog[open] .stage-detail-close{background:#ebe7df;color:#273238;border:0;border-radius:8px;font-weight:600}
@media(max-width:599px) and (orientation:portrait){
 .monitor-page .monitor-top{height:56px;min-height:56px;padding:6px 12px 0}
 .monitor-page .monitor-top .brand-name{font-size:25px;line-height:27px}
 .monitor-page .monitor-top .brand small{font-size:11px;line-height:12px;margin-top:0}
 .monitor-page .monitor-menu-toggle{top:6px;left:8px;width:44px;height:44px}
 body dialog[open]{padding:14px 16px max(14px,env(safe-area-inset-bottom))!important}
 body dialog[open] h2{font-size:23px;margin-right:96px}
 body dialog[open] .stage-detail-content{gap:9px}
 body dialog[open] .stage-detail-content .stage-top{gap:8px}
 body dialog[open] .stage-detail-content .passport-docs{gap:8px}
 body dialog[open] .doc-control{width:64px!important}
 body dialog[open] .doc-indicator{width:60px!important;min-width:60px!important;height:60px!important;min-height:60px!important}
}

/* Beta 4: fixed mobile command area; compact date row gives its height to stage tabs. */
@media(max-width:899px) and (orientation:portrait){
 .monitor-page .monitor-top{position:sticky!important;top:0;z-index:94}
 .monitor-page .payment-date{position:sticky;top:56px;z-index:93;box-sizing:border-box;height:44px;min-height:44px;padding:2px 8px}
 .monitor-page .payment-date input,.monitor-page .payment-date button,.monitor-page .payment-date>a{height:36px;min-height:36px;padding-top:4px;padding-bottom:4px}
 .monitor-page .beta-tabs{position:sticky;top:100px;z-index:92;box-sizing:border-box;height:44px;min-height:44px;padding:2px}
 .monitor-page .beta-tabs a{height:40px;min-height:40px;padding:5px 2px;font-size:clamp(12px,3.3vw,14px)}
 body[data-ui-context^="operator-"]:not(.monitor-page) .wf-header{position:sticky;top:0;z-index:94;box-sizing:border-box;height:100px;min-height:100px;padding:5px 8px 3px}
 body[data-ui-context^="operator-"]:not(.monitor-page) .wf-date{box-sizing:border-box;height:44px;min-height:44px;padding:2px 8px 0;margin:0}
 body[data-ui-context^="operator-"]:not(.monitor-page) .wf-date input,body[data-ui-context^="operator-"]:not(.monitor-page) .wf-date button,body[data-ui-context^="operator-"]:not(.monitor-page) .wf-date>a{height:36px;min-height:36px;padding-top:4px;padding-bottom:4px}
 body[data-ui-context^="operator-"]:not(.monitor-page) .wf-tabs{position:sticky;top:100px;z-index:93;box-sizing:border-box;height:44px;min-height:44px;padding:2px}
 body[data-ui-context^="operator-"]:not(.monitor-page) .wf-tabs a{height:40px;min-height:40px;padding:5px 2px;font-size:clamp(12px,3.3vw,14px)}
}

/* Beta 4c: the payment screen uses the same fixed chrome and table geometry as stages 2–4. */
.monitor-page .monitor-top .admin-nav{display:none;position:absolute;left:8px;top:56px;z-index:500;width:min(300px,90vw);padding:8px;background:#fffdfa;border:1px solid #ddd6cd;border-radius:12px;box-shadow:0 8px 24px #26323822;text-align:left}
.monitor-page .monitor-top .admin-nav.open{display:grid}
.monitor-page .monitor-top .admin-nav a{min-height:44px;padding:10px 12px;border-radius:6px;font-size:16px;line-height:22px;text-align:left}
.monitor-page .monitor-top .admin-nav a:hover{background:#eee8df}
body[data-ui-context="operator-1"] .flow-legend{display:none}
@media(min-width:600px){
 .monitor-page .monitor-top,body[data-ui-context^="operator-"]:not(.monitor-page) .wf-header{position:sticky!important;top:0;z-index:94;box-sizing:border-box;height:64px;min-height:64px;background:#fffdfa}
 .monitor-page .monitor-top{display:flex!important;align-items:center;justify-content:center;gap:24px;padding:5px 12px}
 .monitor-page .monitor-top .brand{flex:none;margin:0}
 .monitor-page .monitor-top .monitor-menu-toggle{position:absolute;left:16px;top:10px;width:44px;height:44px}
 .monitor-page .monitor-top .payment-date{position:static;flex:none;box-sizing:border-box;height:52px;min-height:52px;padding:4px 0;background:transparent}
 .monitor-page .monitor-top .payment-date input,.monitor-page .monitor-top .payment-date button,.monitor-page .monitor-top .payment-date>a{height:46px;min-height:46px}
 .monitor-page .beta-tabs,body[data-ui-context^="operator-"]:not(.monitor-page) .wf-tabs{position:sticky;top:64px;z-index:93;box-sizing:border-box;height:44px;min-height:44px;padding:2px}
 .monitor-page .beta-tabs a,body[data-ui-context^="operator-"]:not(.monitor-page) .wf-tabs a{height:40px;min-height:40px;padding:6px 2px}
 .monitor-page .monitor-shell{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0 0 32px}
 .monitor-page .payment-count{padding:6px 8px}
 .monitor-page .flow-board{width:100%;margin:0;padding:0;overflow:visible}
 .monitor-page .flow-grid{width:100%;grid-template-columns:minmax(220px,1.65fr) repeat(4,minmax(0,1fr));gap:0}
 .monitor-page .flow-grid-head{top:108px;border-radius:0}
 .monitor-page .flow-row.enhanced-row{min-height:112px;padding:6px 0}
 .monitor-page .flow-row.enhanced-row>.flow-booking{padding:5px 27px!important}
}
@media(max-width:899px) and (orientation:portrait){
 .monitor-page .monitor-top{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;box-sizing:border-box;height:100px;min-height:100px;padding:5px 8px 3px}
 .monitor-page .monitor-top .brand{flex:none;height:48px;margin:0}
 .monitor-page .monitor-top .payment-date{position:static!important;flex:none;box-sizing:border-box;height:44px;min-height:44px;padding:2px 8px 0;margin:0;background:transparent}
 .monitor-page .monitor-top .payment-date input,.monitor-page .monitor-top .payment-date button,.monitor-page .monitor-top .payment-date>a{height:36px;min-height:36px;padding-top:4px;padding-bottom:4px}
 .monitor-page .monitor-top .monitor-menu-toggle{position:absolute;top:6px;left:8px}
 .monitor-page .monitor-top .admin-nav{top:52px}
 .monitor-page .beta-tabs{top:100px}
}

/* Beta 4e: identical shared header and reliable contact dismissal. */
.monitor-page .contact-drawer:not([open])>summary,.wf-contact{border:1px solid #343d41!important;background:#fffdfa!important;color:#273238!important;box-shadow:none!important}
body.ui-contact-open .ui-overlay-backdrop{pointer-events:none}
.monitor-menu-toggle{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#343d41!important;box-shadow:none!important;font:400 0/1 'Segoe UI Symbol','Segoe UI',Arial,sans-serif!important}
.monitor-menu-toggle::before{content:'☰';font-size:28px;line-height:1}
.monitor-page .monitor-top .wf-brand small{display:block!important;margin:3px 0 0!important;font-size:10px;line-height:14px;letter-spacing:3px}
@media(min-width:600px){
 .monitor-page .monitor-top .monitor-menu-toggle{left:8px;top:8px}
 .monitor-page .monitor-top .wf-brand{flex:none;margin:0}
 .monitor-page .monitor-top .wf-date{margin:0}
}
@media(max-width:899px) and (orientation:portrait){
 .monitor-page .monitor-top,body[data-ui-context^="operator-"]:not(.monitor-page) .wf-header{display:block!important;text-align:center!important;box-sizing:border-box;height:100px!important;min-height:100px!important;padding:5px 8px 3px!important}
 .monitor-page .monitor-top .wf-brand,body[data-ui-context^="operator-"]:not(.monitor-page) .wf-brand{height:auto;margin:0}
 .monitor-page .monitor-top .wf-date,body[data-ui-context^="operator-"]:not(.monitor-page) .wf-date{position:static!important;box-sizing:border-box;margin:0;height:44px;min-height:44px;padding:2px 8px 0}
 .monitor-page .beta-tabs,body[data-ui-context^="operator-"]:not(.monitor-page) .wf-tabs{top:100px!important}
 .monitor-page .monitor-top .monitor-menu-toggle,body[data-ui-context^="operator-"]:not(.monitor-page) .monitor-menu-toggle{position:absolute;top:6px;left:8px}
}

/* Beta 5: one booking-table template for payment and workflow stages. */
@media(min-width:900px),(orientation:landscape) and (min-width:600px){
 .monitor-page .flow-grid,.wf-grid{box-sizing:border-box;grid-template-columns:minmax(220px,1.65fr) repeat(4,minmax(0,1fr));gap:8px;padding:6px 12px}
 .monitor-page .flow-grid-head,.wf-head{min-height:40px;padding-top:4px;padding-bottom:4px}
 .monitor-page .flow-row.enhanced-row,.wf-row{box-sizing:border-box!important;height:112px!important;min-height:112px!important;padding:6px 12px!important;border:0!important}
 .monitor-page .flow-row.enhanced-row>.flow-booking,.wf-booking{position:relative;display:flex;flex-direction:column;justify-content:center;align-self:center;box-sizing:border-box;height:96px!important;min-height:96px!important;padding:8px 104px 8px 12px!important}
 .monitor-page .contact-drawer:not([open]),.wf-contact{position:absolute;right:8px;top:50%;transform:translateY(-50%);box-sizing:border-box;width:88px;min-width:88px;height:34px;min-height:34px;margin:0;padding:5px 10px}
 .monitor-page .contact-drawer:not([open])>summary{box-sizing:border-box;width:88px;height:34px;min-height:34px;margin:0;padding:5px 10px}
 .monitor-page .monitor-status-tile:not(.operator-tile),.wf-tile:not(.operator-tile){box-sizing:border-box;height:96px;min-height:96px;padding:6px}
}
@media(max-width:599px) and (orientation:portrait){
 .monitor-page .flow-grid,.wf-grid{box-sizing:border-box;grid-template-columns:minmax(0,1.65fr) repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:8px 3px}
 .monitor-page .flow-grid-head,.wf-head{min-height:36px;padding-top:4px;padding-bottom:4px}
 .monitor-page .flow-row.enhanced-row,.wf-row{box-sizing:border-box!important;height:94px!important;min-height:94px!important;padding:8px 3px!important;border:0!important}
 .monitor-page .flow-row.enhanced-row>.flow-booking,.wf-booking{position:relative;display:flex;flex-direction:column;justify-content:center;align-self:center;box-sizing:border-box;height:78px!important;min-height:78px!important;padding:0 4px!important}
 .monitor-page .contact-drawer:not([open]),.wf-contact{position:static;transform:none;box-sizing:border-box;align-self:flex-start;width:calc(100% - 8px);min-width:0;height:28px;min-height:28px;margin:0 4px;padding:2px 4px}
 .monitor-page .contact-drawer:not([open])>summary{box-sizing:border-box;width:100%;height:28px;min-height:28px;margin:0;padding:2px 4px}
 .monitor-page .flow-row.enhanced-row>.flow-stage{box-sizing:border-box;padding:0!important;display:flex;align-items:center;justify-content:center}
 .monitor-page .monitor-status-tile:not(.operator-tile),.wf-tile:not(.operator-tile){box-sizing:border-box;width:100%!important;max-width:none!important;height:66px;min-height:66px;padding:3px 1px}
}