/* r286 — unified list card system for myorders / masters / parts / messages / news.
   Scope-only visual normalization. No business logic changes. */
:root{
  --list-card-radius: var(--ui-radius-lg, 18px);
  --list-card-radius-inner: var(--ui-radius-md, 10px);
  --list-card-bg: linear-gradient(180deg, color-mix(in srgb, var(--surface, #fff) 96%, #fff) 0%, color-mix(in srgb, var(--surface2, #f8fafc) 82%, #fff) 100%);
  --list-card-border: color-mix(in srgb, var(--line, #e5e7eb) 78%, transparent);
  --list-card-shadow: 0 10px 26px rgba(15, 23, 42, .075), 0 2px 7px rgba(15, 23, 42, .035);
  --list-card-shadow-hover: 0 16px 34px rgba(15, 23, 42, .105), 0 4px 12px rgba(15, 23, 42, .045);
  --list-card-pad: 16px;
  --list-card-gap: 14px;
  --list-card-text: var(--text, #111827);
  --list-card-muted: var(--text2, #64748b);
  --list-card-soft: color-mix(in srgb, var(--surface2, #f8fafc) 78%, transparent);
}

body.kareta-page-myorders #mo-list,
body.kareta-page-masters .masters-grid,
body.kareta-page-parts .parts-categories-grid,
body.kareta-page-parts .parts-grid,
body.kareta-page-messages #msng-page-listmount,
body.kareta-page-news .news-grid,
body.kareta-page-news .news-hero-grid{
  gap: var(--list-card-gap) !important;
}

body.kareta-page-myorders .mo-card.card,
body.kareta-page-myorders .mo-card,
body.kareta-page-masters .master-contact-row,
body.kareta-page-masters .master-contact-row.reveal.in,
body.kareta-page-parts .parts-category-card,
body.kareta-page-parts .parts-card,
body.kareta-page-parts .part-card,
body.kareta-page-messages .msng-item.msng-item--v2,
body.kareta-page-news .news-card{
  border: 1px solid var(--list-card-border) !important;
  border-radius: var(--list-card-radius) !important;
  background: var(--list-card-bg) !important;
  box-shadow: var(--list-card-shadow) !important;
  color: var(--list-card-text) !important;
  overflow: hidden !important;
  position: relative !important;
  isolation: isolate;
  box-sizing: border-box;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

body.kareta-page-myorders .mo-card.card::after,
body.kareta-page-myorders .mo-card::after,
body.kareta-page-masters .master-contact-row::after,
body.kareta-page-parts .parts-category-card::after,
body.kareta-page-parts .parts-card::after,
body.kareta-page-parts .part-card::after,
body.kareta-page-messages .msng-item.msng-item--v2::after,
body.kareta-page-news .news-card::after{
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--orange, #ff6b00) 11%, transparent), transparent 36%);
  opacity: .7;
}

body.kareta-page-myorders .mo-card.card > *,
body.kareta-page-myorders .mo-card > *,
body.kareta-page-masters .master-contact-row > *,
body.kareta-page-parts .parts-category-card > *,
body.kareta-page-parts .parts-card > *,
body.kareta-page-parts .part-card > *,
body.kareta-page-messages .msng-item.msng-item--v2 > *,
body.kareta-page-news .news-card > *{
  position: relative;
  z-index: 1;
}

body.kareta-page-myorders .mo-card:hover,
body.kareta-page-masters .master-contact-row:hover,
body.kareta-page-parts .parts-category-card:hover,
body.kareta-page-parts .parts-card:hover,
body.kareta-page-parts .part-card:hover,
body.kareta-page-messages .msng-item.msng-item--v2:hover,
body.kareta-page-news .news-card:hover{
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--orange, #ff6b00) 28%, var(--list-card-border)) !important;
  box-shadow: var(--list-card-shadow-hover) !important;
}

body.kareta-page-myorders .mo-card:active,
body.kareta-page-masters .master-contact-row:active,
body.kareta-page-parts .parts-category-card:active,
body.kareta-page-parts .parts-card:active,
body.kareta-page-parts .part-card:active,
body.kareta-page-messages .msng-item.msng-item--v2:active,
body.kareta-page-news .news-card:active{
  transform: translateY(0) scale(.995) !important;
}

body.kareta-page-myorders .mo-card-head,
body.kareta-page-myorders .mo-timeline,
body.kareta-page-myorders .mo-chat-entity,
body.kareta-page-myorders .mo-card-actions,
body.kareta-page-news .nc-body,
body.kareta-page-messages .msng-item.msng-item--v2,
body.kareta-page-masters .master-contact-row,
body.kareta-page-parts .parts-category-card{
  padding: var(--list-card-pad) !important;
}

body.kareta-page-myorders .mo-card-head,
body.kareta-page-myorders .mo-card-actions,
body.kareta-page-myorders .mo-chat-entity,
body.kareta-page-myorders .mo-timeline,
body.kareta-page-news .nc-author-row{
  border-color: color-mix(in srgb, var(--line, #e5e7eb) 76%, transparent) !important;
}

body.kareta-page-myorders .mo-card-head,
body.kareta-page-myorders .mo-card-actions{
  background: color-mix(in srgb, var(--surface, #fff) 68%, transparent) !important;
}

body.kareta-page-myorders .mo-card-top,
body.kareta-page-messages .msng-item-row1,
body.kareta-page-messages .msng-item-title-row,
body.kareta-page-news .nc-meta-row,
body.kareta-page-parts .parts-category-card__top{
  gap: 10px !important;
}

body.kareta-page-myorders .mo-card-title,
body.kareta-page-messages .msng-item-name2,
body.kareta-page-news .nc-title,
body.kareta-page-parts .parts-category-card__title{
  color: var(--text, #111827) !important;
  line-height: 1.22 !important;
}

body.kareta-page-myorders .mo-card-car,
body.kareta-page-messages .msng-item-preview2,
body.kareta-page-messages .msng-item-car2,
body.kareta-page-news .nc-intro,
body.kareta-page-news .nc-date,
body.kareta-page-news .nc-read-time,
body.kareta-page-news .nc-views,
body.kareta-page-parts .parts-category-card__desc,
body.kareta-page-parts .parts-category-card__label{
  color: var(--list-card-muted) !important;
}

body.kareta-page-myorders .mo-card-actions,
body.kareta-page-news .nc-footer,
body.kareta-page-parts .parts-category-card__stats,
body.kareta-page-messages .msng-item-row3{
  display: flex;
  align-items: center;
  gap: 10px !important;
  flex-wrap: wrap;
}

body.kareta-page-myorders .mo-card-actions .btn,
body.kareta-page-masters .master-contact-row .btn,
body.kareta-page-parts .parts-category-card .btn,
body.kareta-page-parts .parts-card .btn,
body.kareta-page-parts .part-card .btn,
body.kareta-page-messages .msng-item.msng-item--v2 .btn,
body.kareta-page-news .news-card .btn,
body.kareta-page-news .nc-read-link{
  min-height: 38px;
  border-radius: var(--ui-radius-md, 10px) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  box-sizing: border-box;
}

body.kareta-page-myorders .mo-status-badge,
body.kareta-page-news .nc-cat-badge,
body.kareta-page-news .nc-featured-badge,
body.kareta-page-parts .parts-category-card__stats span,
body.kareta-page-messages .msng-item-svc{
  border-radius: 999px !important;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}

body.kareta-page-messages .msng-item.msng-item--v2{
  margin: 0 0 var(--list-card-gap) !important;
  border-bottom: 1px solid var(--list-card-border) !important;
}
body.kareta-page-messages .msng-list .msng-item.msng-item--v2:last-child{margin-bottom:0!important;}
body.kareta-page-messages .msng-item--unread{
  border-color: color-mix(in srgb, var(--orange, #ff6b00) 30%, var(--list-card-border)) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--orange, #ff6b00) 7%, #fff) 0%, var(--surface, #fff) 100%) !important;
}
body.kareta-page-messages .msng-item--active{
  border-color: color-mix(in srgb, var(--orange, #ff6b00) 42%, var(--list-card-border)) !important;
}

body.kareta-page-news .nc-cover{
  border-radius: 0 !important;
}
body.kareta-page-news .news-card--hero .nc-cover{height:240px;}
body.kareta-page-news .nc-cover--sm{height:150px;}

body.kareta-page-parts .parts-category-card__icon,
body.kareta-page-parts .parts-category-card__count{
  border-radius: var(--list-card-radius-inner) !important;
}
body.kareta-page-parts .parts-category-card__desc{
  min-height: 0 !important;
  line-height: 1.55 !important;
}

body.kareta-page-masters .master-contact-row{
  min-height: 0 !important;
  gap: 14px !important;
}
body.kareta-page-masters .master-contact-row::before{opacity:.34!important;}

body.kareta-page-myorders .mo-timeline{
  background: color-mix(in srgb, var(--surface2, #f8fafc) 58%, transparent);
}
body.kareta-page-myorders .mo-tl-dot{
  width: 28px;
  height: 28px;
  font-size: 12px;
}
body.kareta-page-myorders .mo-tl-line{
  top: 13px;
  left: calc(50% + 14px);
  right: calc(-50% + 14px);
}

body.kareta-page-myorders .mo-empty,
body.kareta-page-masters .masters-empty,
body.kareta-page-parts .parts-empty,
body.kareta-page-messages .msng-empty-cta.card,
body.kareta-page-news .news-empty,
body.kareta-page-news .news-empty-state{
  border: 1px dashed color-mix(in srgb, var(--line, #e5e7eb) 88%, transparent) !important;
  border-radius: var(--list-card-radius) !important;
  background: color-mix(in srgb, var(--surface, #fff) 88%, transparent) !important;
  box-shadow: none !important;
  padding: 18px !important;
}

@media (max-width: 760px){
  :root{
    --list-card-pad: 14px;
    --list-card-gap: 10px;
    --list-card-shadow: 0 8px 18px rgba(15, 23, 42, .07), 0 1px 5px rgba(15, 23, 42, .035);
    --list-card-shadow-hover: 0 10px 22px rgba(15, 23, 42, .09), 0 2px 8px rgba(15, 23, 42, .04);
  }
  body.kareta-page-myorders .mo-card-head,
  body.kareta-page-myorders .mo-timeline,
  body.kareta-page-myorders .mo-card-actions,
  body.kareta-page-news .nc-body,
  body.kareta-page-messages .msng-item.msng-item--v2,
  body.kareta-page-masters .master-contact-row,
  body.kareta-page-parts .parts-category-card{
    padding: var(--list-card-pad) !important;
  }
  body.kareta-page-myorders .mo-card-actions .btn{
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
    min-height: 36px;
    font-size: 12px;
  }
  body.kareta-page-messages .msng-item-preview2,
  body.kareta-page-news .nc-intro--sm{
    -webkit-line-clamp: 2;
  }
  body.kareta-page-news .news-grid{
    grid-template-columns: 1fr !important;
  }
  body.kareta-page-news .nc-cover,
  body.kareta-page-news .news-card--hero .nc-cover{
    height: 176px;
  }
}