/* Document Vault — client portal widget + standalone upload page.
   Loosely matches the zd- prefixed styling already used for the ticket
   sidebar (includes/zendesk/css/zendesk.css) rather than duplicating it. */

.dv-vault-box { }
.dv-vault-header { margin-bottom: 8px; }
.dv-vault-subtitle { display: block; font-size: 11px; color: #68737d; margin-top: 2px; }

/* Every real <button> this module renders gets the same explicit,
   !important-guarded reset. Two of these previously also carried a bare
   "button" class (removed in includes/document-vault/sidebar.php and
   assets/document-vault.js) — that class is meant for wp-admin, where
   WordPress core styles it; on the public site it resolves to whatever the
   theme defines .button as, which is where the mismatched blue fill and
   pink border came from. Fixing that class removal is the real fix; the
   !important here is a second, independent guard so these small,
   JS-injected controls render the same regardless of what other global
   button rules exist on a given page — the modal in particular is
   appended straight to <body>, outside the theme's own content wrappers. */
.dv-vault-start-btn,
.dv-vault-pick-btn {
  display: block; width: 100%; font-family: inherit !important;
  background: #3d5a2a !important; color: #fff !important; border: none !important;
  border-radius: 6px !important; padding: 10px 14px !important; font-size: 13px !important;
  text-decoration: none !important; cursor: pointer; box-shadow: none !important;
}
.dv-vault-start-btn:hover,
.dv-vault-pick-btn:hover { background: #2d4520 !important; }
.dv-vault-start-btn:disabled,
.dv-vault-pick-btn:disabled { background: #aaa !important; cursor: default; }
.dv-vault-pick-btn { display: inline-block; width: auto; padding: 6px 12px !important; font-size: 12px !important; }

/* Deliberately not styled like the buttons above — this sits right next to
   Gravity Form 8's own Submit button (see the eviction-wrap comment below),
   and a second full-width green button in that spot reads as a competing
   call to action right at the moment someone's deciding what to click. A
   plain text link is still just as discoverable at the point someone's
   looking at the file field, without fighting Submit for attention. */
.dv-vault-eviction-link {
  display: inline-block; width: auto; font-family: inherit !important;
  background: none !important; color: #3d5a2a !important; border: none !important;
  border-radius: 0 !important; padding: 0 !important; font-size: 12.5px !important;
  text-decoration: underline !important; cursor: pointer; box-shadow: none !important;
}
.dv-vault-eviction-link:hover { color: #2d4520 !important; }
.dv-vault-eviction-link:disabled { color: #9aa5b1 !important; cursor: default; }

.dv-vault-widget { margin-top: 10px; }

.dv-vault-banner { padding: 10px; border-radius: 4px; font-size: 12px; margin-bottom: 10px; }
.dv-vault-banner-error { background: #fce4e4; color: #c62828; }
.dv-vault-banner-info { background: #e8f0fe; color: #1a56db; }

.dv-vault-checking { padding: 12px 0; text-align: center; color: #9aa5b1; font-size: 12px; }

.dv-vault-drop {
  border: 2px dashed #c7ccd1; border-radius: 6px; padding: 18px 10px; text-align: center;
  color: #68737d; cursor: pointer; font-size: 12px; display: block;
}
.dv-vault-drop.dv-vault-drag { border-color: #3d5a2a; background: #f0f5ec; }
.dv-vault-drop input[type="file"] { display: none; }
.dv-vault-drop-label { margin-bottom: 4px; }
.dv-vault-drop-hint { font-size: 11px; color: #9aa5b1; margin-top: 4px; }

.dv-vault-files { margin-top: 8px; }
.dv-vault-file { border-top: 1px solid #eef0f2; padding: 8px 0; font-size: 12px; }
.dv-vault-file:first-child { border-top: none; }
.dv-vault-file-row { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.dv-vault-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dv-vault-file-size { color: #68737d; flex-shrink: 0; }
.dv-vault-bar-track { background: #eef0f2; border-radius: 4px; height: 5px; overflow: hidden; }
.dv-vault-bar-fill { background: #3d5a2a; height: 100%; width: 0%; transition: width .2s; }
.dv-vault-file-error .dv-vault-bar-fill { background: #c0392b; }
.dv-vault-file-done .dv-vault-bar-fill { background: #2e7d32; }
.dv-vault-status-text { font-size: 11px; color: #68737d; margin-top: 3px; }
.dv-vault-file-error .dv-vault-status-text { color: #c0392b; }
.dv-vault-file-done .dv-vault-status-text { color: #2e7d32; }
.dv-vault-retry-btn {
  font-size: 11px; background: none !important; border: 1px solid #c0392b !important;
  color: #c0392b !important; border-radius: 4px; padding: 2px 6px; cursor: pointer; box-shadow: none !important;
}

.dv-vault-list { margin-top: 12px; border-top: 1px solid #eef0f2; padding-top: 8px; }
.dv-vault-empty { color: #9aa5b1; font-size: 12px; padding: 6px 0; }
.dv-vault-evidence-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 5px 0; font-size: 12px; border-bottom: 1px solid #f5f6f7; }
.dv-vault-evidence-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.dv-vault-evidence-meta { color: #68737d; font-size: 11px; flex-shrink: 0; }
.dv-vault-evidence-row a { color: #3d5a2a; text-decoration: none; flex-shrink: 0; }
.dv-vault-evidence-row a:hover { text-decoration: underline; }

/* Eviction "Add Documents" panel — a trigger link next to Gravity Form 8's
   file-upload field (field_8_1); the uploader itself lives in a modal (below),
   appended to <body>, deliberately not inside that field's own DOM — the
   point is to make it unmistakably a separate action from the form behind it.
   .dv-vault-eviction-link's own visual style is set above, as a plain text
   link rather than a button — see the comment there. */
.dv-vault-eviction-wrap { margin-top: 8px; }

/* The modal itself */
.dv-vault-modal-backdrop {
  display: none; position: fixed; inset: 0; background: rgba(20, 26, 20, .55);
  z-index: 999999; align-items: center; justify-content: center; padding: 16px;
}
.dv-vault-modal-box {
  background: #fff; border-radius: 10px; padding: 24px; width: 100%; max-width: 460px;
  max-height: 90vh; overflow-y: auto; position: relative; box-shadow: 0 8px 40px rgba(0,0,0,.25);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.dv-vault-modal-close {
  position: absolute; top: 12px; right: 14px;
  background: none !important; border: none !important; box-shadow: none !important;
  font-size: 22px; line-height: 1; color: #9aa5b1 !important; cursor: pointer; padding: 4px;
}
.dv-vault-modal-close:hover { color: #3c4858 !important; }
.dv-vault-modal-close:focus-visible { outline: 2px solid #3d5a2a; outline-offset: 2px; }
.dv-vault-modal-title { font-size: 16px; margin: 0 20px 6px 0; }
.dv-vault-modal-sub { font-size: 12px; color: #68737d; margin: 0 0 14px; }
.dv-vault-modal-status { font-size: 12px; color: #68737d; }
.dv-vault-modal-content { margin-top: 4px; }

/* Standalone (no-login, defendant) page */
.dv-vault-page { max-width: 560px; margin: 0 auto; padding: 8px 0; }
.dv-vault-page-title { font-size: 20px; margin: 0 0 4px; }
.dv-vault-page-sub { color: #68737d; font-size: 13px; margin: 0 0 16px; }
