/* None Telefone 3.2.7 — documented fixes for operational mobile controls.
   Retains CRM visual identity. No Supabase/business logic resides here. */
@media (max-width:900px) {
  /* Brand color is already present in the official PNG; never invert it. */
  .admin-shell .mobile-bar {
    background:#fff!important;
    background-image:none!important;
    border-bottom:1px solid #e8e6ec!important;
    box-shadow:0 2px 10px rgba(37, 17, 66,.07)!important;
    min-height:62px!important;height:62px!important;
    padding-inline:14px!important;
  }
  .admin-shell .mobile-bar .brand,
  .admin-shell .mobile-bar a.brand {
    width:auto!important;
    max-width:calc(100vw - 124px)!important;
    height:48px!important;min-height:48px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .admin-shell .mobile-bar .brand__logo,
  .admin-shell .mobile-bar img.brand__logo {
    display:block!important;
    width:155px!important;height:auto!important;
    max-width:100%!important;max-height:42px!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:none!important;
    transform:none!important;
  }
  .admin-shell .mobile-bar__actions button {
    height:40px!important;width:40px!important;
    background:#f9f7f4!important;
    color:#2d1a4b!important;
    border:1px solid #edebf0!important;
    border-radius:12px!important;
  }
  .admin-shell .mobile-bar__actions button:focus-visible {outline:2px solid #632ea7;outline-offset:2px;}
  .none-stock-filter-active {border-color:#652faa!important;outline:2px solid rgba(101, 47, 170,.18);background:#faf8f3!important;}
  .none-stock-results {scroll-margin-top:84px;}
  .admin-content .media-picker-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .admin-content .media-picker-grid .photo-drop {
    min-width:0!important;min-height:105px!important;
    padding:14px 8px!important;
    border-radius:14px!important;
    display:flex!important;gap:6px!important;
    align-items:center!important;justify-content:center!important;
  }
  .admin-content .photo-drop svg {width:24px!important;height:24px!important;flex-shrink:0;}
  .admin-content .photo-drop strong {font-size:13px!important;line-height:1.25!important;margin:2px 0 0!important;}
  .admin-content .photo-drop span {font-size:11px!important;line-height:1.3!important;}
  .admin-content .media-selection {margin-top:16px!important;min-width:0!important;}
  .admin-content .media-selection__grid {grid-template-columns:minmax(0,1fr)!important;gap:9px!important;}
  .admin-content .media-preview {min-width:0!important;max-width:100%!important;grid-template-columns:72px minmax(0,1fr)!important;}
  .admin-content .media-preview__visual {width:72px!important;height:72px!important;}
  .admin-content .form-actions--sticky {
    position:static!important;
    bottom:auto!important;
    z-index:auto!important;
    margin:18px 0 12px!important;
    padding:12px!important;
    box-shadow:none!important;
    border:1px solid #e6e3ea!important;
    background:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .admin-content .form-actions--sticky >div {display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:8px!important;}
  .admin-content .form-actions--sticky >div button {width:100%!important;min-height:44px!important;}
  .admin-content .op-history article {overflow-wrap:anywhere;}
  .admin-content .wa-prepare {max-width:calc(100vw - 26px)!important;max-height:calc(100dvh - 36px)!important;overflow-y:auto!important;}
  .admin-content .wa-prepare textarea {min-height:190px;max-height:39dvh;}
  .admin-content .wa-prepare .wa-copy-main {width:100%!important;min-height:45px!important;white-space:normal!important;overflow-wrap:normal!important;line-height:1.25!important;}
  .admin-content .wa-prepare .wa-copy-feedback {font-size:12px!important;line-height:1.4!important;color:#513975!important;overflow-wrap:break-word!important;}
  .admin-content .wa-prepare .wa-copy-feedback:empty {display:none!important;}
}
/* Also harmonize small mobile browsers opening the public OS document. */
@media(max-width:580px) {
  .public-page {background:#f9f8f5!important;color:#2c1d42!important;}
  .public-page .public-topbar {background:transparent!important;max-width:100%!important;}
  .public-page .public-topbar .brand {background:transparent!important;border:0!important;padding:0!important;width:auto!important;box-shadow:none!important;}
  .public-page .public-topbar .brand__logo {filter:none!important;object-fit:contain!important;width:132px!important;height:auto!important;max-height:40px!important;}
  .public-page .public-topbar>span {color:#55466b!important;font-size:11px!important;}
  .public-page .document {background:#fff!important;color:#28193e!important;}
  .public-page .document__header {background:#fff!important;}
  .public-page .document-section {overflow-wrap:break-word!important;}
}
/* Selected stock shortcuts are visible on both desktop and Android. */
.admin-content .op-summary button.none-stock-filter-active {
  border-color:#6630ac!important;
  box-shadow:0 0 0 2px rgba(102, 48, 172,.13)!important;
  background:#faf8f3!important;
}
.none-stock-results {scroll-margin-top:86px;}