/* Базовые переменные/коробка */
.litappt-item{
  --la-surface:#fff; --la-bg:#f7f8fb; --la-border:#e5e7eb; --la-text:#1f2937;
  --la-muted:#6b7280; --la-accent:#0a84ff; --la-accent-weak:rgba(10,132,255,.12); --la-ring:rgba(10,132,255,.35);
  background:var(--la-surface); color:var(--la-text); border:1px solid var(--la-border); border-radius:16px;
  padding:12px; box-shadow:0 1px 1px rgba(0,0,0,.03), 0 8px 24px rgba(2,6,23,.06); font:inherit; position:relative;
}

/* Хедер: левая и правая зоны */
.litappt-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; position:relative;}
.la-head-left{display:flex; align-items:center; gap:8px; background:linear-gradient(180deg,#f9fafb,#f3f4f6); border:1px solid var(--la-border); border-radius:12px; padding:8px;}
.la-head-right{display:flex; align-items:center; gap:8px;}

.la-btn{border:1px solid var(--la-border); background:#fff; border-radius:10px; padding:8px 12px; cursor:pointer; font-weight:600; transition:transform .12s, box-shadow .12s, border-color .12s, background-color .12s;}
.la-btn:hover{transform:translateY(-1px); box-shadow:0 4px 14px rgba(2,6,23,.08);}
.la-btn:active{transform:translateY(0); box-shadow:none;}

.la-ctrl{display:flex; gap:8px; align-items:center}
.la-ctrl select{border:1px solid var(--la-border); background:#fff; color:var(--la-text); border-radius:10px; padding:8px 10px; min-width:140px; outline:none; transition:box-shadow .12s, border-color .12s;}
.la-ctrl select:focus{border-color:var(--la-accent); box-shadow:0 0 0 4px var(--la-ring);}

/* Кнопка вкладки Настройки */
.la-tab{display:inline-flex; align-items:center; gap:8px; border:1px solid var(--la-border); background:#fff; border-radius:10px; padding:8px 12px; cursor:pointer; font-weight:600;}
.la-tab .la-ic{width:16px; height:16px; display:inline-block;}

/* Колокольчик + счётчик */
.la-bell{position:relative; border:1px solid var(--la-border); background:#fff; border-radius:10px; padding:8px 10px; cursor:pointer; display:inline-flex; align-items:center;}
.la-bell .la-ic{width:16px; height:16px; display:inline-block;}
.la-counter{position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; border-radius:9px; background:#ef4444; color:#fff; font-size:12px; line-height:18px; text-align:center; padding:0 4px;}

/* Панель настроек (выпадающая) */
.la-settings-panel{position:absolute; top:100%; right:0; margin-top:8px; width:260px; background:#fff; border:1px solid var(--la-border); border-radius:12px; box-shadow:0 10px 26px rgba(2,6,23,.12); padding:12px; z-index:20;}
.la-settings-panel .la-title{font-weight:700; margin-bottom:8px; color:var(--la-text);}
.la-switch{display:flex; align-items:center; gap:8px; padding:8px; border-radius:8px; cursor:pointer;}
.la-switch:hover{background:#f7f7f9;}
.la-switch input{width:16px; height:16px}

/* Таблица календаря */
.la-cal{width:100%; border-collapse:separate; border-spacing:6px;}
.la-cal thead th{font-weight:700; letter-spacing:.02em; opacity:.7; text-align:center; padding:6px 0; color:var(--la-muted); user-select:none;}
.la-cal thead th:nth-child(6), .la-cal thead th:nth-child(7){ color:#ef4444; opacity:.85; }
.la-cal td{ text-align:center; padding:0; height:44px; border-radius:12px; line-height:44px; cursor:pointer; user-select:none; background:#fff; border:1px solid var(--la-border); transition:transform .12s, box-shadow .12s, background-color .12s, color .12s, border-color .12s; position:relative; overflow:hidden; }
.la-cal tbody td:nth-child(6), .la-cal tbody td:nth-child(7){ background:#fff8f8; }
.la-cal td.-muted{ opacity:.45; cursor:default; background:#fafafa; border-style:dashed; }
.la-cal td.-today{ border-color:var(--la-accent); box-shadow:inset 0 0 0 2px var(--la-accent-weak); }
.la-cal td[data-date]:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(2,6,23,.10); border-color:var(--la-accent); }
.la-cal td.-sel{ background:linear-gradient(180deg, var(--la-accent), #0a74e5); border-color:transparent; color:#fff; box-shadow:0 8px 24px rgba(10,132,255,.35); transform:translateY(-1px); }

/* Полная блокировка дат настройкой */
.la-cal td.-disabled{ opacity:.5; cursor:not-allowed; background:#f5f6f8; border-style:dashed; }
.la-cal td.-disabled:hover{ transform:none; box-shadow:none; border-color:var(--la-border); }

/* Строка статуса */
.litappt-selected{ margin-top:10px; font-size:.95rem; color:var(--la-muted); }