/* Phone/tablet layout contract. Screen only: printed reports retain their layout.
   Keep 44px touch controls and 16px form text (prevents iOS focus zoom), while
   removing oversized margins, min-widths and stretched action buttons. */
@media screen and (max-width:1100px) {
  html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  body :is(.app,#bpw,#bpTasksWorkspace,.modalbox,.bp-reminder-drawer) *,
  body :is(.app,#bpw,#bpTasksWorkspace,.modalbox,.bp-reminder-drawer) *::before,
  body :is(.app,#bpw,#bpTasksWorkspace,.modalbox,.bp-reminder-drawer) *::after { box-sizing:border-box; }
  body :is(.field,.formgrid,.section-head,.bp-report-filters,.bp-ops-date-control,.audit-controls,.bpa-tool-group,.bpp-field) { min-width:0!important; }
  body :is(.app,#bpw,#bpTasksWorkspace,.modalbox,.bp-reminder-drawer) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important;
  }
  body :is(input[type=date],input[type=time],input[type=datetime-local],input[type=month]) {
    width:100%;min-inline-size:0!important;max-inline-size:100%!important;min-height:44px;padding:7px 8px!important;
  }
  body input::-webkit-date-and-time-value { min-width:0;text-align:left; }
  body input::-webkit-datetime-edit { min-width:0;padding:0; }
  body .app>.main>.content { padding-top:12px!important;padding-right:12px!important;padding-left:12px!important; }
  body :is(.card,.bp-ops-card,.audit-card) { padding:12px;min-width:0; }
  body :is(.section-head,.bp-ops-card-head) { gap:8px;flex-wrap:wrap;align-items:center; }
  body :is(.section-head,.bp-ops-card-head)>div { min-width:0;max-width:100%; }
  body :is(.section-head,.bp-ops-card-head) :is(.btn,.smallbtn) { width:auto!important;flex:0 0 auto;white-space:normal;min-height:44px;padding:7px 10px; }
  body :is(#view-history,#view-documents,#view-vendors) .formgrid { gap:10px; }
  body .bp-report-filters { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:end; }
  body .bp-report-filters>.btn { width:auto!important;justify-self:start;min-height:44px; }
  body :is(#completedWO,#pmHistory,#operationsReportBody) { max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch; }
  body :is(#completedWO,#pmHistory) table { width:max-content!important;min-width:100%!important;table-layout:auto!important; }
  body :is(#completedWO,#pmHistory) :is(th,td) { word-break:normal!important;overflow-wrap:normal!important; }
  body #completedWO button { min-width:70px!important;white-space:nowrap!important;width:auto!important; }
  body #view-vendors .kpis { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important; }
  body #view-vendors .kpi { min-height:86px!important;padding:12px!important; }
  body #view-vendors .kpi :is(strong,b) { font-size:26px!important; }
  body .bp-legal-footer { padding-top:12px!important;padding-right:12px!important;padding-left:12px!important;margin-top:14px!important;font-size:11px!important;line-height:1.4!important; }
  body .bp-legal-footer .bp-legal-logo { height:24px!important;margin-top:7px!important; }

  /* Forcewa: shared header plus compact employee, payroll and schedule tools. */
  body #bpw .bpw-h { min-height:0!important;height:auto!important;padding:8px 12px 0!important;row-gap:6px!important; }
  body #bpw .bpw-brand { min-width:0!important;min-height:0!important;height:auto!important; }
  body #bpw .bpw-brand-title { font-size:17px!important;line-height:21px!important; }
  body #bpw .bpw-hotel-name { font-size:11px!important;line-height:15px!important;margin-top:2px!important;white-space:normal!important;height:auto!important; }
  body #bpw .bpw-nav { height:44px!important;min-height:44px!important; }
  body #bpw .bpw-nav button { height:44px!important;padding:0 10px!important;font-size:13px!important; }
  body #bpw .bpw-profile-chip { gap:7px!important; }
  body #bpw .bpw-actions { min-height:0!important;height:auto!important; }
  body #bpw .bpw-profile-chip :is(img,.bpw-avatar,.bpw-avatar-fallback) { width:32px!important;height:32px!important;min-width:32px!important; }
  body #bpw .bpw-profile-chip .bpw-avatar { flex:0 0 32px!important; }
  body #bpw .bpw-profile-copy strong { font-size:13px!important; }
  body #bpw .bpw-profile-copy small { font-size:11px!important; }
  body #bpw .bpw-main { padding:12px!important; }
  body #bpw .bpw-tools { flex-wrap:wrap!important;align-items:end!important;gap:8px!important;padding:10px!important;margin:0 0 10px!important;min-height:0!important; }
  body #bpw .bpw-tools>.bpw-f { min-width:0!important;flex:1 1 130px; }
  body #bpw .bpw-tools :is(button,.bpw-b) { min-height:44px!important;width:auto!important;padding:7px 10px!important;white-space:normal!important; }
  body #bpw .bpw-person { min-height:0!important; }
  body #bpw .bpw-pmain { padding:10px!important; }
  body #bpw .bpw-pfoot { min-height:26px!important;padding:5px 10px!important;font-size:11px!important; }
  body #bpw .bpw-person-meta { margin-top:5px!important; }
  body #bpw .bpw-people { gap:10px!important; }
  body #bpw .bpw-schedule-toolbar { gap:8px!important;padding:10px!important; }
  body #bpw .bpw-schedule-toolbar>div { min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;gap:6px!important; }
  body #bpw .bpw-schedule-nav { display:flex!important; }
  body #bpw .bpw-schedule-actions { display:flex!important;width:auto!important; }
  body #bpw .bpw-schedule-actions button { min-width:0!important;padding:7px 6px!important;font-size:12px!important; }
  body #bpw .bpw-schedule-filters { display:flex!important;width:auto!important; }
  body #bpw .bpw-schedule-filters>* { min-width:0!important;max-width:100%!important; }
  body #bpw #bpwMain #schWeekDate { width:106px!important;max-width:106px!important; }
  body #bpw .bpp-toolbar { display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px!important; }
  body #bpw .bpp-toolbar .bpp-field { flex:1 1 135px; }
  body #bpw .bpp-toolbar button { width:auto!important;min-height:44px!important;padding:7px 10px!important; }
  body #bpw .bpp-notice { padding:10px!important;font-size:12px!important;line-height:1.45!important; }
  body #bpw .bpp-head h1 { font-size:21px!important;margin:0 0 6px!important; }

  /* Timecard toolbar stays a usable form instead of becoming a tall stack. */
  body #bpApprovedTimecards { padding:10px!important; }
  body #bpw .bpa-toolbar { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:12px!important; }
  body #bpw .bpa-toolbar :is(.bpa-divider,.bpa-toolbar-spacer) { display:none!important; }
  body #bpw .bpa-tool-group { display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;min-width:0!important; }
  body #bpw .bpa-tool-group:first-child { grid-column:1/-1;align-items:center!important; }
  body #bpw .bpa-tool-label { font-size:12px!important;line-height:1.3; }
  body #bpw .bpa-employee-name { flex:1 1 180px;font-size:15px!important;overflow-wrap:anywhere; }
  body #bpw .bpa-tool-group:has(#bpaStart) { grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important; }
  body #bpw .bpa-tool-group:has(#bpaStart) .bpa-tool-label { grid-column:1/-1; }
  body #bpw .bpa-range-separator { display:none!important; }
  body #bpw .bpa-tool-group:has([data-period-prev]) { grid-column:1/-1;display:grid!important;grid-template-columns:auto 44px minmax(0,1fr) 44px!important;align-items:center; }
  body #bpw .bpa-date-box { width:auto!important;min-width:0!important;min-height:44px!important;height:auto!important;font-size:13px!important;padding:7px!important; }
  body #bpw .bpa-navbtn { width:44px!important;height:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:0!important; }
  body #bpw :is(.bpa-outline,.bpa-primary) { min-height:44px!important;width:auto!important;padding:7px 10px!important;font-size:13px!important; }
  body #bpw .bpa-week td { padding:7px 8px!important; }
  body #bpw .bpa-week button { min-width:32px!important;min-height:32px!important; }

  /* Front Desk: title plus a single compact row for date, refresh and exit. */
  body #view-operationsmode .bp-ops-workspace { padding-top:10px!important;padding-right:10px!important;padding-left:10px!important; }
  body #view-operationsmode :is(.bp-ops-card,.bp-fd-tasks-card,.bp-ops-welcome) { margin-bottom:10px!important; }
  body #view-operationsmode .bp-staff-clock-row { padding:9px!important;gap:7px!important; }
  body #view-operationsmode .bp-staff-clock-stat { padding:8px!important; }
  body .bp-audit-review .audit-hero { padding:14px!important;gap:12px!important; }
  body .bp-audit-review .audit-controls { min-width:0!important;width:100%!important;gap:8px!important; }
  body .bp-audit-review .audit-actions { display:flex!important;flex-wrap:wrap!important;gap:6px!important; }
  body .bp-audit-review .audit-actions button { width:auto!important;min-height:44px!important;padding:7px 10px!important; }
  body .bp-audit-review .audit-kpis { gap:8px!important;margin:10px 0!important; }
  body .bp-audit-review .audit-kpi { padding:10px!important; }
  body .bp-audit-review .audit-kpi strong { font-size:23px!important; }
  body #pmChecklist .checkrow { display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important;min-height:64px!important; }
  body #pmChecklist .checkrow label { font-size:14px!important;line-height:1.4!important;min-width:0; }
  body #pmChecklist .pm-mark-wrap { display:flex!important;gap:5px!important; }
  body #pmChecklist .pm-mark { width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:18px!important; }
  body #pmChecklist .pmgroup { margin-bottom:10px!important; }
  body #pmChecklist .pmgroup>summary { padding:12px!important;min-height:48px!important;gap:8px!important; }
  body #pmChecklist .pmgroup-title { font-size:14px!important; }
  body .modalbox { max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;padding:12px!important;overflow-y:auto!important; }
  body .modalbox :is(.formgrid,.field) { min-width:0!important; }
  body .bp-reminder-drawer { height:100dvh!important;max-height:100dvh!important;width:min(440px,100vw)!important;max-width:100vw!important; }
  body .bp-reminder-drawer :is(input,select,textarea) { width:100%!important; }
  body .bp-reminder-drawer .bp-body { min-height:100px; }
  body .bp-reminder-drawer .bp-reminder-form { max-height:60dvh;overflow-y:auto;padding:10px!important; }
  body .bp-reminder-drawer textarea { min-height:64px!important;height:64px; }
  body .bp-reminder-drawer button { min-height:44px; }
  body .bp-reminder-drawer .bp-close { min-width:44px; }
  body #bpw .bpa-tool-group select { min-height:44px!important;width:100%!important; }

}

@media screen and (max-width:700px) {
  body #view-history .bp-report-filters { grid-template-columns:minmax(0,1fr)!important; }
  body #view-history .bp-report-filters>.btn { grid-column:1/-1;justify-self:start!important; }
  /* Put the hotel, profile and actions on one row; tabs retain their own row. */
  body #bpw .bpw-h { grid-template-columns:minmax(0,1fr) 34px auto!important;grid-template-areas:"brand profile actions" "nav nav nav"!important;align-items:center!important;column-gap:5px!important;row-gap:2px!important;padding:7px 9px 0!important; }
  body #bpw .bpw-brand { text-align:left!important;height:auto!important;max-width:100%!important;min-width:0!important; }
  body #bpw .bpw-brand-title { font-size:15px!important;line-height:18px!important;overflow:hidden!important;text-overflow:ellipsis!important; }
  body #bpw .bpw-hotel-name { font-size:10px!important;line-height:13px!important;max-height:26px!important;overflow:hidden!important; }
  body #bpw .bpw-profile-chip { justify-self:center!important;width:34px!important;max-width:34px!important;padding:0!important;overflow:visible!important; }
  body #bpw .bpw-profile-copy { display:none!important; }
  body #bpw .bpw-profile-chip :is(img,.bpw-avatar,.bpw-avatar-fallback) { width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important; }
  body #bpw .bpw-actions { justify-content:flex-end!important;gap:4px!important;min-width:0!important;height:40px!important;padding:0!important; }
  body #bpw .bpw-actions button { height:40px!important;min-height:40px!important; }
  body #bpw #kiosk { width:75px!important;min-width:75px!important;padding:0 4px!important;font-size:0!important; }
  body #bpw #kiosk::after { content:"⏱ Clock";font-size:11px!important;white-space:nowrap; }
  body #bpw #close { width:40px!important;min-width:40px!important;padding:0!important; }
  body #bpw .bpw-nav,body #bpw .bpw-nav button { height:40px!important;min-height:40px!important; }
  body #bpw .bpw-nav button { padding:0 9px!important;font-size:12px!important; }
  body #bpw .bpw-main { padding:9px!important; }
  body #bpw .bpw-tools:has(#peopleStatus) { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:9px!important; }
  body #bpw .bpw-tools:has(#peopleStatus)>.bpw-f { width:100%!important;max-width:100%!important; }
  body #bpw .bpw-tools:has(#peopleStatus)>#apply { grid-column:1;justify-self:stretch!important; }
  body #bpw .bpw-tools:has(#peopleStatus)>#exportEmployees { grid-column:2;justify-self:stretch!important; }
  body #bpw .bpw-tools:has(#peopleStatus)>#addEmp { grid-column:1/-1;justify-self:start!important; }
  body #bpw .bpw-person { min-height:0!important; }
  body #bpw .bpw-pmain { padding:9px!important; }
  body #bpw .bpw-pmain .bpw-avatar { width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:50%!important; }
  body #bpw .bpw-person-head { display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important; }
  body #bpw .bpw-person h3 { font-size:14px!important; }
  body #bpw .bpw-person p { font-size:12px!important;margin-top:2px!important; }
  body #bpw .bpw-person-meta { margin-top:4px!important;font-size:11px!important; }
  body #bpw .bpw-pfoot { padding:5px 9px!important; }
  body #bpw .bpw-ph:has(+ .bpw-people) { flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-height:0!important;padding:9px 11px!important; }
  body #bpw .bpw-ph:has(+ .bpw-people) .bpw-muted { font-size:11px!important;line-height:1.3!important; }
  body #bpw .bpw-schedule-nav { flex:1 1 100%!important; }
  body #bpw .bpw-schedule-actions { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important; }
  body #bpw .bpw-schedule-filters { width:100%!important; }
  body #bpw .bpx-dept-table tr { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;padding:10px!important; }
  body #bpw .bpx-dept-table td { justify-items:start!important;padding:0!important;gap:5px!important;min-width:0!important; }
  body #bpw .bpx-dept-table td[data-label="Name"] { grid-column:1/-1;display:block!important; }
  body #bpw .bpx-dept-table td[data-label="Name"]::before { display:none!important; }
  body #bpw .bpx-dept-table td[data-label="Name"] .bpx-link { justify-self:start!important;width:auto!important;text-align:left!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;font-size:15px!important;font-weight:600!important; }
  body #bpw .bpx-dept-table td[data-label="Code"],body #bpw .bpx-dept-table td[data-label="ID"] { display:flex!important;align-items:baseline!important; }
  body #bpw .bpx-dept-table td[data-label="Actions"] { grid-column:1/-1;display:block!important;padding-top:3px!important; }
  body #bpw .bpx-dept-table td[data-label="Actions"]::before { display:none!important; }
  body #bpw .bpx-dept-actions { gap:7px!important; }
  body #bpw .bpx-dept-actions button { min-height:38px!important;padding:6px 10px!important; }
  body #view-operationsmode .bp-ops-topbar { display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important;padding:10px!important;min-height:0!important; }
  body #view-operationsmode .bp-ops-top-heading { grid-column:1/-1;text-align:left!important; }
  body #view-operationsmode .bp-ops-topbar h2 { font-size:18px!important;margin:0!important; }
  body #view-operationsmode .bp-ops-top-actions { grid-column:1;grid-row:2;display:flex!important;flex-wrap:nowrap!important;gap:7px!important;width:auto!important;justify-content:flex-start!important; }
  body #view-operationsmode .bp-ops-date-control { flex:1 1 160px!important;max-width:230px!important; }
  body #view-operationsmode .bp-ops-date-control>span { display:none!important; }
  body #view-operationsmode .bp-ops-refresh { flex:0 0 44px!important;width:44px!important;padding:0!important;justify-content:center!important; }
  body #view-operationsmode .bp-ops-refresh span { display:none!important; }
  body #view-operationsmode .bp-ops-mobile-exit { grid-column:2;grid-row:2;margin:0!important;width:44px!important;height:44px!important; }
  body #bpOpsModeShell .bp-ops-card-head .smallbtn { width:auto!important;flex:0 0 auto!important; }
  body #bpw .bpa-tool-group:has(#bpaStart) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body #bpw .bpa-apply-range { grid-column:1/-1;justify-self:start; }
  body #bpw .bpa-tool-group:has([data-period-prev]) { grid-template-columns:44px minmax(0,1fr) 44px!important; }
  body #bpw .bpa-tool-group:has([data-period-prev]) .bpa-tool-label { grid-column:1/-1; }
  body #view-documents textarea { min-height:80px!important; }
  body .bp-audit-review .audit-controls { grid-template-columns:minmax(0,1fr)!important; }
  body .bp-audit-review .audit-hero h2 { font-size:20px!important; }
  body .bp-audit-review .audit-hero .audit-kicker,
  body .bp-audit-review .audit-hero p { display:none!important; }
  body .bp-audit-review .audit-actions { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)); }
  body .bp-audit-review .audit-actions button { width:100%!important; }
}

@media screen and (min-width:390px) and (max-width:700px) {
  /* Date fields have enough space side by side at common phone widths. */
  body #view-history .bp-report-filters { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body #view-history .bp-report-filters>.field:nth-child(-n+2) { grid-column:1/-1; }
  body .bp-audit-review .audit-controls { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body .bp-audit-review .audit-controls>label:first-child { grid-column:1/-1; }
  body .bp-audit-review .audit-actions { grid-column:1/-1; }
}

@media screen and (max-width:820px) {
  /* Existing mode-specific clearances can exceed the navigation height. */
  body #bpMobileBottomNav { left:8px!important;right:8px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;padding:4px!important;border-radius:15px!important;gap:2px!important;min-height:58px!important; }
  body #bpMobileBottomNav button { min-height:48px!important;height:48px!important;padding:4px 3px!important;border-radius:11px!important;font-size:11px!important; }
  body #bpMobileBottomNav button .mi { font-size:19px!important;line-height:20px!important; }
  body #bpAiLaunch.bp-ai-launch { width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:5px!important;border-radius:50%!important;gap:0!important; }
  body #bpAiLaunch.bp-ai-launch>span:not(.spark) { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important; }
  body #bpAiLaunch.bp-ai-launch .spark { width:30px!important;height:30px!important;flex:0 0 30px!important; }
  body #bpAiLaunch.bp-ai-launch:not(.bp-ai-positioned) { bottom:calc(78px + env(safe-area-inset-bottom))!important;right:10px!important; }
}

@media screen and (max-width:820px) {
  /* These two hosts are created by the mobile header script. Flatten only the
     bell host so the bell shares the hotel row instead of reserving a blank row. */
  body:not(.bp-operations-mode-active) .app>.main>.topbar { grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto auto auto!important;gap:6px 8px!important;padding:8px 10px!important; }
  body .app>.main>.topbar>.top-left { grid-column:1!important;grid-row:1!important; }
  body .app>.main>.topbar #bpMobileHeaderIdentity { grid-column:2!important;grid-row:1!important;margin:0!important;justify-content:center!important; }
  body .app>.main>.topbar #bpMobileHeaderIdentity .bp-portal-profile-copy { display:none!important; }
  body .app>.main>.topbar #bpMobileHeaderBellRow { display:contents!important; }
  body .app>.main>.topbar #bpNotifyWrap { grid-column:2!important;grid-row:2!important;align-self:center!important; }
  body .app>.main>.topbar #bpPropertySingleControl { grid-column:1!important;grid-row:2!important;max-width:100%!important; }
  body .app>.main>.topbar #globalProperty { width:100%!important;padding-right:22px!important;font-size:16px!important; }
  body .app>.main>.topbar #bpReminderBtn { grid-column:1!important;grid-row:3!important;justify-self:start!important;width:auto!important;min-height:44px!important;padding:7px 12px!important; }
  body .app>.main>.topbar #bpDashboardTopActions { grid-column:2!important;grid-row:3!important;padding:0!important;width:auto!important;overflow:visible!important; }
  body .app>.main>.topbar #bpDashboardCustomizeBtn { width:44px!important;min-width:44px!important;padding:0!important;overflow:hidden; }
  body .app>.main>.topbar #bpDashboardCustomizeBtn :is(.en,.es) { display:none!important; }
  body .app>.main>.topbar .title h2 { font-size:16px!important; }

  body #bpTasksWorkspace .bp-tw-header-main { padding:7px 10px!important;gap:6px!important;min-height:0!important; }
  body #bpTasksWorkspace .bp-tw-titleblock { display:flex!important;align-items:center;gap:7px!important; }
  body #bpTasksWorkspace .bp-tw-title { font-size:16px!important; }
  body #bpTasksWorkspace .bp-tw-sub { font-size:12px!important;line-height:1.3!important;padding:5px 7px!important;min-width:0!important; }
  body #bpTasksWorkspace .bp-tw-toolbar { padding:7px 10px!important;gap:7px!important; }
  body #bpTasksWorkspace .bp-tw-toolbar-actions { gap:6px!important; }
  body #bpTasksWorkspace :is(.bp-tw-btn,.bp-tw-back,.bp-tw-regional) { min-height:44px!important;height:44px!important;font-size:13px!important;padding:6px 10px!important; }
  body #bpTasksWorkspace .bp-tw-viewtoggle button { min-height:44px!important;height:44px!important;font-size:12px!important;padding:5px!important; }
  body #bpTasksWorkspace #bpTwSearch { height:44px!important;min-height:44px!important;padding:7px 10px!important; }
  body #bpTasksWorkspace .bp-tw-kpis { gap:5px!important; }
  body #bpTasksWorkspace .bp-tw-kpi { min-height:44px!important;padding:6px 8px!important;gap:5px!important; }
  body #bpTasksWorkspace .bp-tw-kpi-label { font-size:10px!important; }
  body #bpTasksWorkspace .bp-tw-kpi-val { font-size:16px!important; }
  body #bpTasksWorkspace .bp-tw-quickadd { padding:7px 10px!important;margin-bottom:10px!important;min-height:0!important; }
  body #bpTasksWorkspace .bp-tw-quickadd input { height:44px!important;min-height:44px!important; }
  body #bpTasksWorkspace input[type=checkbox] { width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px!important;margin:0!important; }
  body #bpTasksWorkspace .bp-tw-row-check { width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;flex:0 0 28px!important;padding:0!important;border-radius:50%!important;position:relative; }
  body #bpTasksWorkspace .bp-tw-row-check::after { content:'';position:absolute;inset:-8px; }
  body #bpTasksWorkspace .bp-tw-td-title { gap:7px!important; }
  body #bpTasksWorkspace .bp-tw-td { padding:8px!important;font-size:13px!important; }
}

@media screen and (max-width:700px) {
  /* The migration prompt has an icon, a message and two actions. Keeping all
     four in one flex row leaves only a word-wide column for the message. */
}