/* Morpheus PD Central V134.35 — portal-wide responsive + light/dark hardening
   Presentation only. No form, role, Supabase, approval or workflow logic. */

html[data-theme="light"]{
  color-scheme:light;
  --mpd-ui-page:#edf3f8;
  --mpd-ui-surface:#ffffff;
  --mpd-ui-surface-2:#f6f8fb;
  --mpd-ui-panel:#eef3f8;
  --mpd-ui-text:#111827;
  --mpd-ui-muted:#5f6f84;
  --mpd-ui-faint:#8391a3;
  --mpd-ui-line:#d8e1ec;
  --mpd-ui-line-strong:#c3cfdd;
  --mpd-ui-input:#ffffff;
  --mpd-ui-hover:#eef4fb;
  --mpd-ui-overlay:rgba(15,23,42,.58);
  --mpd-ui-shadow:0 18px 50px rgba(15,23,42,.12);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --mpd-ui-page:#07111f;
  --mpd-ui-surface:#0d1928;
  --mpd-ui-surface-2:#122033;
  --mpd-ui-panel:#16253a;
  --mpd-ui-text:#f4f7fb;
  --mpd-ui-muted:#a6b6ca;
  --mpd-ui-faint:#7f91a8;
  --mpd-ui-line:#263a52;
  --mpd-ui-line-strong:#36506d;
  --mpd-ui-input:#101e30;
  --mpd-ui-hover:#182a41;
  --mpd-ui-overlay:rgba(0,0,0,.72);
  --mpd-ui-shadow:0 22px 58px rgba(0,0,0,.38);
}

html,body{max-width:100%;min-height:100%;background:var(--bg,var(--mpd-ui-page));color:var(--text,var(--mpd-ui-text));}
body{overflow-x:clip;}
@supports not (overflow:clip){body{overflow-x:hidden;}}
#app,#main,.main,.main-content,.page-content,.workspace-page-content{min-width:0;max-width:100%;}
#app *{box-sizing:border-box;}
#app img,#app video,#app canvas,#app svg{max-width:100%;}
#app img,#app video{height:auto;}

/* Shared theme aliases for old and new modules. */
#app,
.mpd-notification-layer,
.mpd-company-colour-modal,
.mpd-cross-task-modal-wrap{
  --surface:var(--card,var(--mpd-ui-surface));
  --surface2:var(--panel,var(--mpd-ui-surface-2));
  --border:var(--line,var(--mpd-ui-line));
}

/* Form controls must remain readable in both themes. */
#app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea),
.mpd-company-colour-modal :where(input:not([type="color"]),select,textarea),
.mpd-cross-task-modal-wrap :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  max-width:100%;
  border-color:var(--line,var(--mpd-ui-line))!important;
  background:var(--card,var(--mpd-ui-input))!important;
  color:var(--text,var(--mpd-ui-text))!important;
  -webkit-text-fill-color:var(--text,var(--mpd-ui-text))!important;
  box-shadow:none;
}
#app :where(input,textarea)::placeholder{color:var(--muted,var(--mpd-ui-muted))!important;opacity:.78;}
#app select option{background:var(--card,var(--mpd-ui-input));color:var(--text,var(--mpd-ui-text));}
#app :where(input,select,textarea):focus-visible{
  outline:0!important;
  border-color:#3b82f6!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.16)!important;
}
#app :where(input,select,textarea):disabled{opacity:.68;cursor:not-allowed;}
html[data-theme="dark"] #app input[type="date"],
html[data-theme="dark"] #app input[type="datetime-local"],
html[data-theme="dark"] #app input[type="time"]{color-scheme:dark;}

/* Generic surfaces and typography that were inheriting the wrong theme. */
#app :where(.card,.panel,.command-panel,.role-home-panel,.workspace-card,.detail-card,.metric-card,.stat-card,.form-card,.data-card,.timeline-card,.activity-card,.task-card,.modal-content,.modal-dialog,.drawer-panel,.sheet-panel,.popover,.dropdown-menu){
  color:var(--text,var(--mpd-ui-text));
  border-color:var(--line,var(--mpd-ui-line));
}
#app :where(.muted,.subtle,.hint,.helper-text,.field-help,.empty-note,small){color:var(--muted,var(--mpd-ui-muted));}
#app :where(h1,h2,h3,h4,h5,h6,strong,b){overflow-wrap:anywhere;}
#app :where(p,li,dd,td,th,label,span){min-width:0;}
#app a{overflow-wrap:anywhere;}

