/* [Replast] Вигляд як в ЕРП (Material UI): світла тема, синій #1976d2, Roboto, білі картки, малі радіуси.
   Підключається після styles.css і перекриває лише токени та форму елементів. */
:root, :root[data-theme="light"], :root:not([data-theme="dark"]) {
  --bg: #f5f5f5;
  --bg-soft: #fafafa;
  --card: #ffffff;
  --card-soft: #f5f5f5;
  --ink: rgba(0,0,0,.87);
  --ink-soft: rgba(0,0,0,.6);
  --ink-dim: rgba(0,0,0,.38);
  --border: rgba(0,0,0,.12);
  --border-strong: rgba(0,0,0,.23);

  --cyan: #1976d2;
  --cyan-deep: #1565c0;
  --violet: #1565c0;
  --rose: #9c27b0;
  --orange: #ed6c02;
  --yellow: #ed6c02;
  --danger: #d32f2f;
  --ok: #2e7d32;

  --gradient: #1976d2;
  --gradient-soft: rgba(25,118,210,.08);
  --accent: #1976d2;
  --accent-hover: #1565c0;

  --radius: 8px;
  --radius-sm: 4px;
  --shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
  --shadow-hover: 0 3px 3px -2px rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 1px 8px 0 rgba(0,0,0,.12);
  --tint: 0,0,0;
  --glass: #ffffff;
  --glass-col: #ffffff;
  --glass-strong: #ffffff;
  --backdrop: rgba(0,0,0,.5);
  --shadow-modal: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
  --glow: 0;
  --icon-filter: none;
  color-scheme: light;
}

body { font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
body::before, body::after { display: none; }
h1, h2, h3, h4, .brand, .prio, .kpi__value, .cal__title, .kb-col__head, .item-view h2,
.activity__head h4, .notif__head h4 { font-family: "Roboto", "Helvetica", "Arial", sans-serif !important; letter-spacing: 0; font-weight: 500; }
.grad { background: none; color: inherit; -webkit-background-clip: initial; background-clip: initial; }
* { backdrop-filter: none !important; }

/* Кнопки — як MUI Button */
.btn { border-radius: 4px; font-weight: 500; letter-spacing: .02em; box-shadow: none; }
.btn--primary { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); }
.btn--primary:hover { transform: none; }
.btn--ghost { border-color: transparent; color: #1976d2; }
.btn--ghost:hover { background: rgba(25,118,210,.04); border-color: transparent; }
.icon-btn, .filter-btn { border-color: transparent; background: transparent; color: rgba(0,0,0,.54); }
.icon-btn:hover, .filter-btn:hover { background: rgba(0,0,0,.04); border-color: transparent; }
.user-chip { border-color: transparent; background: transparent; }
.user-chip:hover { background: rgba(0,0,0,.04); }
.toast button { border-radius: 4px; }

/* Поля — як MUI outlined */
input, select, textarea { background: #fff; border-color: rgba(0,0,0,.23); border-radius: 4px; }
input:hover, select:hover, textarea:hover { border-color: rgba(0,0,0,.87); }
input:focus, select:focus, textarea:focus { border-color: #1976d2; box-shadow: 0 0 0 1px #1976d2; }

/* Верхня панель — плоска біла смуга, без «пігулки» */
.topbar { margin: 0; border-radius: 0; border: 0; border-bottom: 1px solid var(--border); box-shadow: none; }
.brand { font-size: 18px; font-weight: 500; }
.search-trigger { border-radius: 4px; }

/* Картки, колонки, модалки */
.col, .tile, .kb-col, .filters, .notif-panel, .modal, .login__card { border-radius: var(--radius); }
.col { box-shadow: var(--shadow); border-color: transparent; }
.tile { box-shadow: none; }
.tile:hover { transform: none; box-shadow: var(--shadow); }
.project { border-radius: 4px; }
.project.is-active { background: rgba(25,118,210,.08); border-color: transparent; color: #1976d2; }
.project.is-active .project__dot { box-shadow: none; }
.modal { border: 0; }
.login__card { border: 0; box-shadow: var(--shadow); }
.chip, .count, .pending, .ap__chip, .tag-add { border-radius: 16px; }
.prio, .kind-chip { border-radius: 4px; }
.cal__day.is-selected { box-shadow: none; }

/* Перемикач видів і нижня панель — як MUI Tabs */
.views, .seg { border-radius: 4px; box-shadow: none; }
.views__glider { border-radius: 4px; box-shadow: none !important; background: rgba(25,118,210,.08) !important; }
.views button, .seg button { border-radius: 4px; }
.views button.is-active { color: #1976d2; }
.viewbar__project, .dash-toolbar select { border-radius: 4px; }
.viewbar__project { border-radius: 4px !important; }
.tabbar button.is-active .tabbar__n { color: #fff; }