/* Тёплый минимализм: крем-фон, кофейный текст, акцент - терракота. */
:root{
  --bg:#F7F3EC; --ink:#2B2622; --muted:#8A8178;
  --accent:#C26B4A; --accent-ink:#fff;
  --card:#FFFFFF; --line:#E9E1D6; --shadow:0 2px 10px rgba(43,38,34,.06);
  --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}
h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:28px;margin:0 0 4px}
h2{font-size:18px;margin:0 0 14px}

.layout{display:flex;min-height:100vh}
.sidebar{width:240px;background:#fff;border-right:1px solid var(--line);
  padding:22px 16px;display:flex;flex-direction:column;gap:8px}
.brand{font-family:"Fraunces",Georgia,serif;font-size:20px;font-weight:600;
  padding:0 8px 14px;color:var(--accent)}
.nav{display:flex;flex-direction:column;gap:4px;flex:1}
.nav-item{padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none}
.nav-item:hover{background:var(--bg)}
.nav-item.active{background:var(--accent);color:var(--accent-ink)}
.nav-item.disabled{color:var(--muted);pointer-events:none;opacity:.6}
.logout{color:var(--muted);text-decoration:none;padding:10px 12px;font-size:14px}
.logout:hover{color:var(--accent)}

.content{flex:1;padding:34px 40px;max-width:900px}
.page-head{margin-bottom:22px}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:22px;margin-bottom:18px}
.add-form{display:flex;flex-direction:column;gap:12px;max-width:460px}
.add-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.add-form input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;
  font-size:15px;background:#fff;color:var(--ink)}
.add-form input:focus{outline:none;border-color:var(--accent)}
button{background:var(--accent);color:#fff;border:none;border-radius:10px;
  padding:11px 18px;font-size:15px;cursor:pointer}
button:hover{filter:brightness(.96)}

.accounts-list{display:flex;flex-direction:column;gap:12px}
.account-card{display:flex;align-items:center;gap:14px;padding:16px 20px;margin:0}
.account-main{flex:1}
.account-name{font-weight:600}
.account-sub{color:var(--muted);font-size:13px}
.badge{font-size:12px;padding:4px 10px;border-radius:999px}
.badge.on{background:#E7F0E5;color:#3F6B3A}
.badge.off{background:#EFE7DE;color:var(--muted)}
.link-danger{background:none;color:var(--muted);padding:6px}
.link-danger:hover{color:#B4472E}
.empty{color:var(--muted);padding:18px}
.account-side{display:flex;align-items:center;gap:10px}
.tg-form{display:flex;gap:6px;margin-top:8px}
.tg-form input{padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;width:230px}
.btn-small{padding:7px 12px;font-size:13px;border-radius:8px}
.link-muted{background:none;color:var(--muted);padding:6px;font-size:13px}
.link-muted:hover{color:var(--accent)}

/* Автоответ */
.rule{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:12px 0;background:#fff}
.rule.off{opacity:.55}
.rule-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rule-title{font-weight:600}
.rule-actions{display:flex;gap:8px}
.steps{margin:10px 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.steps .delay{color:var(--accent);font-size:13px}
.steps .muted{color:var(--muted);list-style:none}
.step-add,.rule-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.step-add input,.rule-add input,.rule-add select{padding:9px 11px;border:1px solid var(--line);border-radius:9px;font-size:14px}
.step-add input[name=text]{flex:1;min-width:220px}
.step-add input[type=number]{width:110px}
.rule-add input[name=keywords],.rule-add input[name=first_text]{flex:1;min-width:180px}
.rule-add{border-top:1px dashed var(--line);padding-top:14px;margin-top:14px}
form.inline{display:inline}
.muted{color:var(--muted)}

.flash{padding:11px 16px;border-radius:10px;margin-bottom:14px;font-size:14px}
.flash.ok{background:#E7F0E5;color:#3F6B3A}
.flash.error{background:#F6E2DA;color:#B4472E}

.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh}
.login-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:34px;display:flex;flex-direction:column;gap:14px;width:320px}
.login-card input{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:15px}
.login-card .error{background:#F6E2DA;color:#B4472E;padding:10px;border-radius:10px;font-size:14px}