/* =============================================================================
   Design Handbook V2 — global polish
   Loaded after components. Aligns leftovers with /client-detail-test/ fasit.
   ============================================================================= */

/* TEST: fjern kantlinjer overalt (token + hardkodede stroke). Slett blokken for å angre. */
.glass-card,
.card,
.client-card,
.quote-card,
.product-card,
.project-card,
.pipeline-card,
.kpi-card,
.comment-card,
.attachment-preview-item,
.document-section,
.document-header,
.metadata-strip,
.signature-preview-box,
.attention-row-frame,
.next-contact-item,
.segmented-control,
.calendar-toolbar-bar,
.page-header,
.app-main__header,
.form-input:not(.is-invalid),
.calendar-select,
.dashboard-today-tasks,
.dashboard-live-activity,
.activity-feed,
.quotes-panel,
.products-panel,
.projects-panel,
.clients-panel,
.settings-section > .glass-card {
  border-color: transparent !important;
}

/* Hovedbokser / paneler: subtil outer lift (samme som smart-search field) */
.glass-card:not(.add-comment-card),
.card,
.kpi-card:not(.kpi-card--compact),
.dashboard-today-tasks,
.dashboard-projects,
.dashboard-live-activity,
.activity-feed.glass-card,
.quotes-panel,
.products-panel,
.projects-panel,
.clients-panel,
.controls-panel.glass-card {
  box-shadow: var(--shadow-card) !important;
}

/* Nested list rows / plates inside panels stay flat — no shadow */
.client-card,
.quote-card,
.product-card,
.project-card,
.pipeline-card,
.kpi-card--compact,
.comment-card,
.attachment-preview-item,
.document-section,
.document-header,
.metadata-strip,
.signature-preview-box,
.attention-row-frame,
.next-contact-item,
.setting-row,
.accounting-card,
.onboarding-tour-item {
  box-shadow: none !important;
}

.client-card:hover,
.quote-card:hover,
.product-card:hover,
.project-card:hover,
.pipeline-card:hover,
.getting-started-checklist__row:hover,
.attention-row-frame:hover {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.attachment-preview-item:hover,
.comment-card:hover,
.comment-card--own:hover,
.status-pill.clickable:hover,
.status-picker-grid .status-pill:hover,
.btn:active,
.btn.btn-secondary:active,
.icon-btn:active {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.attachment-preview-item:hover .attachment-thumbnail,
.comment-image-thumbnail:hover {
  transform: none !important;
}

/* Typography: section titles = md (16px), not lg */
.section-title,
.card-title {
  font-size: var(--font-size-md) !important;
  font-weight: 600;
}

/* Hardcoded soft radii → token scale */
.status-pill,
.client-detail-action-btn,
.quote-card__status-badge,
.chip,
.next-contact-type-chip.chip {
  border-radius: var(--radius-sm) !important;
}

/* Status pills: compact V2 */
.status-pill {
  padding: 4px 8px !important;
  font-size: var(--font-size-xs) !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

/* Inline card actions (Rediger / Legg til) */
.client-detail-action-btn {
  padding: 5px 9px !important;
  font-size: var(--font-size-xs) !important;
  font-weight: 500 !important;
}

/* Quote document surfaces (preview + view + shared) */
.document-section:not(.acceptance-section),
.document-header,
.metadata-strip,
.document-cover-image,
.signature-preview-box,
#preview-project-section .section-content,
#preview-terms-section .section-content,
#preview-attachments-section .section-content {
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
}

.document-section:not(.acceptance-section),
.document-header,
.metadata-strip,
.document-cover-image,
.signature-preview-box,
#preview-project-section .section-content,
#preview-attachments-section .section-content {
  border: 1px solid var(--color-border) !important;
}

/* Status banners */
.quote-warning {
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
}

/* Toast: overlay lift — `--shadow-card` (§6 / §20), not nested-flat */
.toast {
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--shadow-card) !important;
}

/* Micro-label utility (handbook V2) */
.micro-label {
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--color-text-tertiary);
}

/* Modal / dialog headers: no divider line under title bar */
.site-visits-modal-header,
.site-visit-detail-modal__header,
.change-log-modal-header,
.client-modal-header,
.file-preview-header,
.next-contact-picker-header,
[class*="modal-header"]:not(.page-header):not(.confirm-modal-header):not(.import-modal__header) {
  border-bottom: none !important;
}

/* Modal / dialog footers: no divider line above action bar */
.site-visit-detail-modal__footer,
.site-visit-review-footer,
.client-modal-footer,
.change-log-footer,
.next-contact-picker-actions,
.file-preview-footer,
[class*="modal-footer"]:not(.import-modal__footer),
[class*="modal__footer"]:not(.import-modal__footer) {
  border-top: none !important;
  background: transparent !important;
}