/* 船東登入後前台頁面的元件與版面；共用元件放 components.css，前台共用版面放 site.css */

/* 格狀／條列切換、供應商介紹：選中狀態與漸層用船東深藍 */
.ao-view-toggle--owner .ao-view-toggle__link.is-active { border-color: var(--color-ink); background-color: var(--color-ink); color: var(--color-white); }
.ao-supplier-about--owner .ao-supplier-about__hero::after { background: linear-gradient(transparent, var(--color-surface-alt)); }

/* 條列表格的收藏鈕 */
.ao-collect-btn { color: var(--color-neutral-600); }
.ao-collect-btn:hover { color: var(--color-ink); }

/* 我收藏的物件：查詢列（產品分類、關鍵字、查詢與清除、版型切換） */
.ao-collection-query { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3); margin-bottom: var(--space-3); padding: var(--space-3); border-radius: var(--radius-sm); background-color: var(--color-surface-muted); }
.ao-collection-query__field { display: flex; flex-direction: column; gap: var(--space-1); min-width: 180px; }
.ao-collection-query__field--grow { flex: 1 1 220px; }
.ao-collection-query__label { margin: 0; color: var(--color-neutral-600); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); }
.ao-collection-query__actions { display: flex; gap: var(--space-2); }
.ao-collection-query__toggle { margin-left: auto; }
.ao-table .ao-compare-check { margin: 0; accent-color: var(--color-ink); }
/* 列表版欄位多，窄螢幕時表格水平捲動而不擠壓名稱欄 */
.ao-collection-table { min-width: 800px; }

@media screen and (max-width: 768px) {
  .ao-collection-query__field { width: 100%; min-width: 0; }
  .ao-collection-query__actions .ao-btn { flex: 1 1 0; }
  .ao-collection-query__toggle { margin-left: 0; }
}

/* 船東商品與收藏頁 */
.ao-panel-layout--owner { max-width: 1440px; margin: 0 auto; }
.ao-panel-layout--owner .ao-collection-query { background-color: transparent; padding: 0; border-radius: 0; }
.ao-panel-layout--owner .ao-product-filter .ao-list-filter { padding: 0; background-color: transparent; }
.ao-panel-layout--owner .ao-product-filter .ao-sort-bar { background-color: transparent; }
.ao-panel-layout--owner .ao-product-filter .ao-list-filter__label { font-weight: var(--font-weight-regular); }
.ao-panel-layout--owner .ao-product-filter__actions { display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-3); }
.ao-panel-layout--owner .ao-product-filter__submit { width: auto; margin-top: 0; }
.ao-panel-layout--owner .ao-product-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.ao-panel-layout--owner .ao-product-card__meta-row { flex-wrap: wrap; }
.ao-panel-layout--owner .ao-product-card__meta-value { white-space: nowrap; overflow-wrap: normal; }
.ao-panel-layout--owner .ao-product-card__actions .ao-btn { white-space: nowrap; }
.ao-panel-layout--owner .ao-collection-table .ao-product-row__name { min-width: 180px; }

.ao-panel-layout--owner .ao-notice-list { margin-top: var(--space-4); }
.ao-panel-layout--owner .ao-notice-list__item { background-color: transparent; }
.ao-panel-layout--owner .ao-notice-list__item.is-unread { background-color: var(--color-surface-alt); }
.ao-panel-layout--owner .ao-profile-title { padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-line); }
@media screen and (max-width: 768px) {
  .ao-panel-layout--owner .ao-product-filter__actions .ao-btn { flex: 1 1 0; }
}
.ao-panel-layout--owner .ao-collection-table .ao-table__head,
.ao-panel-layout--owner .ao-collection-table .ao-table__cell { text-align: left; }
.ao-collection-table .ao-table__head:nth-child(5),
.ao-collection-table .ao-table__cell:nth-child(5) { min-width: 120px; word-break: normal; }
.ao-panel-layout--owner .ao-collection-table .ao-product-row__meta { color: var(--color-ink); }
.ao-panel-layout--owner .ao-collection-table .ao-supply-badge { background-color: transparent; color: var(--color-ink); padding: 0; }
.ao-panel-layout--owner .ao-collect-btn { width: 32px; height: 32px; padding: 0; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background-color: var(--color-white); }
.ao-panel-layout--owner .ao-link-list a { color: var(--color-ink); }
.ao-panel-layout--owner .ao-list-filter__select,
.ao-panel-layout--owner .ao-field__control--select { background-color: var(--color-white); }
.ao-panel-layout--owner .ao-page-title { text-align: left; }
.ao-panel-layout--owner .ao-product-card__model:empty { display: none; }