/* базовый фон и шрифты */
body.page-template .site-main { padding: 2rem; font-family: system-ui, sans-serif; }

/* KPI цветовые классы */
.bg-green-50   { background:#e8f8ef; }
.bg-yellow-50  { background:#fff9db; }
.bg-red-50     { background:#ffecec; }

/* таблица */
table tr + tr td { border-top: 1px solid #f1f1f1; }

table td, table th  {    vertical-align: middle !important;}

/* лёгкая тень при ховере для карточки */
.hover\:shadow-md:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}

/* ==== MoodBoss LK – grayscale theme =================================== */

/* базовые переменные */
:root{
  --bg-main:        #ffffff;
  --bg-card:        #fafafa;
  --bg-card-hover:  #f0f0f0;
  --border:         #dddddd;
  --txt-main:       #111111;
  --txt-muted:      #666666;
  --txt-link:       #000000;
  --txt-link-hover: #505050;
}

/* общие элементы */
body #moodboss-app{color:var(--txt-main);font-family:Inter,Arial,Helvetica,sans-serif;}

button.lk-tab{
  padding:.5rem 1.8rem;border:1px solid var(--border);
  background:var(--bg-main);color:var(--txt-main);cursor:pointer;
  transition:background .15s;
}
button.lk-tab:hover{background:var(--bg-card-hover);}
button.lk-active{border-bottom:2px solid #111;font-weight:600;}

.lk-grid{display:grid;grid-gap:1.5rem;}
@media(min-width:640px){.lk-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.lk-grid{grid-template-columns:repeat(3,1fr);}}

/* карточка документа */
.lk-card{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;
  transition:box-shadow .2s,background .2s;
}
.lk-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06);background:var(--bg-card-hover);}

.lk-title{font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.25rem;}

.lk-meta{font-size:.75rem;color:var(--txt-muted);margin-bottom:.75rem;}

.lk-btn{
  margin-top:auto;display:inline-block;font-size:.8rem;font-weight:500;
  padding:.45rem 1rem;border:1px solid var(--border);border-radius:.4rem;
  background:var(--bg-main);color:var(--txt-link);text-decoration:none;text-align:center;
  transition:background .15s,color .15s;
}
.lk-btn:hover{background:var(--border);color:var(--txt-link-hover);}

.lk-btn[disabled]{opacity:.55;cursor:default;}


/* ───────────── MoodBoss LK layout tweaks ───────────── */
.lk-wrapper         {padding-top:2.5rem;padding-bottom:3rem;}
.lk-tab             {padding:.9rem 3.5rem;border:1px solid #d4d4d4;border-bottom:none;
                     background:#fff;font-weight:500;transition:.2s}
.lk-active          {border-color:#000;color:#000}
.lk-grid            {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
                     gap:2.25rem;margin-top:2rem}
.lk-card            {background:#f8f8f8;border:1px solid #e5e5e5;border-radius:16px;
                     padding:1.75rem;display:flex;flex-direction:column;row-gap:1.25rem}
.lk-title           {font-size:1rem;font-weight:600;margin-bottom:.25rem}
.lk-meta            {font-size:.8125rem;color:#7c7c7c}
.lk-btn             {display:inline-block;background:#000;color:#fff;font-size:.875rem;
                     padding:.8rem 1.5rem;border-radius:8px;line-height:1;
                     transition:background .2s;cursor:pointer;text-align:center}
.lk-btn:disabled    {opacity:.55;cursor:not-allowed}
.lk-btn:not(:disabled):hover {background:#5f5f5f}
.lk-tab.lk-active { @apply border-b-2 border-blue-600 font-semibold; }

.lk-btn:not(:disabled):hover,
.lk-btn:not(:disabled):focus{
  background:#5f5f5f;        /* hover / focus */
  color: #fff;
}

.lk-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* ───────── вкладки ───────── */
/* если Tailwind подключён – оставляем @apply */
.lk-tab.lk-active{
  @apply border-b-2 border-blue-600 font-semibold;
}



.lk-tab {
  @apply px-3 py-1 border-b-2 border-transparent text-gray-600;
}
.lk-tab.lk-active {
  @apply border-blue-600 text-blue-700 font-semibold;
}
.lk-tab { padding:4px 12px; border-bottom:2px solid transparent; color:#4b5563; }
.lk-tab.lk-active { border-color:#2563eb; color:#2563eb; font-weight:600; }



/* --------------------------------------------------------------------
   Minimal utility CSS for KPI‑карточки (если Tailwind недоступен)
   -------------------------------------------------------------------- */

/* Flex helpers ----------------------------------------------------- */
.flex          { display: flex !important;     border: 0;}
.flex-wrap     { flex-wrap: wrap !important; }
.flex-none     { flex: none !important; }
.items-center  { align-items: center !important; z-index: 10000;text-align: center;}

/* Gap helpers (gap-3 ≈12px, gap-4 ≈16px) -------------------------- */


/* Spacing ---------------------------------------------------------- */
.mb-6 { margin-bottom: 1.5rem !important; }

/* Card look -------------------------------------------------------- */
.rounded-lg    { border-radius: 0.5rem !important; }
.border        { border-width: 1px !important; border-style: solid !important; }
.border-slate-200 { border-color: #e2e8f0 !important; }
.shadow-sm     { box-shadow: 0 1px 2px rgb(0 0 0 / .05) !important; }
.bg-white\/60  { background: rgba(255,255,255,.6) !important; }
.backdrop-blur { backdrop-filter: blur(4px) !important; }

/* Width fixes ------------------------------------------------------ */
.kpi-card      { width: auto; flex: none !important; }
.kpi-gauge     { width: 150px  !important; height: 150px !important; }


/* файл: moodboss-modal-fallback.css */
.bg-white         { background:#fff; }
.bg-black\/50     { background:rgba(0,0,0,.5); }
.w-96             { width:24rem; }
.p-6              { padding:1.5rem; }
.px-3             { padding-left:.75rem; padding-right:.75rem; }
.py-2             { padding-top:.5rem;  padding-bottom:.5rem; }
.border           { border:1px solid #e2e8f0; }
.rounded          { border-radius:.25rem; }
.rounded-md       { border-radius:.375rem; }
.rounded-lg       { border-radius:.5rem; }
.rounded-2xl      { border-radius:1rem; }
.shadow-lg        { box-shadow:0 10px 15px -3px rgba(0,0,0,.1),
                              0 4px 6px -2px rgba(0,0,0,.05); }
.text-sm          { font-size:.875rem; }
.text-white       {  }
.bg-indigo-600    { background:#4f46e5; }
.bg-indigo-600:hover { background:#4338ca; }


/* utility clones — только то, что встречается в LK */
.border      { border:1px solid #e2e8f0 }
.rounded     { border-radius:.25rem }
.rounded-lg  { border-radius:.5rem }
.shadow-sm   { box-shadow:0 1px 2px rgb(0 0 0 / .05) }

.px-2 { padding-left:.5rem; padding-right:.5rem }
.py-1 { padding-top:.25rem;  padding-bottom:.25rem; margin-top:.25rem;  margin-bottom:.25rem }
.px-3 { padding-left:.75rem; padding-right:.75rem }
.py-2 { padding-top:.5rem;   padding-bottom:.5rem }

.w-full { width:100% }

.text-xs { font-size:.75rem }
.text-sm { font-size:.875rem }
.text-lg { font-size:1.125rem; line-height:1.25rem }
.font-semibold { font-weight:600 }
.font-bold      { font-weight:700 }

.bg-white   { background:#fff }
.bg-white\/60 { background:rgba(255,255,255,.6) }

.text-green-600  { color:#16a34a }
.text-amber-600  { color:#d97706 }
.text-red-600    { color:#dc2626 }

.flex-midle {align-items: center;}
.small-card {padding: 23px;}