/* Covent Invoice - our own overrides on top of the Kleon theme */

.brand-text {
  font-family: var(--ff-heading, inherit);
  font-weight: 700;
  font-size: 22px;
  color: var(--kleon-heading, #1c2128);
  text-decoration: none;
}

.badge-match { background: #e6f4ea; color: #1e7e34; }
.badge-mismatch { background: #fdecea; color: #c62828; }
.badge-unknown { background: #f1f3f4; color: #5f6368; }

.err-badge { display: inline-block; padding: 2px 8px; border-radius: 6px; background: #fdecea; color: #c62828; font-size: 13px; }
.ok-badge { display: inline-block; padding: 2px 8px; border-radius: 6px; background: #e6f4ea; color: #1e7e34; font-size: 13px; }
.warn-badge { display: inline-block; padding: 2px 8px; border-radius: 6px; background: #fff4e0; color: #b45309; font-size: 13px; }

/* Drag & drop upload zone (plain, our own JS - not Dropzone.js's auto-upload) */
.cov-dropzone {
  border: 2px dashed var(--border, #e2e5ea);
  border-radius: 12px;
  padding: 40px 20px;
  text-align: center;
  cursor: pointer;
  transition: border-color .15s, background-color .15s;
}
.cov-dropzone.drag { border-color: var(--bs-primary, #4f7cff); background: rgba(79,124,255,.06); }
.cov-dropzone .icon { font-size: 40px; color: var(--bs-primary, #4f7cff); margin-bottom: 12px; }

.cov-page-loader { display: flex; align-items: center; justify-content: center; padding: 60px 0; color: var(--text-gray, #6b7280); }

/* Auth-gate: hide the whole page until we've confirmed a session, so there is
   no flash of dashboard content before the redirect-to-login JS runs. */
body.cov-auth-pending .main-wrapper,
body.cov-auth-pending header.header,
body.cov-auth-pending .kleon-vertical-nav { visibility: hidden; }

@media (max-width: 575px) {
  .page-header .right-part { width: 100%; }
  .page-header .right-part .btn { width: 100%; }
}