/* Buttons and chips: remove accidental white-on-white / black-on-dark states. */
#app :where(.btn,.button,button)[disabled]{opacity:.55;cursor:not-allowed;}
#app :where(.btn.ghost,.btn.secondary,.btn.outline,.button.ghost,.button.secondary){
  border-color:var(--line,var(--mpd-ui-line))!important;
  background:var(--card,var(--mpd-ui-surface))!important;
  color:var(--text,var(--mpd-ui-text))!important;
  -webkit-text-fill-color:var(--text,var(--mpd-ui-text))!important;
}
#app :where(.btn.ghost,.btn.secondary,.btn.outline):hover{background:var(--panel,var(--mpd-ui-hover))!important;}
#app :where(.chip,.pill,.tag,.badge,.status-pill){max-width:100%;overflow:hidden;text-overflow:ellipsis;}

/* Modal and drawer surfaces. */
#app :where(.modal-wrap,.modal-layer,.drawer-wrap,.sheet-wrap,.workspace-overlay),
.mpd-cross-task-modal-wrap,.mpd-company-colour-backdrop{overscroll-behavior:contain;}
#app :where(.modal-content,.modal-dialog,.o2-modal,.drawer,.drawer-panel,.sheet,.sheet-panel,.workspace-modal,.workspace-page-shell,.project-command-window,.project-command-modal,.project-workspace-window,.company-command-window,.task-command-compact-v1103){
  min-width:0;
  max-width:calc(100vw - 24px);
  max-height:calc(100dvh - 24px);
  color:var(--text,var(--mpd-ui-text));
  border-color:var(--line,var(--mpd-ui-line));
}
#app :where(.modal-body,.drawer-body,.sheet-body,.workspace-page-content,.workspace-content,.project-workspace-body,.company-workspace-body){min-width:0;overflow-wrap:anywhere;}
#app :where(.modal-header,.modal-footer,.drawer-header,.drawer-footer,.sheet-header,.sheet-footer){border-color:var(--line,var(--mpd-ui-line));}

/* Horizontal content receives a controlled scroll lane instead of breaking the viewport. */
[data-mpd-scroll-host="true"],
.mpd-responsive-scroll,
.table-scroll,
.table-responsive,
.data-table-wrap,
.grid-scroll,
.report-table-wrap,
.invoice-table-wrap{
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:var(--line-strong,var(--mpd-ui-line-strong)) transparent;
}
[data-mpd-scroll-host="true"]::-webkit-scrollbar,.mpd-responsive-scroll::-webkit-scrollbar{height:8px;}
[data-mpd-scroll-host="true"]::-webkit-scrollbar-thumb,.mpd-responsive-scroll::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--line-strong,var(--mpd-ui-line-strong));background-clip:padding-box;}
#app table{border-collapse:collapse;color:var(--text,var(--mpd-ui-text));}
#app table :where(th,td){border-color:var(--line,var(--mpd-ui-line));}
#app table th{background:var(--panel,var(--mpd-ui-panel));color:var(--muted,var(--mpd-ui-muted));}
html[data-theme="dark"] #app table tr:hover td{background:rgba(96,165,250,.055);}

/* Action bars and tabs must not squeeze labels into vertical text. */
#app :where(.actions,.action-row,.action-bar,.toolbar,.command-toolbar,.project-toolbar,.workspace-toolbar,.modal-actions,.form-actions,.card-actions,.mast-actions,.project-admin-actions,.project-command-actions,.command-room-actions,.workbench-actions,.project-control-strip){
  min-width:0;
}
#app :where(.tabs,.tab-list,.tab-rail,.command-tabs,.workspace-tabs,.project-tabs,.project-room-tabs,.company-tabs,.segmented-control){
  max-width:100%;
}
#app :where(.tabs,.tab-list,.tab-rail,.command-tabs,.workspace-tabs,.project-tabs,.project-room-tabs,.company-tabs,.segmented-control)>:where(button,a){white-space:nowrap;}

