/* =========================================================
   Stratboost AI Tools
   Shared CSS overrides for:
   - admin manager
   - admin edit
   - public tools pages

   Goal:
   - stop button overlap
   - improve wrapping on tighter widths
   - provide one shared override layer
   ========================================================= */

/* -----------------------------
   Shared safety rules
   ----------------------------- */
   .ai-tools-admin *,
   .ai-tool-edit *,
   .sb-ai-tools-page *,
   .sb-ai-tool-detail-page *,
   .sb-ai-tool-detail * {
     box-sizing: border-box;
   }
   
   .ai-tools-admin img,
   .ai-tool-edit img,
   .sb-ai-tools-page img,
   .sb-ai-tool-detail-page img,
   .sb-ai-tool-detail img,
   .ai-tools-admin video,
   .ai-tool-edit video,
   .sb-ai-tools-page video,
   .sb-ai-tool-detail-page video,
   .sb-ai-tool-detail video {
     max-width: 100%;
     height: auto;
   }
   
   .ai-tools-admin form,
   .ai-tool-edit form,
   .sb-ai-tools-page form,
   .sb-ai-tool-detail-page form,
   .sb-ai-tool-detail form {
     margin: 0;
   }
   
   /* -----------------------------
      Shared button wrapping
      ----------------------------- */
   .ai-tools-admin__hero-actions,
   .ai-tools-admin__filter-actions,
   .ai-tools-admin__actions,
   .ai-tools-admin__pagination-actions,
   .ai-tool-edit__hero-actions,
   .ai-tool-edit__top-actions,
   .ai-tool-edit__footer-actions,
   .sb-ai-tools-filter-actions,
   .sb-ai-tools-pagination__actions,
   .sb-ai-tool-actions,
   .sb-ai-tool-card__bottom,
   .sb-ai-tool-detail__actions {
     display: flex !important;
     flex-wrap: wrap !important;
     align-items: center;
     gap: 10px !important;
   }
   
   .ai-tools-admin__hero-actions > *,
   .ai-tools-admin__filter-actions > *,
   .ai-tools-admin__actions > *,
   .ai-tools-admin__pagination-actions > *,
   .ai-tool-edit__hero-actions > *,
   .ai-tool-edit__top-actions > *,
   .ai-tool-edit__footer-actions > *,
   .sb-ai-tools-filter-actions > *,
   .sb-ai-tools-pagination__actions > *,
   .sb-ai-tool-actions > *,
   .sb-ai-tool-card__bottom > *,
   .sb-ai-tool-detail__actions > * {
     flex: 0 0 auto;
     max-width: 100%;
   }
   
   .ai-tools-admin__actions form,
   .ai-tool-edit__top-actions form,
   .ai-tool-edit__footer-actions form {
     display: inline-flex;
     flex: 0 0 auto;
   }
   
   .ai-tools-admin__btn,
   .ai-tools-admin__action-btn,
   .ai-tool-edit__btn,
   .sb-ai-tools-btn,
   .sb-ai-tool-btn,
   .sb-ai-tool-card__link,
   .sb-ai-tool-detail__btn,
   .sb-ai-tool-related-card__link {
     white-space: normal !important;
     text-align: center;
     line-height: 1.35;
   }
   
   /* -----------------------------
      Admin manager fixes
      ----------------------------- */
   .ai-tools-admin__filters-grid {
     grid-template-columns:
       minmax(240px, 2fr)
       repeat(5, minmax(140px, 1fr)) !important;
     align-items: end;
   }
   
   .ai-tools-admin__field {
     min-width: 0;
   }
   
   .ai-tools-admin__field input,
   .ai-tools-admin__field select {
     min-width: 0;
   }
   
   .ai-tools-admin__table-scroll {
     overflow-x: auto;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
   }
   
   .ai-tools-admin__table {
     min-width: 1100px;
   }
   
   .ai-tools-admin__actions {
     align-items: stretch;
   }
   
   .ai-tools-admin__action-btn {
     min-height: 38px;
   }
   
   .ai-tools-admin__action-btn--primary,
   .ai-tools-admin__action-btn--success,
   .ai-tools-admin__action-btn--warn,
   .ai-tools-admin__action-btn--subtle {
     justify-content: center;
   }
   
   /* -----------------------------
      Admin edit fixes
      ----------------------------- */
   .ai-tool-edit__shell {
     grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.85fr) !important;
     align-items: start;
   }
   
   .ai-tool-edit__grid {
     grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
     align-items: start;
   }
   
   .ai-tool-edit__check-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
     align-items: start;
   }
   
   .ai-tool-edit__field,
   .ai-tool-edit__check {
     min-width: 0;
   }
   
   .ai-tool-edit__input,
   .ai-tool-edit__select,
   .ai-tool-edit__textarea {
     min-width: 0;
   }
   
   .ai-tool-edit__textarea--json {
     overflow: auto;
   }
   
   .ai-tool-edit__hero-actions,
   .ai-tool-edit__top-actions,
   .ai-tool-edit__footer-actions {
     align-items: stretch;
   }
   
   .ai-tool-edit__hero-actions form,
   .ai-tool-edit__top-actions form,
   .ai-tool-edit__footer-actions form {
     display: inline-flex;
   }
   
   .ai-tool-edit__btn {
     min-height: 44px;
   }
   
   /* -----------------------------
      Public tools gallery
      ----------------------------- */
   .sb-ai-tools-page .content-area {
     padding: 16px;
     background: transparent;
   }
   
   .sb-ai-tools-page .sb-ai-tools-main {
     min-height: calc(100vh - 32px);
     border-radius: 24px;
     overflow: hidden;
   }
   
   .sb-ai-tools-filter-grid {
     grid-template-columns:
       minmax(240px, 2fr)
       minmax(180px, 1fr)
       minmax(180px, 1fr)
       auto !important;
     align-items: end;
   }
   
   .sb-ai-tools-field {
     min-width: 0;
   }
   
   .sb-ai-tools-field input,
   .sb-ai-tools-field select {
     min-width: 0;
   }
   
   .sb-ai-tools-grid {
     align-items: stretch;
   }
   
   .sb-ai-tool-card {
     min-width: 0;
   }
   
   .sb-ai-tool-card__bottom {
     align-items: stretch;
   }
   
   .sb-ai-tool-card__link {
     min-height: 44px;
   }
   
   /* -----------------------------
      Public tool detail
      ----------------------------- */
   .sb-ai-tool-detail__hero,
   .sb-ai-tool-detail__layout {
     align-items: start;
   }
   
   .sb-ai-tool-chip-row,
   .sb-ai-tool-detail__chips {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
   }
   
   .sb-ai-tool-detail__related-grid {
     align-items: stretch;
   }
   
   .sb-ai-tool-detail__related-card,
   .sb-ai-tool-related-card {
     min-width: 0;
   }
   
   /* -----------------------------
      Medium screens
      ----------------------------- */
   @media (max-width: 1200px) {
     .ai-tools-admin__filters-grid {
       grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
     }
   
     .sb-ai-tools-filter-grid {
       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
     }
   }
   
   @media (max-width: 1100px) {
     .ai-tool-edit__shell {
       grid-template-columns: 1fr !important;
     }
   
     .ai-tool-edit__sticky {
       position: static !important;
       top: auto !important;
     }
   
     .sb-ai-tool-detail__hero,
     .sb-ai-tool-detail__layout {
       grid-template-columns: 1fr !important;
     }
   
     .sb-ai-tool-detail__related-grid {
       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
     }
   }
   
   @media (max-width: 900px) {
     .ai-tools-admin__stats {
       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
     }
   
     .ai-tools-admin__filters-grid,
     .ai-tool-edit__grid,
     .ai-tool-edit__check-grid,
     .sb-ai-tools-filter-grid {
       grid-template-columns: 1fr !important;
     }
   
     .sb-ai-tools-grid {
       grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
     }
   }
   
   /* -----------------------------
      Small screens
      ----------------------------- */
   @media (max-width: 720px) {
     .ai-tools-admin,
     .ai-tool-edit {
       padding: 16px !important;
     }
   
     .ai-tools-admin__hero,
     .ai-tools-admin__filters,
     .ai-tools-admin__table-wrap,
     .ai-tool-edit__panel,
     .sb-ai-tools-hero,
     .sb-ai-tools-filters,
     .sb-ai-tools-summary,
     .sb-ai-tools-empty,
     .sb-ai-tools-pagination,
     .sb-ai-tool-detail__media,
     .sb-ai-tool-detail__card,
     .sb-ai-tool-detail__panel,
     .sb-ai-tool-detail__related-card {
       border-radius: 18px !important;
     }
   
     .ai-tools-admin__stats,
     .sb-ai-tools-grid,
     .sb-ai-tool-detail__related-grid {
       grid-template-columns: 1fr !important;
     }
   
     .ai-tools-admin__hero-actions,
     .ai-tools-admin__filter-actions,
     .ai-tools-admin__pagination-actions,
     .ai-tool-edit__hero-actions,
     .ai-tool-edit__top-actions,
     .ai-tool-edit__footer-actions,
     .sb-ai-tools-filter-actions,
     .sb-ai-tools-pagination__actions,
     .sb-ai-tool-actions,
     .sb-ai-tool-card__bottom,
     .sb-ai-tool-detail__actions {
       width: 100%;
     }
   
     .ai-tools-admin__hero-actions > *,
     .ai-tools-admin__filter-actions > *,
     .ai-tools-admin__pagination-actions > *,
     .ai-tool-edit__hero-actions > *,
     .ai-tool-edit__top-actions > *,
     .ai-tool-edit__footer-actions > *,
     .sb-ai-tools-filter-actions > *,
     .sb-ai-tools-pagination__actions > *,
     .sb-ai-tool-actions > *,
     .sb-ai-tool-card__bottom > *,
     .sb-ai-tool-detail__actions > * {
       width: 100%;
     }
   
     .ai-tools-admin__btn,
     .ai-tools-admin__action-btn,
     .ai-tool-edit__btn,
     .sb-ai-tools-btn,
     .sb-ai-tool-btn,
     .sb-ai-tool-card__link,
     .sb-ai-tool-detail__btn,
     .sb-ai-tool-related-card__link {
       width: 100%;
       justify-content: center;
     }
   }