.view-toggle { display:flex; background:#fff; border:1px solid var(--line,#E2E5EA); border-radius:10px; padding:3px; }
.view-toggle button { height:34px; padding:0 14px; border:0; border-radius:7px; background:transparent; font-size:13px; color:#3B4352; cursor:pointer; font-family:inherit; }
.view-toggle button.is-on { background:#0C1220; color:#fff; font-weight:600; }
.tramites-board { display:grid; grid-template-columns:repeat(5,minmax(190px,1fr)); gap:12px; overflow-x:auto; padding-bottom:8px; align-items:start; }
.tb-col { background:#ECEEF2; border-radius:12px; padding:12px; display:flex; flex-direction:column; gap:10px; min-height:140px; border:2px solid transparent; }
.tb-col.is-over { border-color:#2E5BDB; background:#E4EAF8; }
.tb-head { display:flex; align-items:flex-start; gap:6px; padding:2px 4px; min-height:36px; }
.tb-head b { flex:1; font-size:14px; font-weight:600; color:#0C1220; }
.tb-head span { font-size:13px; color:#4A5262; }
.tb-empty { font-size:13px; color:#6B7383; text-align:center; padding:18px 0; }
.tramite-card { background:#fff; border-radius:10px; padding:12px; display:flex; flex-direction:column; gap:8px; cursor:grab; box-shadow:0 1px 2px rgba(12,18,32,.06); }
.tramite-card:hover { box-shadow:0 2px 8px rgba(12,18,32,.12); }
.tramite-card.is-drag { opacity:.45; }
.tramite-card b { font-size:14px; font-weight:600; color:#0C1220; }
.tc-type { font-size:12px; color:#4A5262; font-weight:600; letter-spacing:.02em; }
.tc-foot { display:flex; align-items:center; gap:8px; font-size:12px; }
.tc-date { flex:1; color:#4A5262; white-space:nowrap; }
.tc-pend { color:#9A3412; font-weight:600; }
.tc-owner { width:24px; height:24px; border-radius:50%; background:#E8EEFC; color:#1E3FA8; font-size:10px; font-weight:600; display:grid; place-items:center; }
@media (max-width:768px) { .tramites-board { grid-template-columns:repeat(5,260px); } .topbar { flex-wrap:wrap; gap:12px; } }