.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.card,.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px}.metric{font-size:42px;font-weight:700;color:var(--primary)}.panel{margin:20px}input{padding:10px;border:1px solid var(--border);border-radius:6px}.quick-actions-panel{align-items:center;display:flex;gap:24px;justify-content:space-between}.quick-actions-panel p{color:#4b5563;margin-top:4px}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.quick-actions button:hover,.quick-actions button:focus-visible{border-color:var(--primary);color:var(--primary)}

.user-menu{position:relative}.user-menu-button,.user-menu-panel button,.quick-actions button,.dialog-actions button{background:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;min-height:44px;padding:8px 12px}.user-menu-button{align-items:center;display:flex;gap:8px}.user-menu-panel{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 24px rgb(17 24 39 / 18%);display:grid;min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:700}.user-menu-panel button{border:0;text-align:left}.user-menu-panel button:hover,.user-menu-panel button:focus-visible{background:#f3f4f6}.user-menu-summary{border-bottom:1px solid var(--border);display:grid;gap:4px;margin-bottom:4px;padding:8px 12px}.user-menu-summary span{color:#4b5563;font-size:14px}.confirmation-dialog{border:0;border-radius:8px;box-shadow:0 24px 48px rgb(17 24 39 / 28%);margin:auto;max-width:480px;padding:24px;width:calc(100% - 32px)}.confirmation-dialog::backdrop{background:rgb(17 24 39 / 55%)}.confirmation-dialog form{display:grid;gap:16px}.confirmation-detail{color:#4b5563}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.dialog-actions .primary-button{background:var(--primary);border-color:var(--primary);color:#fff}.toast.success{background:#166534}
[hidden]{display:none!important}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-screen{align-items:center;background:var(--bg);display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:1000}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.toast-region{bottom:24px;position:fixed;right:24px;z-index:1100}.toast{background:#111827;border-radius:6px;color:#fff;margin-top:8px;max-width:360px;padding:12px 16px}.toast.error{background:#991b1b}.user-menu{align-items:center;display:flex;gap:12px}.user-menu button{background:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;min-height:44px;padding:8px 12px}@keyframes spin{to{transform:rotate(360deg)}}
.email-document-dialog {
  max-width: 42rem;
  width: min(42rem, calc(100vw - 2rem));
}

.email-document-dialog form {
  display: grid;
  gap: 1rem;
}

.email-environment-note {
  color: var(--color-text-muted);
  font-size: .875rem;
}

.button-link{align-items:center;display:inline-flex;text-decoration:none}.page-heading-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.secondary-actions{position:relative}.secondary-actions>summary{border:1px solid var(--border);border-radius:6px;cursor:pointer;list-style:none;min-height:44px;padding:11px 16px}.secondary-actions>div{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 24px rgb(17 24 39 / 18%);display:grid;gap:6px;padding:8px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.row-action-menu{display:inline-block;margin-left:6px;position:relative}.row-action-menu>summary{border:1px solid var(--border);border-radius:6px;cursor:pointer;list-style:none;padding:8px 10px}.row-action-menu>div{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 24px rgb(17 24 39 / 18%);display:grid;gap:4px;min-width:130px;padding:6px;position:absolute;right:0;z-index:30}.row-action-menu button{background:#fff;border:0;text-align:left;width:100%}.project-context-bar{align-items:center;background:#eef5fd;border:1px solid #c9d9ee;border-radius:8px;display:flex;gap:14px;justify-content:space-between;margin:0 0 16px;padding:10px 14px}.project-context-bar a{font-weight:700}