/* Known hard-coded light-theme fragments. */
html[data-theme="dark"] .mpd-task-register-head-actions>b,
html[data-theme="dark"] .partner-heartbeat .partner-delivery-command>header>b{
  border-color:rgba(96,165,250,.28)!important;
  background:linear-gradient(135deg,#193250,#232b52)!important;
  color:#dcecff!important;
}
html[data-theme="dark"] .mpd-task-kind-chip-v13428.is-main{
  border-color:rgba(96,165,250,.28)!important;background:#172c4b!important;color:#93c5fd!important;
}
html[data-theme="dark"] .mpd-task-kind-chip-v13428.is-subtask,
html[data-theme="dark"] .task-command-compact-v1103[data-mpd-task-hierarchy="subtask"] .task-compact-title:before{
  border-color:rgba(167,139,250,.28)!important;background:#2b2148!important;color:#c4b5fd!important;
}
html[data-theme="dark"] .mpd-u26-card-foot .tone-pending{background:#3b2d12!important;color:#fcd34d!important;}
html[data-theme="dark"] .mpd-u26-card-foot .tone-rejected{background:#3b1d27!important;color:#fda4af!important;}
html[data-theme="dark"] .mpd-company-colour-preview{background:linear-gradient(145deg,color-mix(in srgb,var(--company-preview) 72%,#dbeafe),var(--company-preview));}
html[data-theme="dark"] .mpd-cross-task-routing,
html[data-theme="dark"] .mpd-cross-task-detail,
html[data-theme="dark"] .mpd-v13432-controlled-room{background:linear-gradient(145deg,var(--card,var(--mpd-ui-surface)),rgba(139,92,246,.10));}
html[data-theme="dark"] .mpd-cross-task-badge{background:rgba(139,92,246,.16);}
html[data-theme="dark"] .mpd-finance-command-v13434,
html[data-theme="dark"] .v13429-inline-comms,
html[data-theme="dark"] .context-conversation-panel,
html[data-theme="dark"] .mpd-task-register{box-shadow:0 20px 48px rgba(0,0,0,.26);}

/* Light theme contrast repairs. */
html[data-theme="light"] #app :where(.card,.panel,.role-home-panel,.workspace-card,.form-card){color:#111827;}
html[data-theme="light"] #app :where(.muted,.hint,.helper-text,.field-help){color:#5f6f84;}
html[data-theme="light"] .mpd-u26-window{--muted:#53657e!important;--line:#c6d2df!important;}
html[data-theme="light"] .mpd-notification-panel{--mpd-nc-muted:#586a80;--mpd-nc-line:#d4dee9;}

/* Recent feature layers: flexible width and theme-safe children. */
.mpd-finance-command-v13434,
.mpd-task-register,
.v13429-inline-comms,
.context-conversation-panel,
.mpd-v13432-controlled-room,
.mpd-cross-task-routing,
.mpd-cross-task-detail,
.partner-heartbeat .partner-delivery-command{min-width:0;max-width:100%;}
.mpd-finance-command-v13434 :where(.mpd-fc-panel,.mpd-fc-ledger,.mpd-fc-project-grid>article),
.v13429-inline-comms :where(.v13429-inline-comments,.context-conversation-panel),
.mpd-task-register :where(.mpd-task-register-row,.mpd-task-register-controls){min-width:0;}

/* Desktop/laptop hardening for narrower square monitors. */
@media(max-width:1280px){
  #app :where(.dashboard-grid,.command-grid,.overview-grid,.workspace-grid,.project-overview-grid,.company-overview-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mpd-fc-filters{grid-template-columns:minmax(180px,1.4fr) repeat(2,minmax(120px,1fr))!important;}
  .mpd-task-register-controls{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(120px,1fr))!important;}
  .mpd-u26-window{min-width:0!important;width:min(96vw,1500px)!important;}
}

@media(max-width:980px){
  #app :where(.grid-3,.grid-4,.three-column,.four-column,.dashboard-grid,.command-grid,.stats-grid,.metrics-grid,.kpi-grid,.workspace-grid,.project-overview-grid,.company-overview-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #app :where(.split,.split-layout,.two-pane,.master-detail,.detail-split,.form-split,.workspace-split){grid-template-columns:minmax(0,1fr)!important;}
  .mpd-fc-overview-grid,.v13429-inline-comms-grid,.workspace-comms-split{grid-template-columns:1fr!important;}
  .mpd-fc-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mpd-u26-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  body{padding-bottom:env(safe-area-inset-bottom);}
  #main,.main,.main-content{width:100%!important;max-width:100vw!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;}

  #app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea){font-size:16px!important;}
  #app :where(button,.btn,a.button,input[type="button"],input[type="submit"]){min-height:42px;}

  #app :where(.modal-wrap,.modal-layer,.workspace-overlay,.drawer-wrap,.sheet-wrap){padding:0!important;align-items:flex-end!important;}
  #app :where(.modal-content,.modal-dialog,.o2-modal,.drawer,.drawer-panel,.sheet,.sheet-panel,.workspace-modal,.project-command-window,.project-command-modal,.project-workspace-window,.company-command-window){
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    height:auto;
    max-height:100dvh!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:20px 20px 0 0!important;
  }
  #app :where(.modal-body,.drawer-body,.sheet-body,.workspace-page-content,.project-workspace-body,.company-workspace-body){
    max-height:calc(100dvh - 112px);
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;
    overscroll-behavior:contain;
  }
  #app :where(.modal-header,.drawer-header,.sheet-header){position:sticky;top:0;z-index:3;background:var(--card,var(--mpd-ui-surface));}
  #app :where(.modal-footer,.drawer-footer,.sheet-footer,.form-actions){
    position:sticky;
    bottom:0;
    z-index:3;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;
    background:var(--card,var(--mpd-ui-surface));
  }
  #app :where(.modal-footer,.drawer-footer,.sheet-footer,.form-actions)>:where(button,.btn,a){width:100%!important;justify-content:center!important;}

  #app :where(.form-grid,.grid-2,.grid-3,.grid-4,.two-column,.three-column,.four-column,.dashboard-grid,.command-grid,.stats-grid,.metrics-grid,.kpi-grid,.workspace-grid,.overview-grid,.project-overview-grid,.company-overview-grid,.detail-grid,.settings-grid,.access-grid){
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app :where(.form-row,.field-row,.input-row){grid-template-columns:minmax(0,1fr)!important;}

  #app :where(.actions,.action-row,.action-bar,.toolbar,.command-toolbar,.project-toolbar,.workspace-toolbar,.card-actions,.mast-actions,.project-admin-actions,.project-command-actions,.command-room-actions,.workbench-actions,.project-control-strip){
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:5px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #app :where(.actions,.action-row,.action-bar,.toolbar,.command-toolbar,.project-toolbar,.workspace-toolbar,.card-actions,.mast-actions,.project-admin-actions,.project-command-actions,.command-room-actions,.workbench-actions,.project-control-strip)::-webkit-scrollbar{display:none;}
  #app :where(.actions,.action-row,.action-bar,.toolbar,.command-toolbar,.project-toolbar,.workspace-toolbar,.card-actions,.mast-actions,.project-admin-actions,.project-command-actions,.command-room-actions,.workbench-actions,.project-control-strip)>:where(button,.btn,a){flex:0 0 auto!important;white-space:nowrap!important;}

  #app :where(.tabs,.tab-list,.tab-rail,.command-tabs,.workspace-tabs,.project-tabs,.project-room-tabs,.company-tabs,.segmented-control){
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #app :where(.tabs,.tab-list,.tab-rail,.command-tabs,.workspace-tabs,.project-tabs,.project-room-tabs,.company-tabs,.segmented-control)::-webkit-scrollbar{display:none;}
  #app :where(.tabs,.tab-list,.tab-rail,.command-tabs,.workspace-tabs,.project-tabs,.project-room-tabs,.company-tabs,.segmented-control)>:where(button,a){flex:0 0 auto!important;min-width:max-content!important;scroll-snap-align:start;}

  [data-mpd-scroll-host="true"],.table-scroll,.table-responsive,.data-table-wrap,.report-table-wrap,.invoice-table-wrap{margin-inline:-2px;padding-bottom:4px;}
  #app table{min-width:680px;}
  #app table[data-mpd-compact-table="true"]{min-width:520px;}

  #app :where(.page-hero,.command-mast,.workbench-hero,.project-hero,.section-hero,.workspace-section-hero,.project-workspace-head,.investment-workspace-head){
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:12px!important;
    padding:16px 14px!important;
  }
  #app :where(.page-hero,.command-mast,.workbench-hero,.project-hero,.section-hero,.workspace-section-hero,.project-workspace-head,.investment-workspace-head) h1{
    max-width:100%!important;
    font-size:clamp(26px,8vw,36px)!important;
    line-height:1.02!important;
    white-space:normal!important;
  }

  .mpd-notification-layer{padding:0!important;place-items:end center!important;}
  .mpd-notification-panel{width:100vw!important;max-width:100vw!important;max-height:calc(100dvh - 8px)!important;border-radius:22px 22px 0 0!important;border-bottom:0!important;}
  .mpd-notification-header{padding:18px 16px 14px!important;}
  .mpd-notification-title-row h2{font-size:23px!important;}
  .mpd-notification-toolbar{overflow-x:auto!important;padding:9px 10px!important;scrollbar-width:none;}
  .mpd-notification-toolbar::-webkit-scrollbar{display:none;}
  .mpd-notification-confirm{align-items:flex-start!important;flex-direction:column!important;}
  .mpd-nc-confirm-actions{width:100%;}
  .mpd-nc-confirm-actions button{flex:1;}
  .mpd-notification-scroll{padding:10px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;}

  .mpd-u26-window{width:100vw!important;height:100dvh!important;min-width:0!important;min-height:0!important;border-radius:0!important;border:0!important;}
  .mpd-u26-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mpd-u26-filters{grid-template-columns:1fr!important;}
  .mpd-u26-grid{grid-template-columns:1fr!important;}

  .mpd-ph27-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mpd-ph27-main{grid-template-columns:1fr!important;}
  .partner-heartbeat .partner-delivery-command{padding:13px!important;border-radius:18px!important;}
  .partner-heartbeat .partner-delivery-command>header{display:flex!important;align-items:flex-start!important;gap:10px!important;}
  .partner-heartbeat .partner-delivery-copy>b{overflow-wrap:anywhere!important;}
  .partner-heartbeat .partner-arrival-meta{align-items:flex-start!important;}
  .partner-heartbeat .partner-arrival-meta>em{max-width:50%;white-space:normal!important;text-align:right!important;}

  .mpd-task-register{border-radius:18px!important;}
  .mpd-task-register-head{flex-direction:column!important;padding:14px!important;}
  .mpd-task-register-head-actions{width:100%!important;justify-items:start!important;}
  .mpd-task-register-controls{grid-template-columns:1fr!important;padding:10px!important;}
  .mpd-task-register-body{padding:8px!important;}
  .mpd-task-register-column-head{display:none!important;}
  .mpd-task-register-row,.mpd-task-register-row.is-subtask{width:100%!important;margin-left:0!important;grid-template-columns:68px minmax(0,1fr) auto!important;padding:10px!important;}
  .mpd-task-register-owner,.mpd-task-register-due,.mpd-task-register-comments,.mpd-task-register-arrow{display:none!important;}
  .mpd-task-register-status{grid-column:3!important;}

  .v13429-inline-comms{padding:12px!important;border-radius:18px!important;}
  .v13429-inline-comms-head,.context-conversation-panel>header{flex-direction:column!important;}
  .v13429-inline-comms-grid,.workspace-comms-split{grid-template-columns:1fr!important;}
  .context-conversation-row{grid-template-columns:minmax(0,1fr) auto!important;}
  .context-conversation-row em{grid-column:1/-1!important;}
  .context-conversation-reply{grid-template-columns:1fr!important;}
  .context-conversation-reply .btn,.v13429-inline-comment-form .btn,.context-conversation-start{width:100%!important;}

  .mpd-finance-command-v13434{padding:12px!important;border-radius:18px!important;}
  .mpd-fc-mast{display:grid!important;}
  .mpd-fc-actions{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;}
  .mpd-fc-actions .btn{flex:0 0 auto!important;}
  .mpd-fc-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mpd-fc-overview-grid,.mpd-fc-project-grid{grid-template-columns:1fr!important;}
  .mpd-fc-filters{grid-template-columns:1fr!important;}
  .mpd-fc-search{grid-column:auto!important;}
  .mpd-fc-row-main{grid-template-columns:38px minmax(0,1fr) auto 22px!important;padding:10px!important;}
  .mpd-fc-type{grid-template-columns:30px!important;}
  .mpd-fc-type>small,.mpd-fc-date,.mpd-fc-status{display:none!important;}
  .mpd-fc-amount{grid-column:3!important;grid-row:1!important;}
  .mpd-fc-chevron{grid-column:4!important;}
  .mpd-fc-row-detail{padding:0 10px 12px!important;}
  .mpd-fc-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

  .mpd-cross-task-modal-wrap{padding:0!important;place-items:end center!important;}
  .mpd-cross-task-modal{width:100vw!important;max-width:100vw!important;max-height:calc(100dvh - 8px)!important;border-radius:22px 22px 0 0!important;padding:15px!important;padding-bottom:calc(15px + env(safe-area-inset-bottom))!important;}
  .mpd-cross-task-route-map{grid-template-columns:1fr!important;}
  .mpd-cross-task-route-map>i{transform:rotate(90deg);justify-self:center;}
  .mpd-cross-task-modal>footer{display:grid!important;}
  .mpd-cross-task-modal>footer .btn{width:100%!important;}

  .mpd-company-colour-modal{padding:0!important;place-items:end center!important;}
  .mpd-company-colour-dialog{width:100vw!important;max-width:100vw!important;max-height:calc(100dvh - 8px)!important;border-radius:22px 22px 0 0!important;}
  .mpd-company-colour-dialog>footer{display:grid!important;grid-template-columns:1fr!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;}
  .mpd-company-colour-dialog>footer button{width:100%!important;}

  .mpd-v13432-controlled-room>header{display:grid!important;}
  .mpd-v13432-controlled-task{grid-template-columns:1fr!important;}
  .mpd-v13432-controlled-task em{justify-self:start!important;}

  .mpd-company-colour-trigger{right:10px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;}
  :where(.toast,.app-toast,.mpd-cross-task-toast,.mpd-fc-toast,.mpd-entity-gradient-toast){max-width:calc(100vw - 24px)!important;}
}

@media(max-width:520px){
  #main,.main,.main-content{padding-left:8px!important;padding-right:8px!important;}
  #app :where(.page-hero,.command-mast,.workbench-hero,.project-hero,.section-hero,.workspace-section-hero,.project-workspace-head,.investment-workspace-head) h1{font-size:clamp(24px,8.5vw,32px)!important;}
  .mpd-ph27-metrics,.mpd-fc-summary{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  .mpd-fc-summary article{min-height:96px!important;padding:11px!important;}
  .mpd-fc-detail-grid{grid-template-columns:1fr!important;}
  .mpd-fc-lines>span{grid-template-columns:minmax(0,1fr) auto!important;}
  .mpd-fc-lines small{display:none!important;}
  .mpd-notification-group-head{grid-template-columns:36px minmax(0,1fr) auto 20px!important;padding:10px!important;}
  .mpd-notification-open{grid-template-columns:32px minmax(0,1fr) 7px!important;padding:11px 38px 11px 10px!important;}
  .partner-heartbeat .partner-delivery-board>button{padding:13px 11px 12px 15px!important;}
  .partner-heartbeat .partner-arrival-meta{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;}
  .partner-heartbeat .partner-arrival-meta>em{max-width:100%!important;justify-self:start!important;text-align:left!important;}
  .mpd-task-register-row,.mpd-task-register-row.is-subtask{grid-template-columns:60px minmax(0,1fr)!important;}
  .mpd-task-register-status{grid-column:2!important;justify-self:start!important;}
  .mpd-cross-task-routing>summary{align-items:flex-start!important;}
}

@media(hover:none) and (pointer:coarse){
  #app :where(button,.btn,a.button,[role="button"]){-webkit-tap-highlight-color:transparent;}
  #app :where(button,.btn,a.button,[role="button"]):active{transform:none!important;}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  #app *,#app *:before,#app *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}