/* Marina — Chris's phone reference supersession, 12207.
   Load after rail-messaging.css. Desktop console geometry is untouched.
   The runtime measures the live textarea and visible viewport; these variables
   express real geometry, not a keyboard, delivery or permission claim. */
@media(max-width:820px) {
  .shell.office-console-shell:is(.office-console-shell,.conversation-shell.guide-hidden.context-minimized) {
    --office-page-inset:12px;
    --office-dock-top:6px;
    --office-dock-bottom:max(8px,env(safe-area-inset-bottom));
    --office-input-min:max(32px,1.5rem);
    --office-input-cap:min(10rem,max(var(--office-input-min),calc(var(--office-visible-height,100dvh) * .28)));
    position:fixed;
    inset:var(--office-visible-top,0px) 0 auto;
    height:var(--office-visible-height,100dvh);
    max-height:var(--office-visible-height,100dvh);
  }
  /* Only the reading pane scrolls. Hidden ancestor scrolling can otherwise
     move the adaptive dock when a context/control receives focus. */
  .shell.office-console-shell>main.main {overflow:clip}
  .office-console-dock .office-composer-secondary>details:not([open])>.office-composer-menu {display:none}
  .office-console-shell .office-console-dock>form.office-composer {
    grid-template-rows:auto auto auto auto;
    gap:0;
    height:auto;
    padding:9px 12px 8px;
    border-radius:22px;
    align-content:start;
  }
  .office-console-dock .office-composer>.office-composer-context {
    height:auto;
    max-height:2.25rem;
    min-height:0;
    font:500 .75rem/1.4 var(--sans);
    overflow:auto;
    margin-bottom:5px;
  }
  .office-console-dock .office-composer>.office-composer-context:empty,
  .office-console-dock .office-composer>.office-composer-context:has(>[hidden]):not(:has(>:not([hidden],.visually-hidden))) {
    display:none;
  }
  .office-console-dock .office-composer>.field:has(.office-composer-input) {
    height:clamp(var(--office-input-min),var(--office-input-height,var(--office-input-min)),var(--office-input-cap));
    min-height:0;
    margin-bottom:5px;
  }
  .office-console-shell .office-console-dock form.office-composer textarea.office-composer-input {
    grid-row:2;
    height:clamp(var(--office-input-min),var(--office-input-height,var(--office-input-min)),var(--office-input-cap));
    min-height:var(--office-input-min);
    max-height:var(--office-input-cap);
    padding:3px 0;
    margin-bottom:5px;
    font:400 1rem/1.5 var(--sans);
    overflow:auto;
    scrollbar-width:thin;
    transition:none;
  }
  .office-console-shell .office-console-dock form.office-composer>.field textarea.office-composer-input {height:100%;margin-bottom:0}
  .office-console-dock .office-composer>.office-composer-toolbar {
    height:max(44px,2.5rem);
    min-height:44px;
    gap:6px;
  }
  .office-console-dock .office-composer-address {
    font:500 .75rem/1.4 var(--sans);
    white-space:nowrap;
  }
  .office-console-dock .office-composer-address :is(p,label,span) {
    white-space:nowrap;
    overflow-wrap:normal;
  }
  .office-console-dock .office-composer-secondary>details>summary {
    box-sizing:border-box;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    max-width:44px;
    padding:0;
    font-size:0;
  }
  .office-console-dock .office-composer-secondary>details>summary::after {content:'⋯';font:600 22px/1 var(--sans)}
  .office-console-dock .office-composer>.office-composer-status {
    height:auto;
    max-height:2.25rem;
    min-height:0;
    font:.75rem/1.4 var(--sans);
    overflow:auto;
    margin-top:5px;
  }
  .office-console-dock .office-composer>.office-composer-status:empty,
  .office-console-dock .office-composer>.office-composer-status:has(>:is(.visually-hidden,[hidden])):not(:has(>:not(.visually-hidden,[hidden]))) {display:none}
  .office-console-shell .office-reading-pane :is(.channel.conversation,.remote-conversation) {
    height:100%;
    min-height:0;
    flex:1;
  }
  .office-console-shell .office-reading-pane :is(.conversation-head,.remote-page-head) {max-height:40%;overflow:auto}
  .office-console-shell .office-reading-pane :is(.feed,.remote-feed) {height:auto;min-height:0;flex:1;overflow:auto}
  .shell.office-console-shell.office-navigation-open>.office-navigation-backdrop {
    top:var(--office-visible-top,0px);
    bottom:auto;
    height:var(--office-visible-height,100dvh);
  }
  .office-console-shell.office-navigation-open .rail>.rail-inner {
    top:var(--office-visible-top,0px);
    bottom:auto;
    height:var(--office-visible-height,100dvh);
    max-height:var(--office-visible-height,100dvh);
  }
}