/* Plandero-only mobile corrections. Retain the existing colors, icons and
   layout; the visual viewport excludes the software keyboard on WebViews. */
@media (max-width:900px) {
  .shell[data-app="plandero"] .pld-workspace .pld-dialog {
    bottom:var(--pld-viewport-bottom,0px);
    max-height:calc(var(--pld-visible-height,100dvh) - max(12px,env(safe-area-inset-top)));
    scroll-padding-block-end:max(24px,env(safe-area-inset-bottom));
  }
  .shell[data-app="plandero"] .pld-workspace .pld-composer-dialog[open] {
    bottom:var(--pld-viewport-bottom,0px);
    height:calc(var(--pld-visible-height,100dvh) - max(8px,env(safe-area-inset-top)));
    max-height:calc(var(--pld-visible-height,100dvh) - max(8px,env(safe-area-inset-top)));
  }
  #app > .shell[data-app="plandero"].pld-shell .pld-sidebar-nav .pld-nav-child {
    min-height:44px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-dialog :is(fieldset,.pld-wizard-step) {
    min-width:0;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-wizard-step {
    overflow-wrap:anywhere;
  }
  html[data-pld-compact-viewport] .shell[data-app="plandero"] .pld-composer-dialog > .pld-dialog-head {
    padding-block:7px;
  }
  html[data-pld-compact-viewport] .shell[data-app="plandero"] .pld-composer .pld-wizard-steps {
    padding-block:4px;
  }
  html[data-pld-compact-viewport] .shell[data-app="plandero"] .pld-composer .pld-composer-section-heading {
    padding-block:7px;
  }
  html[data-pld-compact-viewport] .shell[data-app="plandero"] .pld-composer .pld-composer-footer {
    padding-block:6px;
    gap:4px;
  }
  html[data-pld-compact-viewport] .shell[data-app="plandero"] .pld-composer-progress {
    display:none;
  }
}

/* Embedded original icons are spans too. Older label-hiding selectors must
   not clip the arrows together with the previous/next text label. */
.shell[data-app="plandero"] .pld-workspace .pld-control-icon:is([data-pld="previous"],[data-pld="next"]) > .pld-icon {
  position:static;
  width:20px;
  height:20px;
  overflow:visible;
  clip-path:none;
  white-space:normal;
}
.pld-workspace .pld-command-caption,
.pld-workspace .pld-mobile-command-actions { display:none; }
@media (max-width:900px) {
  .shell[data-app="plandero"] .pld-workspace .pld-titlebar { margin-bottom:6px; }
  .shell[data-app="plandero"] .pld-workspace .pld-titlebar .pld-overline { display:none; }
  .shell[data-app="plandero"] .pld-workspace .pld-titlebar h1 { margin:0; font-size:1.15rem; }
  .shell[data-app="plandero"] .pld-workspace .pld-workspace-header { gap:8px; margin-bottom:0; }
  .shell[data-app="plandero"] .pld-workspace .pld-page-nav { margin-bottom:8px; padding:2px; gap:2px; }
  .shell[data-app="plandero"] .pld-workspace .pld-page-nav > .pld-button { padding:6px 10px; font-size:.72rem!important; }
  .shell[data-app="plandero"] .pld-workspace .pld-toolbar-compact .pld-date-heading {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:5px;
    align-items:center;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-toolbar-compact .pld-date-heading > h2 {
    grid-row:1;
    grid-column:1;
    width:auto;
    font-size:.78rem;
    line-height:1.4;
    overflow-wrap:anywhere;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-toolbar-compact .pld-date-heading > .pld-date-nav { grid-row:1; grid-column:2; gap:2px; }
  .shell[data-app="plandero"] .pld-workspace .pld-toolbar-compact .pld-date-heading > .pld-button { grid-row:1; grid-column:3; padding-inline:6px; font-size:.7rem!important; }
  .shell[data-app="plandero"] .pld-workspace .pld-toolbar-compact .pld-date-nav .pld-button { width:44px; min-width:44px; flex-basis:44px; }
  .shell[data-app="plandero"] .pld-workspace .pld-board-status > .pld-compact-dashboard {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px;
    width:100%;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-board-status .pld-compact-dashboard > div { flex-direction:column-reverse; justify-content:flex-end; gap:2px; text-align:center; }
  .shell[data-app="plandero"] .pld-workspace .pld-board-status .pld-compact-dashboard dt { font-size:10px; line-height:1.3; }
  .shell[data-app="plandero"] .pld-workspace .pld-board-status .pld-compact-dashboard dd { font-size:1.03rem; line-height:1.2; }
  .shell[data-app="plandero"] .pld-workspace .pld-commandbar { display:block; position:relative; }
  .shell[data-app="plandero"] .pld-workspace .pld-command-count { display:block; margin-bottom:4px; font-size:.7rem; }
  .shell[data-app="plandero"] .pld-workspace .pld-desktop-command-icons { display:none; }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-command-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-command-actions > .pld-command-icon,
  .shell[data-app="plandero"] .pld-workspace .pld-more-planning-actions > summary {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:3px;
    width:100%;
    min-width:0;
    height:auto;
    min-height:48px;
    margin:0;
    padding:5px 3px;
    border:1px solid var(--pld-line);
    border-radius:8px;
    background:#fff;
    color:var(--pld-navy);
    font-size:11px;
    line-height:1.3;
    list-style:none;
    cursor:pointer;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-command-actions > [data-pld="assign"] { color:#fff; background:var(--pld-blue); border-color:var(--pld-blue); }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-command-actions > [data-pld="assign"] .pld-icon > svg { stroke:currentColor; }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-command-actions .pld-command-caption { display:block; white-space:normal; }
  .shell[data-app="plandero"] .pld-workspace .pld-more-planning-actions { min-width:0; }
  .shell[data-app="plandero"] .pld-workspace .pld-more-planning-actions > summary::-webkit-details-marker { display:none; }
  .shell[data-app="plandero"] .pld-workspace .pld-more-planning-actions > summary:focus-visible { outline:3px solid var(--pld-blue); outline-offset:2px; }
  .shell[data-app="plandero"] .pld-workspace .pld-more-planning-actions[open] > summary { background:#eaf4fc; border-color:#8cb8d7; }
  .shell[data-app="plandero"] .pld-workspace .pld-secondary-command-actions {
    position:absolute;
    inset-inline:0;
    top:100%;
    z-index:45;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:4px;
    max-height:min(52dvh,420px);
    overflow:auto;
    padding:8px;
    margin-top:6px;
    border:1px solid #bdd2e3;
    border-radius:12px;
    background:#fff;
    box-shadow:0 12px 28px #142f482b;
    overscroll-behavior:contain;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-secondary-command-actions .pld-command-icon { width:100%; min-height:44px; height:auto; justify-content:flex-start; text-align:start; padding:9px; gap:10px; }
  .shell[data-app="plandero"] .pld-workspace .pld-secondary-command-actions .pld-command-caption { font-size:.78rem; line-height:1.35; }
  .shell[data-app="plandero"] .pld-workspace .pld-secondary-command-actions .pld-command-divider { height:0; border-inline-start:0; border-top:1px solid var(--pld-line); margin:4px 0; }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-pick-list .pld-select-row strong { font-size:.8rem; line-height:1.4; }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-pick-list .pld-select-row small { font-size:.71rem; line-height:1.5; }
}
@media (min-width:380px) and (max-width:900px) {
  .shell[data-app="plandero"] .pld-workspace .pld-planner-controls { flex-wrap:nowrap; gap:5px; }
  .shell[data-app="plandero"] .pld-workspace .pld-planner-controls .pld-view-bar { width:auto; flex:1; }
  .shell[data-app="plandero"] .pld-workspace .pld-planner-controls .pld-mobile-views > .pld-button { padding-inline:5px; font-size:.67rem!important; }
  .shell[data-app="plandero"] .pld-workspace .pld-filter-tools { flex:none; margin:0; gap:3px; }
  .shell[data-app="plandero"] .pld-workspace .pld-filter-tools details > summary { padding-inline:5px; font-size:.65rem; gap:4px; }
}
@media (max-width:900px) {
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-selection-disclosure > summary { display:list-item; min-height:44px; padding:10px; font-size:.75rem; font-weight:550; cursor:pointer; background:#f3f7fb; }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-selection-steps { padding:8px; }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-selection-steps > details { margin-bottom:8px; border:1px solid var(--pld-line); border-radius:8px; overflow:hidden; }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-selection-steps > details > summary { min-height:44px; padding:10px; font-size:.72rem; line-height:1.5; cursor:pointer; }
  .shell[data-app="plandero"] .pld-workspace .pld-mobile-planning-selection { margin-block:5px 10px; }
}
@media (max-width:900px) {
  /* The compact shell hides the text label, while the original icon must
     remain visible when it is wrapped in a span rather than an img. */
  html body #app > .shell[data-app="plandero"].pld-shell > .main > .topbar > .pld-navigation-toggle > :is(.pld-original-symbol,.pld-icon),
  html body #app > .shell[data-app="plandero"].pld-shell .pld-sidebar .pld-navigation-close > :is(.pld-original-symbol,.pld-icon) {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    flex:none;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    position:static;
    overflow:visible;
    clip-path:none;
  }
  html body #app > .shell[data-app="plandero"].pld-shell .pld-sidebar .pld-navigation-close > .pld-original-symbol > svg { stroke:currentColor; }
}