/* ═══════════════════════════════════════════════════════════════
   BASE — reset, typography, focus, utilities, reduced motion
   Ported from the prototype: Kimi_Agent_Steelco ai/app/buyer.html
   ═══════════════════════════════════════════════════════════════ */

/* ─── reset + typography ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);
  background:var(--bg-section);
  color:var(--body);
  font-size:1rem;
  line-height:1.7;
  overflow-x:hidden;
  transition:background .18s var(--ease),color .18s var(--ease);
}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
ul{list-style:none}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
h1,h2,h3,h4{font-family:var(--font-body);color:var(--heading);line-height:1.4;font-weight:700}
[lang] *{letter-spacing:0}
::selection{background:rgba(7,90,160,.22)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}
.profile-ic{display:inline-flex;flex:none}
.profile-ic svg{display:block}

/* ─── utilities ─── */
.muted{color:var(--caption)}
.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}
.flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.flex-between{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--ai-blue);min-height:44px}
html[data-theme="dark"] .back-link{color:var(--heading)}
.back-link svg{width:18px;height:18px}
html[dir="ltr"] .back-link svg{transform:scaleX(-1)}
.hidden{display:none !important}
.empty-note{
  display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;
  padding:36px 20px;color:var(--caption);font-size:.875rem;
}
.empty-note .profile-ic{color:var(--brushed);opacity:.7}

/* ─── reduced motion ─── */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}