/* ============================================================
   1REA.RU — Design tokens & base
   Brand: navy #0E1B2C · blue #2F6BFF · magenta #C026D3 (from logo windows)
   Font: Manrope
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  /* Brand */
  --navy:        #0E1B2C;
  --navy-700:    #16263B;
  --navy-600:    #1E3350;
  --blue:        #2F6BFF;
  --blue-600:    #1F56E0;
  --blue-050:    #EAF1FF;
  --magenta:     #C026D3;
  --magenta-050: #FBEBFE;

  /* Light surface system */
  --bg:          #F5F6F9;
  --bg-2:        #EEF0F4;
  --surface:     #FFFFFF;
  --surface-2:   #FAFBFC;
  --line:        #E7EAEF;
  --line-2:      #D8DDE6;

  /* Text */
  --ink:         #0E1B2C;
  --ink-2:       #3C475A;
  --ink-3:       #5B6472;
  --ink-4:       #8A93A3;

  /* Semantic */
  --green:       #18A957;
  --green-050:   #E6F7EE;
  --amber:       #E8920C;
  --amber-050:   #FCF1DD;
  --red:         #E0413E;
  --red-050:     #FCEAEA;
  --violet:      #7C5CFF;
  --violet-050:  #EFEBFF;
  --teal:        #0FA3A3;

  /* Radius */
  --r-xs: 8px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Shadows */
  --sh-1: 0 1px 2px rgba(14,27,44,.06), 0 1px 3px rgba(14,27,44,.04);
  --sh-2: 0 2px 4px rgba(14,27,44,.05), 0 8px 24px rgba(14,27,44,.07);
  --sh-3: 0 12px 40px rgba(14,27,44,.12), 0 4px 12px rgba(14,27,44,.06);
  --sh-pop: 0 18px 50px rgba(14,27,44,.18);

  --maxw: 1200px;
  --ease: cubic-bezier(.2,.7,.2,1);
}

/* Dark theme (admin / mobile) */
[data-theme="dark"] {
  --bg:        #0A1320;
  --bg-2:      #0E1B2C;
  --surface:   #12203360;
  --surface-2: #16273E;
  --line:      #233650;
  --line-2:    #2C436A;
  --ink:       #EEF3FB;
  --ink-2:     #C2CEDF;
  --ink-3:     #8FA0B8;
  --ink-4:     #66788F;
  --blue-050:  #16294B;
  --green-050: #0E2E20;
  --amber-050: #33260E;
  --red-050:   #371717;
  --violet-050:#211C3D;
  --magenta-050:#2C1733;
  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 6px 22px rgba(0,0,0,.5);
  --sh-3: 0 18px 50px rgba(0,0,0,.6);
}
[data-theme="dark"] .surface-solid { background: #12203D; }

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  color: var(--ink);
  background: var(--bg);
  font-feature-settings: "ss01","cv01";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1,h2,h3,h4,h5 { margin: 0; font-weight: 800; letter-spacing: -.02em; line-height: 1.05; }
p { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
img { display: block; max-width: 100%; }
input, select, textarea { font-family: inherit; }
::selection { background: var(--blue); color: #fff; }

/* Utility */
.tnum { font-variant-numeric: tabular-nums; }
.muted { color: var(--ink-3); }

/* Status pill base */
.pill {
  display: inline-flex; align-items: center; gap: 6px;
  height: 24px; padding: 0 10px; border-radius: var(--r-pill);
  font-size: 12.5px; font-weight: 700; white-space: nowrap;
}
.pill .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }

/* Object status colors */
.st-draft   { color:#6B7686; background:rgba(107,118,134,.12); }
.st-mod     { color:var(--amber); background:var(--amber-050); }
.st-active  { color:var(--green); background:var(--green-050); }
.st-reserved{ color:var(--violet); background:var(--violet-050); }
.st-sold    { color:var(--blue); background:var(--blue-050); }
.st-archived{ color:var(--ink-4); background:rgba(138,147,163,.14); }

/* Lead status colors */
.ls-new       { color:var(--blue); background:var(--blue-050); }
.ls-inprogress{ color:var(--amber); background:var(--amber-050); }
.ls-scheduled { color:var(--violet); background:var(--violet-050); }
.ls-won       { color:var(--green); background:var(--green-050); }
.ls-lost      { color:var(--red); background:var(--red-050); }
.ls-spam      { color:var(--ink-4); background:rgba(138,147,163,.14); }

/* Photo placeholder — stylized house plate */
.ph {
  position: relative; overflow: hidden;
  background:
    linear-gradient(135deg, rgba(47,107,255,.10), rgba(192,38,211,.06)),
    repeating-linear-gradient(45deg, rgba(14,27,44,.025) 0 14px, transparent 14px 28px),
    var(--bg-2);
  display: grid; place-items: center;
}
.ph .ph-ic { opacity: .5; }
.ph .ph-cap {
  position: absolute; left: 10px; bottom: 9px;
  font-size: 11px; font-weight: 700; color: var(--ink-4);
  background: rgba(255,255,255,.78); padding: 3px 8px; border-radius: var(--r-pill);
  backdrop-filter: blur(4px);
}
[data-theme="dark"] .ph .ph-cap { background: rgba(14,27,44,.7); }