/* BUILD 211R — MOBILE EDIT UX + OUTPUT CHOICE */
.as211r-output-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.as211r-output-choice>button{min-height:104px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:16px}
.as211r-output-choice>button strong{font-size:15px}.as211r-output-choice>button span{font-size:11px;font-weight:500;line-height:1.45;opacity:.74}

@media(max-width:800px){
  /* Editing must never be hidden behind giant sticky Save / Cancel bars. */
  .workspace94.as-modal-root .modal-head,
  .workspace94 .modal-card>.modal-head{
    position:static!important;top:auto!important;bottom:auto!important;z-index:auto!important;
    margin-top:0!important;padding-top:0!important;background:transparent!important;backdrop-filter:none!important;
  }
  .workspace94.as-modal-root .form-actions,
  .workspace94 .modal-card .form-actions,
  #direct-order-form .form-actions{
    position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;z-index:auto!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
    margin:18px 0 0!important;padding:12px 0 2px!important;background:transparent!important;
    border-top:1px solid var(--as94-line)!important;box-shadow:none!important;backdrop-filter:none!important;
  }
  .workspace94.as-modal-root .form-actions>* ,
  .workspace94 .modal-card .form-actions>*{
    width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:9px 10px!important;
    font-size:12px!important;line-height:1.25!important;white-space:normal!important;
  }
  .workspace94.as-modal-root .form-actions:has(> :only-child),
  .workspace94 .modal-card .form-actions:has(> :only-child){grid-template-columns:minmax(0,1fr)!important}
  .workspace94.as-modal-root .modal-card{
    width:100%!important;max-width:100%!important;height:auto!important;max-height:var(--as-visual-height,100dvh)!important;
    overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
    scroll-padding-top:18px!important;scroll-padding-bottom:28px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
  }
  .workspace94.as-modal-root .modal-head>.close-modal{display:none!important}
  .workspace94.as-modal-root .as193-mobile-back{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-height:38px!important;padding:7px 10px!important;font-size:12px!important}
  .workspace94.as-modal-root input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),
  .workspace94.as-modal-root select,
  .workspace94.as-modal-root textarea{
    font-size:16px!important;scroll-margin-top:20px!important;scroll-margin-bottom:40px!important;
  }
  .workspace94.as-modal-root textarea{min-height:92px!important;resize:vertical!important}
  .workspace94.as-modal-root label{min-width:0!important}
  html[data-keyboard="open"] .as94-mobile-tabbar{display:none!important}
  html[data-keyboard="open"] .workspace94.as-modal-root .modal-card{max-height:var(--as-visual-height,100dvh)!important}
  html[data-keyboard="open"] .workspace94.as-modal-root .form-actions{position:static!important}
  .as211r-output-choice{grid-template-columns:1fr!important;gap:9px}
  .as211r-output-choice>button{min-height:78px!important;padding:13px!important}
}

@media(max-width:480px){
  /* Later legacy CSS used to force every action into one giant full-width row. Keep Save + Cancel compact side-by-side. */
  .workspace94.as-modal-root .form-actions,
  .workspace94 .modal-card .form-actions,
  #direct-order-form .form-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .workspace94.as-modal-root .form-actions:has(> :only-child),
  .workspace94 .modal-card .form-actions:has(> :only-child){grid-template-columns:minmax(0,1fr)!important}
}

/* Build 211V command center welcome */
.cmd211v-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 14px;padding:20px 22px;border:1px solid var(--border,#29333b);border-radius:16px;background:linear-gradient(135deg,rgba(197,154,98,.08),rgba(255,255,255,.015))}
.cmd211v-welcome small{display:block;color:#c59a62;font-size:9px;font-weight:850;letter-spacing:.15em}.cmd211v-welcome h1{margin:7px 0 5px;font-size:30px;letter-spacing:-.035em}.cmd211v-welcome p{margin:0;color:var(--muted,#8b969e);font-size:12px}.cmd211v-welcome-meta{display:flex;align-items:center;gap:16px}.cmd211v-welcome-meta span{display:flex;flex-direction:column;align-items:flex-end;color:var(--muted,#7d8992);font-size:9px}.cmd211v-welcome-meta b{margin-bottom:3px;color:var(--text,#eef2f4);font-size:11px}.cmd211v-welcome-meta i{width:1px;height:30px;background:var(--border,#29333b)}
@media(max-width:700px){.cmd211v-welcome{align-items:flex-start;flex-direction:column;padding:17px}.cmd211v-welcome h1{font-size:25px}.cmd211v-welcome-meta{width:100%;justify-content:space-between}.cmd211v-welcome-meta span{align-items:flex-start}.cmd211v-welcome-meta i{display:none}}