/* DomainVault v2.4: Customer refinement layer. Fully scoped, independent of the host WHMCS theme. */
#dv-overlay .dv-collection-tools {
  display:flex;align-items:center;justify-content:space-between;gap:13px;
  flex-wrap:wrap;margin:3px 0 13px;padding:9px 12px;
  border:1px solid var(--dv-col-divider);border-radius:12px;
  background:linear-gradient(110deg,var(--dv-col-surface),var(--dv-col-surface));
}
#dv-overlay .dv-collection-tools>span {font:650 10px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif!important;color:var(--dv-col-link)!important}
#dv-overlay .dv-collection-tools>div {display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#dv-overlay .dv-collection-tools button {
  appearance:none;display:inline-flex;align-items:center;justify-content:center;
  min-height:33px;padding:7px 12px;border:1px solid var(--dv-col-divider);border-radius:8px;
  background:var(--dv-col-surface);color:var(--dv-col-link);font:750 11px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif;
  box-shadow:0 2px 6px color-mix(in srgb, var(--dv-col-shadow) 2.5%, transparent);cursor:pointer;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
#dv-overlay .dv-collection-tools button:hover{background:var(--dv-col-surface);border-color:var(--dv-col-divider_strong);box-shadow:0 3px 9px color-mix(in srgb, var(--dv-col-shadow) 7%, transparent)}
#dv-overlay .dv-collection-tools button:last-child{color:var(--dv-col-success);border-color:var(--dv-col-divider);background:var(--dv-col-surface)}
#dv-overlay .dv-collection-tools button:last-child:hover{background:var(--dv-col-surface_alt);border-color:var(--dv-col-divider)}
#dv-overlay .dv-extension-wrap select{min-width:112px;max-width:133px}
#dv-overlay .dv-panel-tools{row-gap:10px}
#dv-overlay .dv-panel-tabs{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--dv-col-modal_tab) transparent}
#dv-overlay .dv-panel-tabs>button{flex:1 0 max-content;justify-content:center;min-width:max-content}
#dv-overlay:is(button,input,select,a):focus-visible,
#dv-launcher:focus-visible,#dv-save-cart:focus-visible {
  outline:2px solid var(--dv-col-focus)!important;outline-offset:2px!important;
}
#dv-overlay .dv-item-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
#dv-overlay .dv-item-copy{min-width:0}
#dv-overlay .dv-item-copy>strong{overflow-wrap:anywhere}
#dv-overlay .dv-item .dv-status{max-width:100%;white-space:normal}
#dv-overlay .dv-panel-foot{display:flex;align-items:flex-start;gap:8px}
#dv-overlay .dv-panel-foot::before{content:'✦';color:var(--dv-col-link);font-weight:900}
#dv-overlay .dv-empty{border-radius:13px}
#dv-overlay .dv-confirm[hidden],#dv-overlay[hidden]{display:none!important}
@media (max-width:740px){
  #dv-overlay .dv-modal{max-height:calc(100dvh - 16px)!important;border-radius:19px!important}
  #dv-overlay .dv-panel-scroll{padding:20px 16px 16px!important}
  #dv-overlay .dv-panel-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch!important}
  #dv-overlay .dv-filter-wrap{grid-column:1/-1;min-width:0;width:100%;flex:none}
  #dv-overlay .dv-sort-wrap{min-width:0;width:100%;max-width:100%;justify-content:space-between;padding:0 8px!important}
  #dv-overlay .dv-sort-wrap select{max-width:calc(100% - 48px)!important;min-width:0!important;font-size:10px!important}
  #dv-overlay .dv-clear-group{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}
  #dv-overlay .dv-collection-tools{align-items:stretch;gap:8px}
  #dv-overlay .dv-collection-tools>div{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #dv-overlay .dv-collection-tools button{font-size:10px!important;min-height:37px;padding:8px 6px}
  #dv-overlay .dv-collection-tools>span{font-size:10px!important}
  #dv-overlay .dv-item{align-items:start}
  #dv-overlay .dv-item-buttons{max-width:100%;flex-wrap:wrap}
  #dv-overlay .dv-panel-tabs>button{font-size:11px!important;padding:10px!important}
  #dv-overlay .dv-list{max-height:46dvh!important}
}
@media (max-width:390px){
  #dv-overlay .dv-panel-scroll{padding:16px 11px!important}
  #dv-overlay .dv-item-symbol{display:none}
  #dv-overlay .dv-item{gap:7px!important}
  #dv-overlay .dv-row-select{width:20px}
  #dv-overlay .dv-item-buttons{gap:4px}
}
@media (prefers-reduced-motion:reduce){
  #dv-overlay *,#dv-overlay *::before,#dv-overlay *::after,
  #dv-launcher,#dv-save-cart{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}