/* ===== CRM EXECUTOR AI - STILURI COMPLETE ===== */
* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --primary: #1a56db;
  --primary-dark: #1341a6;
  --primary-light: #e8f0fe;
  --sidebar-bg: #0f172a;
  --sidebar-text: #cbd5e1;
  --sidebar-hover: #1e293b;
  --sidebar-active: #1a56db;
  --bg: #f1f5f9;
  --card-bg: #ffffff;
  --border: #e2e8f0;
  --text: #1e293b;
  --text-muted: #64748b;
  --success: #16a34a;
  --warning: #d97706;
  --danger: #dc2626;
  --info: #0891b2;
  --shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);
  --radius: 8px;
  --radius-lg: 12px;
  --sidebar-w: 240px;
}
body { font-family: 'Segoe UI', system-ui, sans-serif; background: var(--bg); color: var(--text); min-height: 100vh; display: flex; font-size: 14px; }

/* SIDEBAR */
.sidebar { width: var(--sidebar-w); background: var(--sidebar-bg); height: 100vh; position: fixed; left:0; top:0; display:flex; flex-direction:column; z-index:100; overflow-y:auto; }
.sidebar-logo { padding:20px 16px 12px; border-bottom:1px solid #1e293b; }
.sidebar-logo h1 { color:#fff; font-size:18px; font-weight:700; display:flex; align-items:center; gap:8px; }
.sidebar-logo p { color:var(--sidebar-text); font-size:11px; margin-top:3px; opacity:.7; }
.sidebar-nav { flex:1; padding:12px 8px; }
.nav-section-title { color:#475569; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; padding:8px 8px 4px; }
.nav-item { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:6px; color:var(--sidebar-text); text-decoration:none; cursor:pointer; transition:all .15s; font-size:13px; margin-bottom:1px; border:none; background:none; width:100%; }
.nav-item:hover { background:var(--sidebar-hover); color:#fff; }
.nav-item.active { background:var(--sidebar-active); color:#fff; font-weight:600; }
.nav-item .badge { margin-left:auto; background:#334155; color:#94a3b8; font-size:10px; padding:1px 6px; border-radius:10px; }
.nav-item.active .badge { background:rgba(255,255,255,.2); color:#fff; }
.sidebar-footer { padding:12px 16px; border-top:1px solid #1e293b; }
.sidebar-footer .status-dot { width:8px; height:8px; background:var(--success); border-radius:50%; display:inline-block; margin-right:6px; }
.sidebar-footer span { color:#64748b; font-size:11px; }

/* MAIN */
.main-content { margin-left:var(--sidebar-w); flex:1; display:flex; flex-direction:column; min-height:100vh; }
.top-bar { background:#fff; border-bottom:1px solid var(--border); padding:0 24px; height:56px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:50; box-shadow:var(--shadow); }
.top-bar h2 { font-size:18px; font-weight:700; color:var(--text); }
.top-bar-actions { display:flex; align-items:center; gap:10px; }
.content-area { padding:24px; flex:1; }

/* STATS GRID */
.stats-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; margin-bottom:24px; }
.stat-card { background:var(--card-bg); border-radius:var(--radius-lg); padding:20px; box-shadow:var(--shadow); display:flex; align-items:center; gap:16px; }
.stat-icon { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; }
.stat-icon.blue { background:#dbeafe; }
.stat-icon.green { background:#dcfce7; }
.stat-icon.orange { background:#ffedd5; }
.stat-icon.purple { background:#ede9fe; }
.stat-info h3 { font-size:12px; color:var(--text-muted); font-weight:500; margin-bottom:4px; }
.stat-value { font-size:28px; font-weight:700; color:var(--text); line-height:1; }
.stat-label { font-size:11px; color:var(--text-muted); }

/* TOOLBAR */
.toolbar { background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius); padding:12px 16px; margin-bottom:16px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.search-box { display:flex; align-items:center; gap:8px; background:var(--bg); border:1px solid var(--border); border-radius:6px; padding:7px 12px; flex:1; min-width:200px; }
.search-box input { border:none; background:none; outline:none; font-size:13px; color:var(--text); width:100%; }
.search-box span { color:var(--text-muted); }

/* BUTTONS */
.btn { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:6px; font-size:13px; font-weight:500; cursor:pointer; border:none; transition:all .15s; text-decoration:none; white-space:nowrap; }
.btn-primary { background:var(--primary); color:#fff; }
.btn-primary:hover { background:var(--primary-dark); }
.btn-secondary { background:#fff; color:var(--text); border:1px solid var(--border); }
.btn-secondary:hover { background:var(--bg); }
.btn-success { background:var(--success); color:#fff; }
.btn-success:hover { background:#15803d; }
.btn-danger { background:var(--danger); color:#fff; }
.btn-danger:hover { background:#b91c1c; }
.btn-sm { padding:4px 10px; font-size:12px; }
.btn-icon { padding:6px; border-radius:6px; }

/* TABEL */
.table-wrapper { background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow); }
.table-header { padding:12px 16px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; background:#fafafa; }
.table-info { font-size:12px; color:var(--text-muted); }
.table-scroll { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:13px; }
thead { background:#f8fafc; }
th { padding:10px 12px; text-align:left; font-weight:600; color:var(--text-muted); font-size:11px; text-transform:uppercase; letter-spacing:.5px; border-bottom:2px solid var(--border); white-space:nowrap; cursor:pointer; user-select:none; }
th:hover { color:var(--primary); }
td { padding:10px 12px; border-bottom:1px solid #f1f5f9; color:var(--text); vertical-align:top; }
tr:hover td { background:#f8fafc; }
tr.selected td { background:var(--primary-light); }
.td-truncate { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.td-truncate:hover { overflow:visible; white-space:normal; }
td .row-actions { display:none; gap:4px; }
tr:hover .row-actions { display:flex; }

/* BADGE STATUS */
.badge-status { display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:20px; font-size:11px; font-weight:600; white-space:nowrap; }
.badge-activ { background:#dcfce7; color:#16a34a; }
.badge-suspendat { background:#ffedd5; color:#d97706; }
.badge-incetat { background:#fee2e2; color:#dc2626; }
.badge-executat { background:#e0e7ff; color:#4f46e5; }
.badge-nou { background:#dbeafe; color:#1d4ed8; }

/* PAGINARE */
.pagination { display:flex; align-items:center; justify-content:between; padding:12px 16px; border-top:1px solid var(--border); gap:8px; flex-wrap:wrap; }
.pagination-info { font-size:12px; color:var(--text-muted); flex:1; }
.pagination-btns { display:flex; gap:4px; }
.page-btn { width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:6px; border:1px solid var(--border); background:#fff; cursor:pointer; font-size:13px; transition:all .15s; }
.page-btn:hover { background:var(--primary-light); border-color:var(--primary); color:var(--primary); }
.page-btn.active { background:var(--primary); color:#fff; border-color:var(--primary); }
.page-btn:disabled { opacity:.4; cursor:default; }

/* SIDE PANEL */
.side-panel { position:fixed; right:0; top:0; height:100vh; width:700px; background:#fff; box-shadow:-4px 0 24px rgba(0,0,0,.15); z-index:200; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .3s cubic-bezier(.4,0,.2,1); }
.side-panel.open { transform:translateX(0); }
.side-panel-header { padding:16px 20px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:between; gap:12px; background:#fafafa; }
.side-panel-header h3 { font-size:16px; font-weight:700; flex:1; }
.side-panel-tabs { display:flex; border-bottom:1px solid var(--border); background:#fff; }
.side-tab { padding:10px 16px; font-size:13px; font-weight:500; cursor:pointer; border-bottom:2px solid transparent; color:var(--text-muted); transition:all .15s; }
.side-tab.active { color:var(--primary); border-bottom-color:var(--primary); }
.side-panel-body { flex:1; overflow-y:auto; padding:20px; }
.side-panel-footer { padding:12px 20px; border-top:1px solid var(--border); display:flex; gap:8px; }

/* DETALII DOSAR */
.field-section { margin-bottom:20px; }
.field-section h4 { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:var(--text-muted); margin-bottom:12px; padding-bottom:6px; border-bottom:1px solid var(--border); }
.field-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; }
.field-grid-3 { grid-template-columns:repeat(3, 1fr); }
.field-item { display:flex; flex-direction:column; gap:3px; }
.field-item.full { grid-column:1/-1; }
.field-label { font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; color:var(--text-muted); }
.field-value { font-size:13px; color:var(--text); background:var(--bg); padding:6px 10px; border-radius:6px; border:1px solid var(--border); min-height:32px; word-break:break-word; }
.field-value.empty { color:#94a3b8; font-style:italic; }
.field-edit input, .field-edit textarea, .field-edit select { width:100%; padding:6px 10px; border:1px solid var(--primary); border-radius:6px; font-size:13px; background:#fff; outline:none; }
.field-edit textarea { min-height:80px; resize:vertical; }

/* CRM PANEL */
.crm-section { margin-bottom:20px; }
.crm-section h4 { font-size:13px; font-weight:700; color:var(--text); margin-bottom:12px; display:flex; align-items:center; gap:8px; }
.phone-list, .address-list, .reminder-list { display:flex; flex-direction:column; gap:6px; }
.phone-item, .address-item, .reminder-item { display:flex; align-items:center; gap:8px; background:var(--bg); padding:8px 12px; border-radius:6px; border:1px solid var(--border); }
.phone-item input, .address-item input, .reminder-item input { flex:1; border:none; background:none; font-size:13px; outline:none; color:var(--text); }
.add-item-btn { display:flex; align-items:center; gap:6px; padding:6px 12px; border:1px dashed var(--border); border-radius:6px; background:none; cursor:pointer; color:var(--text-muted); font-size:12px; transition:all .15s; width:100%; justify-content:center; margin-top:6px; }
.add-item-btn:hover { border-color:var(--primary); color:var(--primary); background:var(--primary-light); }
.status-select { width:100%; padding:8px 12px; border:1px solid var(--border); border-radius:6px; font-size:13px; background:#fff; }

/* AI CHAT */
.ai-chat-container { display:flex; flex-direction:column; height:100%; }
.ai-messages { flex:1; overflow-y:auto; padding:8px; display:flex; flex-direction:column; gap:10px; max-height:calc(100vh - 300px); }
.ai-msg { display:flex; gap:8px; max-width:85%; }
.ai-msg.user { flex-direction:row-reverse; align-self:flex-end; }
.ai-msg-bubble { padding:10px 14px; border-radius:12px; font-size:13px; line-height:1.5; }
.ai-msg.assistant .ai-msg-bubble { background:var(--bg); border:1px solid var(--border); border-radius:4px 12px 12px 12px; color:var(--text); }
.ai-msg.user .ai-msg-bubble { background:var(--primary); color:#fff; border-radius:12px 4px 12px 12px; }
.ai-msg-avatar { width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.ai-msg.assistant .ai-msg-avatar { background:#dbeafe; }
.ai-msg.user .ai-msg-avatar { background:#e0e7ff; }
.ai-input-area { padding:12px; border-top:1px solid var(--border); display:flex; gap:8px; }
.ai-input-area textarea { flex:1; border:1px solid var(--border); border-radius:8px; padding:8px 12px; font-size:13px; resize:none; outline:none; min-height:40px; max-height:100px; font-family:inherit; }
.ai-input-area textarea:focus { border-color:var(--primary); }
.ai-typing { display:flex; gap:4px; padding:8px; align-items:center; }
.ai-typing span { width:6px; height:6px; background:var(--text-muted); border-radius:50%; animation:bounce .8s infinite; }
.ai-typing span:nth-child(2) { animation-delay:.2s; }
.ai-typing span:nth-child(3) { animation-delay:.4s; }
@keyframes bounce { 0%,60%,100%{transform:translateY(0)} 30%{transform:translateY(-6px)} }

/* OVERLAY */
.overlay { position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:150; opacity:0; pointer-events:none; transition:opacity .3s; }
.overlay.open { opacity:1; pointer-events:all; }

/* TOAST */
.toast-container { position:fixed; bottom:24px; right:24px; z-index:1000; display:flex; flex-direction:column; gap:8px; }
.toast { background:var(--text); color:#fff; padding:12px 18px; border-radius:8px; font-size:13px; box-shadow:var(--shadow-lg); display:flex; align-items:center; gap:10px; animation:slideIn .3s ease; }
.toast.success { background:var(--success); }
.toast.error { background:var(--danger); }
.toast.warning { background:var(--warning); }
@keyframes slideIn { from{transform:translateY(20px);opacity:0} to{transform:translateY(0);opacity:1} }

/* LOADING */
.loading-overlay { position:absolute; inset:0; background:rgba(255,255,255,.8); display:flex; align-items:center; justify-content:center; z-index:10; border-radius:var(--radius); }
.spinner { width:32px; height:32px; border:3px solid var(--border); border-top-color:var(--primary); border-radius:50%; animation:spin .7s linear infinite; }
@keyframes spin { to{transform:rotate(360deg)} }

/* GLOBAL AI CHAT (full page) */
.ai-page { display:flex; flex-direction:column; height:calc(100vh - 56px - 48px); background:var(--card-bg); border-radius:var(--radius-lg); border:1px solid var(--border); overflow:hidden; box-shadow:var(--shadow); }
.ai-page-header { padding:16px 20px; border-bottom:1px solid var(--border); background:#fafafa; display:flex; align-items:center; gap:12px; }
.ai-page-header h3 { font-size:16px; font-weight:700; }
.ai-badge { background:var(--primary-light); color:var(--primary); padding:3px 10px; border-radius:20px; font-size:11px; font-weight:700; }
.ai-page-messages { flex:1; overflow-y:auto; padding:20px; display:flex; flex-direction:column; gap:12px; }
.ai-page-input { padding:16px 20px; border-top:1px solid var(--border); display:flex; gap:10px; align-items:flex-end; }
.ai-page-input textarea { flex:1; border:1px solid var(--border); border-radius:10px; padding:10px 14px; font-size:13px; resize:none; outline:none; min-height:44px; max-height:120px; font-family:inherit; transition:border-color .15s; }
.ai-page-input textarea:focus { border-color:var(--primary); }

/* EMPTY STATE */
.empty-state { text-align:center; padding:60px 20px; color:var(--text-muted); }
.empty-state .icon { font-size:48px; margin-bottom:12px; }
.empty-state h3 { font-size:16px; font-weight:600; color:var(--text); margin-bottom:6px; }
.empty-state p { font-size:13px; }

/* QUICK STATS BAR */
.quick-stats { display:flex; gap:16px; padding:10px 16px; background:#fafafa; border-bottom:1px solid var(--border); flex-wrap:wrap; }
.quick-stat { display:flex; align-items:center; gap:6px; font-size:12px; }
.quick-stat span { font-weight:700; color:var(--text); }
.quick-stat label { color:var(--text-muted); }

/* SCROLLBAR */
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background:#f1f5f9; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:#94a3b8; }

/* RESPONSIVE */
@media (max-width: 768px) {
  .sidebar { width:60px; }
  .nav-item span:last-child, .sidebar-logo p, .nav-section-title { display:none; }
  .main-content { margin-left:60px; }
  .side-panel { width:100%; }
  .field-grid { grid-template-columns:1fr; }
}

/* PAGE VISIBILITY */
.page { display:none; }
.page.active { display:block; }

/* EXTRA CLASSES pentru crm-app.js */
.overlay.visible { opacity:1; pointer-events:all; }
.cell-empty { color:#94a3b8; font-style:italic; }
.cell-money { font-weight:600; color:#0f766e; }
.clickable-row { cursor:pointer; }

/* Badge status (format: badge-status activ/suspendat/etc) */
.badge-status { display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap; }
.badge-status.activ { background:#dcfce7;color:#16a34a; }
.badge-status.suspendat { background:#ffedd5;color:#d97706; }
.badge-status.incetat { background:#fee2e2;color:#dc2626; }
.badge-status.executat { background:#e0e7ff;color:#4f46e5; }
.badge-status.nou { background:#dbeafe;color:#1d4ed8; }

/* Pagination buttons (pg-btn) */
.pg-btn { min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:13px;transition:all .15s;padding:0 6px; }
.pg-btn:hover { background:var(--primary-light);border-color:var(--primary);color:var(--primary); }
.pg-btn.active { background:var(--primary);color:#fff;border-color:var(--primary); }
.pg-btn:disabled { opacity:.4;cursor:default;pointer-events:none; }

/* Field group (panel details tab) */
.field-group { background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px; }
.field-group-title { font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border); }
.field-row { display:grid;grid-template-columns:160px 1fr;gap:8px;padding:4px 0;align-items:start; }
.field-label { font-size:11px;font-weight:600;color:var(--text-muted);padding-top:2px; }
.field-value { font-size:13px;color:var(--text);word-break:break-word; }
.field-input { width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff;outline:none;font-family:inherit; }
.field-input:focus { border-color:var(--primary); }
.field-textarea { width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff;outline:none;resize:vertical;min-height:70px;font-family:inherit; }
.field-textarea:focus { border-color:var(--primary); }

/* Panel AI messages */
.panel-ai-messages { max-height:350px;overflow-y:auto;padding:10px 0;display:flex;flex-direction:column;gap:10px;margin-bottom:10px; }
.panel-ai-input { border-top:1px solid var(--border);padding-top:10px; }

/* Toast visible state */
.toast { opacity:0;transition:opacity .3s,transform .3s;transform:translateY(8px); }
.toast.visible { opacity:1;transform:translateY(0); }

/* Make badge counts look better in sidebar */
#badge-alimente,#badge-datorii,#badge-stat { font-variant-numeric:tabular-nums; }

/* ── GLOBAL SEARCH ───────────────────────────────────────────────────── */
.global-search-wrap { flex:1; max-width:420px; margin:0 16px; position:relative; }
.global-search-results { position:absolute; top:calc(100% + 6px); left:0; right:0; background:#fff;
  border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-lg);
  z-index:300; max-height:420px; overflow-y:auto; display:none; }
.gs-group-title { padding:6px 14px 3px; font-size:10px; font-weight:700; text-transform:uppercase;
  letter-spacing:.7px; color:var(--text-muted); background:#f8fafc; border-bottom:1px solid var(--border); }
.gs-item { display:grid; grid-template-columns:110px 1fr auto; gap:6px; align-items:center;
  padding:8px 14px; cursor:pointer; border-bottom:1px solid #f1f5f9; transition:background .1s; }
.gs-item:hover { background:var(--primary-light); }
.gs-nr   { font-weight:700; font-size:12px; color:var(--primary); }
.gs-names { font-size:12px; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gs-date  { font-size:11px; color:var(--text-muted); white-space:nowrap; }
.gs-loading, .gs-empty { padding:16px 14px; text-align:center; color:var(--text-muted); font-size:13px; }

/* ── REMINDER ITEMS (CRM tab) ─────────────────────────────────────────── */
.rem-item { display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:6px;
  border:1px solid; font-size:12px; flex-wrap:wrap; }
.rem-item.rem-expired { background:#fff1f2; border-color:#fca5a5; }
.rem-item.rem-warning { background:#fffbeb; border-color:#fcd34d; }
.rem-item.rem-ok      { background:#f0fdf4; border-color:#86efac; }
.rem-dt  { font-weight:600; white-space:nowrap; flex-shrink:0; }
.rem-msg { flex:1; color:var(--text); }
.rem-expired .rem-dt { color:#dc2626; }
.rem-warning .rem-dt { color:#d97706; }
.rem-ok      .rem-dt { color:#16a34a; }
.rem-add-form { padding:6px 0 0; }

/* ── REMINDER CARDS (Dashboard widget) ───────────────────────────────── */
.rem-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
@media(max-width:1100px) { .rem-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:650px)  { .rem-grid { grid-template-columns:1fr; } }

.rem-card { display:flex; flex-direction:column; gap:5px; padding:8px 10px; border-radius:7px;
  border:1px solid; font-size:12px; transition:box-shadow .15s; }
.rem-card:hover { box-shadow:0 2px 8px rgba(0,0,0,.12); }
.rem-card.rem-expired { background:#fff1f2; border-color:#f87171; }
.rem-card.rem-warning { background:#fffbeb; border-color:#fbbf24; }
.rem-card.rem-ok      { background:#f0fdf4; border-color:#4ade80; }
.rem-card.rem-snoozed { background:#f1f5f9; border-color:#94a3b8; opacity:.75; }

.rem-card-top { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.rem-dt-badge { padding:2px 7px; border-radius:4px; font-weight:700; font-size:11px;
  white-space:nowrap; background:rgba(0,0,0,.07); }
.rem-expired .rem-dt-badge { color:#dc2626; }
.rem-warning .rem-dt-badge { color:#b45309; }
.rem-ok      .rem-dt-badge { color:#15803d; }
.rem-snoozed .rem-dt-badge { color:#64748b; }

.rem-card-msg { flex:1; color:var(--text); line-height:1.3; font-size:12px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rem-label { font-weight:600; color:var(--text-muted); font-size:10px; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis; }

.rem-card-actions { display:flex; align-items:center; gap:4px; flex-wrap:wrap; margin-top:2px; }
.rem-status-sel { font-size:11px; padding:2px 5px; border-radius:4px; border:1px solid #cbd5e1;
  background:#fff; color:var(--text); cursor:pointer; flex:1; min-width:0; max-width:130px; }
.rem-snooze-btn { font-size:10px; padding:2px 6px; border-radius:4px; border:1px solid #cbd5e1;
  background:#f8fafc; color:#475569; cursor:pointer; white-space:nowrap; }
.rem-snooze-btn:hover { background:#e2e8f0; }
.rem-badge-status { display:inline-block; font-size:10px; padding:1px 6px; border-radius:10px;
  font-weight:600; white-space:nowrap; }
.rem-badge-status.s-nou          { background:#dbeafe; color:#1d4ed8; }
.rem-badge-status.s-lucru        { background:#fef3c7; color:#92400e; }
.rem-badge-status.s-lunar        { background:#ede9fe; color:#5b21b6; }
.rem-badge-status.s-deplasare    { background:#fce7f3; color:#9d174d; }
.rem-badge-status.s-actiuni      { background:#fee2e2; color:#991b1b; }
.rem-badge-status.s-modalitate   { background:#d1fae5; color:#065f46; }
.rem-badge-status.s-rezolvat     { background:#f0fdf4; color:#166534; }