.detail-actions button:not(.primary) {
  padding: 9px 13px;
  border: 1px solid var(--zg-border);
  border-radius: 9px;
  background: #fff;
  color: var(--zg-text);
  font-weight: 700;
  cursor: pointer;
}

.tag-selector{margin:0;padding:12px;border:1px solid var(--zg-border);border-radius:10px}.tag-selector legend{padding:0 5px;color:#475467;font-size:11px;font-weight:700}.tag-selector>label{display:inline-flex;align-items:center;gap:6px;margin:3px;padding:6px 9px;border:1px solid var(--tag-color);border-radius:999px;background:#fff;font-size:12px;cursor:pointer}.tag-selector input{width:auto;min-height:0;accent-color:var(--tag-color)}

/* Shared ZETA marketing navigation shell. */
.zg-contacts-shell {
  --zg-shell-sidebar: #0f172a;
  --zg-shell-sidebar-active: #34445a;
  --zg-shell-page: #f4f8fc;
  --zg-shell-sidebar-width: 240px;
  --zg-shell-sidebar-collapsed: 64px;
}

.zg-contacts-shell .app-shell {
  grid-template-columns: var(--zg-shell-sidebar-width) minmax(0, 1fr);
  background: var(--zg-shell-page);
  transition: grid-template-columns 180ms ease;
}

.zg-contacts-shell .sidebar {
  width: var(--zg-shell-sidebar-width);
  padding: 0;
  border-right: 1px solid #26334a;
  background: var(--zg-shell-sidebar);
  transition: width 180ms ease;
}

.zg-contacts-shell .brand {
  height: 72px;
  margin: 0;
  padding: 0 10px 0 12px;
  gap: 12px;
}

.zg-contacts-shell .brand strong { font-size: 16px; letter-spacing: .025em; }
.zg-contacts-shell .sidebar nav { gap: 6px; padding: 0 8px 20px 0; }
.zg-contacts-shell .nav-item {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  min-height: 54px;
  padding: 7px 10px 7px 13px;
  border-left: 5px solid transparent;
  border-radius: 0 8px 8px 0;
}
.zg-contacts-shell .nav-item i { color: var(--zg-accent); font-size: 21px; text-align: center; }
.zg-contacts-shell .nav-item strong { color: #fff; font-size: 16px; line-height: 1.25; }
.zg-contacts-shell .nav-item small { color: #cbd5e1; font-size: 14px; line-height: 1.35; }
.zg-contacts-shell .nav-item:hover,
.zg-contacts-shell .nav-item:focus-visible,
.zg-contacts-shell .nav-item.is-active {
  border-left-color: var(--zg-accent);
  background: var(--zg-shell-sidebar-active);
  box-shadow: none;
}
.zg-shell-toggle { display:inline-flex; width:44px; height:44px; flex:0 0 44px; align-items:center; justify-content:center; padding:0; border:0; border-radius:999px; background:transparent; color:#fff; cursor:pointer; }
.zg-shell-toggle:hover { background:var(--zg-shell-sidebar-active); }
.zg-shell-toggle svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; transition:transform 180ms ease; }
.zg-sidebar-collapsed .app-shell { grid-template-columns:var(--zg-shell-sidebar-collapsed) minmax(0,1fr); }
.zg-sidebar-collapsed .sidebar { width:var(--zg-shell-sidebar-collapsed); }
.zg-sidebar-collapsed .brand { justify-content:center; padding:0; }
.zg-sidebar-collapsed .brand strong,
.zg-sidebar-collapsed .nav-item > span { display:none; }
.zg-sidebar-collapsed .sidebar nav { padding-right:6px; }
.zg-sidebar-collapsed .nav-item { display:flex; justify-content:center; padding-right:7px; padding-left:7px; }
.zg-sidebar-collapsed .zg-shell-toggle svg { transform:rotate(180deg); }

@media (max-width:1100px) {
  .zg-contacts-shell .app-shell,
  .zg-contacts-shell.zg-sidebar-collapsed .app-shell { display:grid; grid-template-columns:1fr; }
  .zg-contacts-shell .sidebar { position:static; width:100%; height:auto; }
  .zg-contacts-shell .brand { height:58px; }
  .zg-contacts-shell .sidebar nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 10px 12px; }
  .zg-contacts-shell .nav-item { border-left-width:1px; border-radius:7px; }
  .zg-contacts-shell .main { grid-column:1; }
  .zg-shell-toggle { display:none; }
}

@media (max-width:600px) {
  .zg-contacts-shell .sidebar nav { grid-template-columns:1fr; }
}

.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.create-contact-button{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;margin-top:18px}.column-picker{position:relative}.column-picker>button{display:inline-flex;height:40px;align-items:center;gap:7px;white-space:nowrap}.column-menu{position:absolute;z-index:8;top:calc(100% + 7px);right:0;width:230px;padding:8px;border:1px solid var(--zg-border);border-radius:10px;background:#fff;box-shadow:var(--zg-shadow)}.column-menu label{display:flex;align-items:center;gap:9px;padding:8px;border-radius:7px;color:var(--zg-text);font-size:12px;cursor:pointer}.column-menu label:hover{background:var(--zg-soft)}.column-menu input{accent-color:var(--zg-accent)}@media(max-width:760px){.page-header{display:block}.create-contact-button{margin-top:14px}.column-picker>button{width:100%;justify-content:center}}