/*197: workflow headers, scoped to operational dialogs; native device/status bars untouched.*/
dialog.wf-page>.check-heading{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
 align-items:center!important;gap:12px!important;padding:16px 20px!important;
 min-height:76px!important;height:auto!important;position:sticky;top:0;z-index:5;
 background:var(--panel,#153b32);border-bottom:1px solid rgba(175,193,180,.2);
}
dialog.wf-page>.check-heading>h2{grid-column:1!important;grid-row:1!important;margin:0!important;min-width:0;line-height:1.25;font-size:clamp(18px,1.7vw,26px)!important;overflow-wrap:anywhere;}
dialog.wf-page>.check-heading>.ux-tools{display:flex!important;grid-column:2!important;grid-row:1!important;align-items:center;gap:8px!important;margin:0!important;flex-wrap:nowrap!important;position:static!important;width:auto!important;}
dialog.wf-page>.check-heading button{display:inline-flex;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border-radius:12px!important;line-height:1!important;flex:0 0 auto;font-size:16px!important;}
dialog.wf-page>.check-heading button[data-ux="language"]{width:64px!important;min-width:64px!important;font-size:14px!important;font-weight:650;}
dialog.wf-page>.check-heading>button{grid-column:3!important;grid-row:1!important;}
dialog.wf-page>.check-heading button[hidden],dialog.wf-page>.check-heading .ux-tools button[hidden]{display:none!important;}
dialog.wf-page>.check-heading svg{width:20px;height:20px;pointer-events:none;}
dialog.wf-page>.check-heading button:focus:not(:focus-visible){outline:none!important;box-shadow:none!important;}
dialog.wf-page>.check-heading button:focus-visible{outline:2px solid #d4b56b!important;outline-offset:3px;}
:root[data-theme="light"] dialog.wf-page>.check-heading{background:#f4f2eb;color:#16382f;}
#shift-select,label[for="user-shift"],#user-shift,#user-list-filters label:has(#user-filter-shift),#rp-filters label:has(#rp-shift),#rm-sales label:has(select[name="shift"]){display:none!important;}
@media(max-width:600px){
 dialog.wf-page>.check-heading{gap:8px!important;padding:12px!important;min-height:68px!important;}
 dialog.wf-page>.check-heading>.ux-tools{gap:6px!important;}
 dialog.wf-page>.check-heading>h2{font-size:18px!important;}
 dialog.wf-page>.check-heading button[data-ux="theme"]{display:none!important;}
 dialog.wf-page>.check-heading button[data-ux="language"]{width:56px!important;min-width:56px!important;}
}
@media(max-width:370px){
 dialog.wf-page>.check-heading{gap:6px!important;padding:10px!important;}
 dialog.wf-page>.check-heading>h2{font-size:16px!important;}
}

/*198: expanded archive filters must shrink inside native mobile dialogs.*/
#wf-page[data-view=archive]{min-width:0!important;overflow:hidden!important;}
#wf-page[data-view=archive] #wf-page-actions{
 box-sizing:border-box!important;flex:0 1 auto!important;min-width:0!important;width:100%!important;max-width:100%!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:auto;
}
#wf-page[data-view=archive] .archive-search,
#wf-page[data-view=archive] .archive-filters{box-sizing:border-box;min-width:0!important;width:100%!important;max-width:100%!important;}
#wf-page[data-view=archive] #wf-page-actions label,
#wf-page[data-view=archive] #wf-page-actions .ux-date-field{box-sizing:border-box;min-width:0!important;max-width:100%!important;width:100%!important;}
#wf-page[data-view=archive] #wf-page-actions :is(input,select,button){
 box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important;min-height:44px;
}
#wf-page[data-view=archive] #wf-page-actions input{font-size:16px!important;}
#wf-page[data-view=archive] #wf-page-actions input[type=time]{display:block;appearance:none;-webkit-appearance:none;height:46px!important;padding:8px!important;}
#wf-page[data-view=archive] #wf-page-actions input[type=time]::-webkit-date-and-time-value{min-width:0;text-align:start;}
#wf-page[data-view=archive] .ux-date-button{display:flex!important;gap:6px;padding:8px 10px!important;height:46px!important;font-size:14px!important;}
#wf-page[data-view=archive] .ux-date-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#wf-page[data-view=archive] .ux-date-button>svg{width:18px;min-width:18px;flex-shrink:0;}
@media(max-width:700px){
 #wf-page[data-view=archive] #wf-page-actions{padding:12px!important;max-height:48dvh!important;}
 #wf-page[data-view=archive] .archive-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(64px,.65fr)!important;gap:8px!important;}
 #wf-page[data-view=archive] .archive-search label:first-child{grid-column:1/3!important;}
 #wf-page[data-view=archive] .archive-search label:nth-child(2){grid-column:3!important;grid-row:1!important;}
 #wf-page[data-view=archive] .archive-search button{font-size:12px!important;padding:6px!important;white-space:normal!important;}
 #wf-page[data-view=archive] .archive-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 10px!important;padding-top:12px!important;margin-top:12px!important;}
 #wf-page[data-view=archive] #wf-page-actions label{font-size:12px!important;gap:6px!important;line-height:1.4;}
}

/*199: shared staff layout refinements. Existing role and accounting behavior retained.*/
@media screen{
 #shell>header,.header-actions,.header-session,.header-tools{min-width:0;}
 .header-session{overflow-wrap:anywhere;}
 dialog :is(label,fieldset,.ux-toolbar,.rm-report-fields,.rq-filters){min-width:0;box-sizing:border-box;}
 dialog :is(.ux-date-field,.rm-date-trigger){min-width:0;max-width:100%;box-sizing:border-box;}
 dialog .ux-date-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 dialog .ux-date-button>svg{flex-shrink:0;}
 dialog :is(input[type=date],input[type=time],input[type=month]){min-width:0;max-width:100%;box-sizing:border-box;}
 dialog :is(.dialog-actions,.rq-submit-bar){gap:10px;}
 dialog .dialog-actions>button{min-width:0;overflow-wrap:anywhere;}
}
@media screen and (max-width:700px){
 html body.p167 #shell>nav{
  flex-wrap:wrap!important;overflow:visible!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;
 }
 html body.p167 #shell>nav>button{flex:1 1 auto!important;min-height:44px!important;padding:8px 10px!important;white-space:normal!important;font-size:12px!important;}
 html body.p167 #shell>nav>#sync{flex:1 0 100%!important;margin:0!important;text-align:end;font-size:11px;line-height:1.3;}
 html body.p167 #shell>nav #table-filters171{max-width:100%;min-width:0;flex:1 1 100%!important;}
 html body.p167 #shell>header{padding:10px 12px!important;gap:8px;}
 html body.p167 .header-tools{gap:6px;flex-wrap:wrap;}
 html body.p167 .header-tools button{min-height:44px!important;border-radius:11px;padding:8px 12px;}
 html body.p167 #account-name{max-width:50vw;overflow-wrap:anywhere;}
 dialog :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea),
 #table-search,#search{font-size:16px!important;}
 dialog :is(input,select,textarea){max-width:100%;box-sizing:border-box;}
 dialog .check-heading{gap:10px;}
 dialog .check-heading>h2{min-width:0;overflow-wrap:anywhere;}
 .user-row{gap:10px;}
 .user-row>span{overflow-wrap:anywhere;}
 #users-dialog .ux-users-tools{padding:12px;}
}
@media screen and (max-height:500px) and (max-width:1000px){
 dialog{max-height:calc(100dvh - 12px);}
 #users-dialog{margin-block:6px;}
 dialog .dialog-actions{padding-top:10px;margin-top:10px;}
}

