/* V114 — compact tools only in the PHONE's expanded 3D dialog.
   Existing DOM, controls, clipping logic and collapse state remain untouched.
   Natural content height removes scrolling without hiding any discipline. */
@media (max-width: 700px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #pragmaV112BimDock:not(.collapsed) {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:none!important;
    padding:0 max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;
    overflow:visible!important;
    scrollbar-width:none!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #pragmaV112ToolsToggle {
    min-height:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    padding:0 2px!important;
    gap:7px!important;
    font:600 11px/1.2 Arial,sans-serif!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #pragmaV112ToolsToggle svg {
    width:16px!important;
    height:16px!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #pragmaV112ToolsBody {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    overscroll-behavior:none!important;
    scrollbar-width:none!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #pragmaV112ToolsBody[hidden] {
    display:none!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimLayers.pragmaV112DockLayers {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:6px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    scrollbar-width:none!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #layerRows {
    grid-column:1!important;
    grid-row:1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(34px,auto))!important;
    grid-auto-rows:minmax(34px,auto)!important;
    gap:4px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    scrollbar-width:none!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #layerRows .layer-row {
    height:auto!important;
    min-height:34px!important;
    max-height:none!important;
    min-width:0!important;
    gap:4px!important;
    padding:0 3px!important;
    border-radius:7px!important;
    overflow:visible!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #layerRows .layer-row label {
    width:14px!important;
    height:28px!important;
    min-width:14px!important;
    flex:0 0 14px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #layerRows .layer-row label i {
    width:14px!important;
    height:14px!important;
    margin:0!important;
    border-radius:4px!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #layerRows .layer-row label i::after {
    line-height:12px!important;
    font-size:10px!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #layerRows .layer-name {
    display:flex!important;
    align-items:center!important;
    font:500 10px/1.2 Arial,sans-serif!important;
    min-height:32px!important;
    height:auto!important;
    max-height:none!important;
    min-width:0!important;
    padding:3px 0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    letter-spacing:0!important;
    text-shadow:none!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #layerRows .layer-name[aria-pressed=true] {
    font-weight:700!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimCut {
    display:grid!important;
    grid-column:1!important;
    grid-row:2!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:0 8px!important;
    height:auto!important;
    min-height:34px!important;
    max-height:none!important;
    margin:0!important;
    padding:3px 6px!important;
    border-radius:7px!important;
    font:600 10px/1.2 Arial,sans-serif!important;
    overflow:visible!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimCut > span {
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    margin:0!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimCut > input {
    grid-column:2!important;
    grid-row:1 / 3!important;
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimCut > small {
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
    max-width:100%!important;
    font:400 9px/1.2 Arial,sans-serif!important;
    margin:0!important;
    white-space:normal!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #cutValue {
    font-weight:600!important;
    font-variant-numeric:tabular-nums!important;
  }
  /* The existing collapse button remains available, now proportionally smaller. */
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog #pragmaV112BimDock.collapsed {
    width:min(182px,calc(100% - 32px))!important;
    padding:2px 12px!important;
    max-height:none!important;
    border-radius:12px!important;
  }
}
/* A phone held sideways uses the spare width, rather than another vertical row. */
@media (max-width: 1000px) and (max-height: 600px) and (min-width: 480px) and (orientation: landscape) and (pointer: coarse) {
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimLayers.pragmaV112DockLayers {
    grid-template-columns:minmax(0,1fr) clamp(134px,22vw,170px)!important;
    grid-template-rows:auto!important;
    gap:8px!important;
    align-items:center!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimCut {
    grid-column:2!important;
    grid-row:1!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto 28px auto!important;
    row-gap:3px!important;
    padding:6px 8px!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimCut > span {
    grid-column:1!important;
    grid-row:1!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimCut > input {
    grid-column:1!important;
    grid-row:2!important;
  }
  html.pragmaV113Phone.pragmaV112 #pragmaBimDialog.pragmaV112BimDialog .pbimCut > small {
    grid-column:1!important;
    grid-row:3!important;
  }
}