.crm-error{padding:12px 14px;border-radius:10px;background:#fff0f0;color:#a33a3a;margin:12px 0}
.crm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.crm-tabs button,.stage-menu{border:1px solid #cfdad4;background:#fff;border-radius:10px;padding:8px 10px}
.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}
.kanban-col{min-width:240px;background:#fff;border:1px solid #e2e9e5;border-radius:14px;padding:12px}
.card-actions{display:flex;gap:8px;flex-wrap:wrap}
.dialog{position:fixed;inset:0;background:rgba(16,35,27,.35);display:grid;place-items:center;padding:16px}
.dialog[hidden]{display:none}
.layout,.main,#crm-root{min-width:0;max-width:100%}
.kanban{width:100%;max-width:100%}
.dialog section{background:#fff;border-radius:16px;padding:18px;width:min(480px,100%)}
button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:3px solid #0f7a48;outline-offset:2px}
@media (max-width:420px){
  body{overflow-x:hidden}
  .top .toolbar .pill{display:none}
  .top .toolbar{gap:6px;margin:0}
  .side{display:none}
  .side.open{display:flex;flex-direction:column;position:fixed;inset:76px 0 auto 0;z-index:20;background:#fff;max-height:70vh;overflow:auto}
  .kanban-col{min-width:80vw}
  .card-actions .btn,.stage-menu{width:100%}
}