/* UI200: date and refresh controls share the same baseline and touch size. */
@media screen {
 #sa-dialog .sa-toolbar:has(>label #sa-date){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px;margin:12px 0 16px;}
 #sa-dialog .sa-toolbar>label:has(#sa-date){margin:0;min-width:0;gap:7px;}
 #sa-dialog .sa-toolbar:has(#sa-date) .ux-date-field{width:100%;min-width:0;margin:0;}
 #sa-dialog .sa-toolbar:has(#sa-date) :is(.ux-date-button,input[type=date]),
 #sa-dialog .sa-toolbar>[data-sa=refresh]{width:100%;height:46px;min-height:46px;max-height:46px;margin:0;box-sizing:border-box;line-height:1.25;padding:10px 12px;}
 #sa-dialog .sa-toolbar>[data-sa=refresh]{align-self:end;font-size:16px;}
}

/* UI200: remove label margins that offset adjacent toolbar actions. */
@media screen {
 #wf-page[data-view=archive] .archive-search>label,
 dialog .ux-toolbar>label,
 #rm-page .rm-report-fields>label, #rm-page .rm-report-fields>.rm-report-field{margin:0!important;align-self:end;}
 #wf-page[data-view=archive] .archive-search :is(input,button){height:46px!important;min-height:46px!important;box-sizing:border-box;}
 dialog .ux-toolbar :is(input,select),dialog .ux-toolbar>button{height:48px!important;min-height:48px!important;box-sizing:border-box;}
 #rm-page .rm-report-fields{align-items:end;}
 #rm-page .rm-report-fields :is(select,.rm-date-trigger){height:50px;min-height:50px;box-sizing:border-box;margin:0;}
}

@media screen {
 #wf-page[data-view=archive] .archive-search input,dialog .ux-toolbar :is(input,select){margin:0!important;}
 #rm-page .recipe-list [data-recipe-item]{overflow-wrap:anywhere;}
 #rm-page .recipe-list [data-recipe-item]>*{min-width:0;max-width:100%;overflow-wrap:anywhere;}
}

@media screen{#rm-page .guest-qr-actions button{white-space:normal!important;overflow-wrap:anywhere;min-width:0;height:auto!important;min-height:44px;line-height:1.3;}}

@media screen{#wf-commands button{white-space:normal!important;overflow-wrap:anywhere;height:auto;line-height:1.4;}}

@media screen{
 #rm-page .recipe-list [data-recipe-item]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:start;height:max-content!important;}
 #rm-page .recipe-list [data-recipe-item]>.recipe-badge{justify-self:start;}
 #wf-command-list button{display:flex;align-items:center;min-height:64px!important;height:auto!important;}
}