/* ============================================================
   Agent Ofisi — asosiy tokenlar va layout (C5).
   Default mavzu: "zamonaviy ofis" (navy / oq / to'q kulrang, yashil aksent).
   Ixtiyoriy mavzu: <html data-theme="castle"> — eski "qal'a" ranglari.
   DIQQAT: mavjud o'zgaruvchi nomlari (--bg, --panel, --line, --ok, ...) C2/C3 da
   ishlatiladi — nomini o'zgartirmang, faqat qiymatini.
   ============================================================ */

:root{
  /* --- mavjud nomlar (C2/C3 ishlatadi) --- */
  --bg:        #eef1f5;
  --panel:     #ffffff;
  --panel-2:   #f6f8fb;
  --line:      #e1e6ee;
  --line-2:    #cdd5e1;
  --text:      #18212f;
  --muted:     #687587;

  --lego-red:    #d01012;
  --lego-yellow: #f2cd37;
  --lego-blue:   #0d69ab;
  --lego-green:  #2ec27e;

  --ok:    #1f9d63;
  --warn:  #d98a1c;
  --err:   #dc3d43;
  --info:  #2f74d0;
  --think: #7c55d8;

  --r: 14px;
  --shadow: 0 8px 24px rgba(19,35,63,.08), 0 2px 6px rgba(19,35,63,.05);

  /* --- yangi: zamonaviy ofis tokenlari --- */
  --navy:        #13233f;   /* asosiy brend, sarlavhalar, server shkafi */
  --navy-2:      #1d3256;
  --navy-3:      #2a4572;
  --ink:         #2b3442;   /* to'q kulrang matn/ikonka */
  --graphite:    #3a4352;
  --accent:      #1f9d63;   /* yashil aksent (o'simliklar, "faol") */
  --accent-2:    #34c27e;
  --accent-soft: #e4f5ec;
  --accent-line: #bfe6d0;
  --surface-3:   #edf1f6;   /* chip/tugma foni */
  --chip:        #eef2f7;
  --chip-on:     var(--navy);
  --chip-on-text:#ffffff;
  --focus:       0 0 0 3px rgba(47,116,208,.28);
  --r-sm:        9px;
  --r-xs:        6px;
  --shadow-sm:   0 1px 2px rgba(19,35,63,.06), 0 1px 1px rgba(19,35,63,.04);
  --topbar-bg:   var(--navy);
  --topbar-text: #e9eef7;
  --topbar-muted:#9fb0cc;
  --topbar-line: rgba(255,255,255,.10);
  --topbar-chip: rgba(255,255,255,.07);

  --font-ui:   "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --font-head: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
}

/* ------------------------- Qal'a mavzusi (ixtiyoriy) ------------------------- */
:root[data-theme="castle"]{
  --bg:        #ebe3d2;
  --panel:     #fbf7ee;
  --panel-2:   #f4ede0;
  --line:      #e2d5bd;
  --line-2:    #cdbb99;
  --text:      #2d2418;
  --muted:     #7c6c55;
  --ok:    #3f8f3a;
  --warn:  #c98a12;
  --err:   #b8322a;
  --info:  #3a6ea5;
  --think: #7a4fb5;
  --shadow: 0 8px 24px rgba(60,40,10,.12), 0 2px 6px rgba(60,40,10,.08);

  --navy:        #4a3420;
  --navy-2:      #5d4329;
  --navy-3:      #7a5a37;
  --ink:         #3a2e1f;
  --graphite:    #4b3d2a;
  --accent:      #b8860b;
  --accent-2:    #d4a017;
  --accent-soft: #f7ecd0;
  --accent-line: #e6cf91;
  --surface-3:   #efe5d2;
  --chip:        #f1e8d6;
  --topbar-bg:   #3b2a19;
  --topbar-text: #f6ead3;
  --topbar-muted:#cdb58e;
  --topbar-line: rgba(255,235,200,.14);
  --topbar-chip: rgba(255,235,200,.08);
  --font-ui:   "Baloo 2", "Inter", ui-rounded, system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: "Baloo 2", Georgia, "DejaVu Serif", serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-ui);
  font-size:14px;
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow:hidden;
  display:flex; flex-direction:column;
}
code,pre,.mono{font-family:var(--font-mono)}
h1,h2,h3{margin:0; font-family:var(--font-head)}
button,input,select{font-family:inherit}
:focus-visible{outline:none; box-shadow:var(--focus)}

/* ------------------------------ Layout ------------------------------ */
/* Yuqori panel(lar) flex:none, ofis qolgan balandlikni oladi — topbar balandligi o'zgarsa ham buzilmaydi */
.layout{display:flex; flex:1 1 auto; min-height:0; position:relative}
.office{
  flex:1; min-width:0; overflow-y:auto; padding:18px;
  background:
    linear-gradient(rgba(19,35,63,.035) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(90deg, rgba(19,35,63,.035) 1px, transparent 1px) 0 0 / 32px 32px,
    var(--bg);
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(540px, 1fr));
  gap:18px;
  align-content:start;
  grid-auto-rows:max-content;
}
:root[data-theme="castle"] .office{
  background:
    repeating-linear-gradient(60deg,  rgba(120,95,60,.10) 0 1px, transparent 1px 46px),
    repeating-linear-gradient(-60deg, rgba(120,95,60,.10) 0 1px, transparent 1px 46px),
    var(--bg);
}
.office::-webkit-scrollbar,.feed-list::-webkit-scrollbar{width:10px}
.office::-webkit-scrollbar-thumb,.feed-list::-webkit-scrollbar-thumb{background:#c3cddb; border-radius:8px}

/* ------------------------------ Bo'sh ------------------------------ */
.empty{
  grid-column:1/-1; align-self:start; text-align:center; padding:70px 20px; color:var(--muted);
}
.empty .emptyfig{font-size:56px; margin-bottom:8px; animation:float 3s infinite ease-in-out}
.empty h2{color:var(--text); font-size:22px; margin-bottom:6px}
.empty pre{
  display:inline-block; text-align:left; margin-top:18px; background:var(--panel);
  border:1px solid var(--line-2); border-radius:12px; padding:14px 18px;
  color:#0f766e; font-size:12px; line-height:1.6; box-shadow:var(--shadow);
}
.empty.gone{display:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

@media (max-width:1200px){
  .office{grid-template-columns:1fr}
}
@media (max-width:900px){
  .feed{display:none}
  .stats{display:none}
  .desks{grid-template-columns:repeat(2, 1fr)}
  .desk:nth-child(3n){border-right:1.5px dashed #d9e1ec}
  .desk:nth-child(2n){border-right:none}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important}
}