/* VerifyCallie | Team availability, personal appearance & premium dashboard refinement */
:root {
  --vc-menu-bg: #14283d;
  --vc-menu-text: #f1f5f9;
  --vc-menu-muted: #b9c9da;
  --vc-menu-border: rgba(255,255,255,.16);
  --vc-menu-hover: rgba(255,255,255,.1);
  --vc-menu-card: rgba(255,255,255,.075);
  --vc-menu-active-bg: #fbf8f6;
  --vc-menu-active-text: #793943;
  --vc-menu-footer-bg: rgba(255,255,255,.08);
}

/* Bold, polished business-software finish, not demonstration numbers. */
body.vc-workspace { background:#f4f5f5; color:#202d3c; }
.vc-workspace .vc-content {max-width:1810px;}
.vc-workspace .vc-page-intro h1 { color:#162940; letter-spacing:-.045em; font-weight:700; }
.vc-workspace .vc-page-intro p { color:#57697b; }
.vc-workspace .vc-kpi,
.vc-workspace .vc-card,
.vc-workspace .vc-quick {
  border:1px solid #e0e4e7;
  box-shadow:0 2px 3px rgba(18,39,61,.024),0 13px 35px rgba(21,38,57,.045);
  border-radius:12px;
}
.vc-workspace .vc-kpi { min-height:138px; }
.vc-workspace .vc-kpi-label {font-weight:750;color:#4b5e73;}
.vc-workspace .vc-kpi-value {color:#152a40;font-weight:780;letter-spacing:-.035em;}
.vc-workspace .vc-kpi:hover,
.vc-workspace .vc-quick:hover {
  box-shadow:0 10px 35px rgba(21,38,57,.075);
  border-color:#d1d9df;
}
.vc-workspace .vc-card-header h2 {color:#1a3048;font-weight:800;}
.vc-workspace .vc-card-header p {color:#728193;}
.vc-workspace .vc-action.vc-solid {background:#8b3345;border-color:#8b3345;box-shadow:0 4px 12px rgba(139,51,69,.13);}
.vc-workspace .vc-action.vc-solid:hover {background:#75293a;}
.vc-workspace .vc-topbar {box-shadow:0 3px 20px rgba(23,34,51,.025);}
.vc-workspace .vc-account-avatar {background:linear-gradient(145deg,#ad5263,#783247);}
.vc-workspace .vc-safety-banner {border-color:#e7dfd2;background:#fbf8f1;}

/* Member-specific sidebar theme variables. Preserve legible contrast for any custom hex color. */
.vc-workspace .vc-sidebar {
  background:linear-gradient(155deg,rgba(255,255,255,.028),transparent 56%),var(--vc-menu-bg);
  color:var(--vc-menu-text);
  border-right:1px solid var(--vc-menu-border);
  transition:background-color .2s ease;
}
.vc-workspace .vc-brand-word {color:var(--vc-menu-text);}
.vc-workspace .vc-brand-sub,
.vc-workspace .vc-nav-label {color:var(--vc-menu-muted);}
.vc-workspace .vc-nav {color:var(--vc-menu-text);}
.vc-workspace .vc-nav:hover {background:var(--vc-menu-hover);color:var(--vc-menu-text);}
.vc-workspace .vc-nav.active {background:var(--vc-menu-active-bg);color:var(--vc-menu-active-text);box-shadow:inset 4px 0 #9f4b5d;}
.vc-workspace .vc-nav.active svg {color:#9f4b5d;}
.vc-workspace .vc-workspace-tag {background:var(--vc-menu-card);border-color:var(--vc-menu-border);color:var(--vc-menu-text);}
.vc-workspace .vc-workspace-tag .vc-workspace-dot {background:#eba99a;}
.vc-workspace .vc-mini-card {background:var(--vc-menu-footer-bg);border-color:var(--vc-menu-border);color:var(--vc-menu-muted);}
.vc-workspace .vc-mini-card strong {color:var(--vc-menu-text);}
.vc-workspace .vc-signout {color:var(--vc-menu-muted);}
.vc-workspace .vc-signout:hover {color:var(--vc-menu-text);}
.vc-workspace .vc-appearance-button {
  display:flex;align-items:center;gap:11px;min-height:39px;padding:10px 16px;
  margin:0 10px 15px;width:calc(100% - 20px);border:1px solid var(--vc-menu-border);
  color:var(--vc-menu-text);background:var(--vc-menu-card);border-radius:9px;
  font-size:11.5px;font-weight:700;text-align:left;
}
.vc-workspace .vc-appearance-button:hover:not(:disabled) {background:var(--vc-menu-hover);}
.vc-appearance-button svg {width:16px;height:16px;flex:0 0 16px;}
.vc-appearance-button span:nth-child(2){flex:1;}
.vc-appearance-button span:last-child{font-size:22px;font-weight:400;line-height:10px;}
.vc-appearance-button:disabled{opacity:.45;cursor:not-allowed;}

/* Real shared presence, not pretend online indicators. */
.vc-presence-control {position:relative;flex:none;z-index:100;}
.vc-presence-button {
  border:1px solid #dce2e7;border-radius:8px;min-width:109px;min-height:37px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  color:#324b60;background:#fff;font-size:11px;font-weight:780;
  padding:8px 11px;white-space:nowrap;
}
.vc-presence-button:hover:not(:disabled){background:#fbf7f5;border-color:#cbb5b9;}
.vc-presence-button .vc-chevron{font-size:15px;color:#8896a3;margin-left:1px;}
.vc-presence-dot{width:9px;height:9px;min-width:9px;display:inline-block;border-radius:50%;background:var(--vc-status-color,#8492a0);box-shadow:0 0 0 3px color-mix(in srgb,var(--vc-status-color,#8492a0) 12%,transparent);}
.vc-status-popover{position:absolute;right:0;top:44px;width:215px;border-radius:12px;padding:8px;background:#fff;border:1px solid #dce3e8;box-shadow:0 16px 60px rgba(30,44,58,.18);z-index:150;}
.vc-status-pop-label{padding:8px 10px 6px;color:#7a8794;font-size:9.5px;letter-spacing:.14em;font-weight:850;}
.vc-status-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;border-radius:7px;background:transparent;border:0;text-align:left;color:#26394c;font-size:11.5px;font-weight:650;}
.vc-status-item:hover,.vc-status-item.selected{background:#f6f1ef;}
.vc-status-item b{margin-left:auto;color:#7c3646;}
.vc-status-option-dot{height:9px;width:9px;border-radius:50%;flex:0 0 9px;}
.vc-status-help{border-top:1px solid #eff1f3;margin:7px 3px 0;padding:10px 7px 4px;font-size:10.5px;color:#708090;line-height:1.6;}
.vc-team-status {padding:12px 11px;margin:5px 0 16px;border-radius:10px;background:var(--vc-menu-card);border:1px solid var(--vc-menu-border);}
.vc-team-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:1px 2px 9px;}
.vc-team-heading strong{font-size:9px;letter-spacing:.15em;font-weight:800;color:var(--vc-menu-muted);}
.vc-team-heading span{font-size:9px;color:var(--vc-menu-muted);}
.vc-team-member-status {display:flex;align-items:center;gap:9px;min-height:48px;border-top:1px solid var(--vc-menu-border);padding:7px 0;}
.vc-team-initial {width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;background:var(--vc-menu-hover);border:1px solid var(--vc-menu-border);color:var(--vc-menu-text);font-weight:750;font-size:11px;}
.vc-team-person{display:flex;flex-direction:column;flex:1;min-width:0;}
.vc-team-person strong{font-size:11px;font-weight:720;color:var(--vc-menu-text);}
.vc-team-person small{font-size:9px;color:var(--vc-menu-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vc-team-presence{display:inline-flex;align-items:center;gap:6px;color:var(--vc-menu-text);font-size:9px;font-weight:650;white-space:nowrap;}
.vc-team-presence .vc-presence-dot{height:7px;width:7px;min-width:7px;}
.vc-team-sync{font-size:9px;color:var(--vc-menu-muted);margin:5px 1px 0;line-height:1.45;}
.vc-presence-toast{position:fixed;right:24px;bottom:24px;z-index:1000;max-width:355px;padding:12px 16px;border:1px solid #cbe1d4;border-left:4px solid #347957;background:#fff;color:#23394a;box-shadow:0 8px 30px rgba(28,46,64,.15);border-radius:8px;font-size:12px;}
.vc-presence-toast.vc-presence-error{border-color:#edd1bb;border-left-color:#c87d38;}

/* Premium accessible appearance dialog */
.vc-preference-dialog{border:1px solid #dfe2e5;border-radius:17px;background:#fff;box-shadow:0 25px 80px rgba(19,35,52,.24);padding:0;color:#233243;width:min(590px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;}
.vc-preference-dialog::backdrop{background:rgba(13,25,39,.55);backdrop-filter:blur(3px);}
.vc-theme-dialog-head{display:flex;justify-content:space-between;gap:12px;padding:27px 27px 16px;border-bottom:1px solid #edf0f2;}
.vc-theme-dialog-head span{font-size:10px;letter-spacing:.15em;color:#8e3b4c;font-weight:800;}
.vc-theme-dialog-head h2{font:700 29px/1.17 Georgia,serif;letter-spacing:-.035em;margin:10px 0;color:#142c42;}
.vc-theme-dialog-head p{font-size:12px;line-height:1.6;color:#64758a;margin:5px 0 0;}
.vc-theme-close{background:transparent;border:0;color:#8090a0;font-size:30px;line-height:1;align-self:flex-start;}
.vc-theme-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:22px 27px 10px;}
.vc-theme-swatch{border:1px solid #e2e5e8;background:#fff;padding:8px 8px 9px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#425163;font-size:10px;text-align:center;}
.vc-theme-swatch:hover,.vc-theme-swatch.vc-theme-selected{border-color:#973e50;box-shadow:0 0 0 2px rgba(151,62,80,.12);}
.vc-theme-swatch>span{display:block;width:100%;height:43px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);}
.vc-theme-swatch strong{font-weight:750;font-size:10px;}
.vc-theme-custom{padding:14px 27px 24px;}
.vc-theme-custom>label{font-size:11px;color:#435569;font-weight:800;display:block;margin-bottom:9px;}
.vc-theme-custom>div{display:flex;gap:12px;align-items:center;}
.vc-theme-custom input[type=color]{width:52px;height:43px;padding:3px;background:white;border:1px solid #dfe4e7;border-radius:9px;cursor:pointer;}
.vc-theme-color-code{font-family:monospace;font-size:13px;font-weight:700;color:#47596a;}
.vc-theme-apply,.vc-theme-done{border:0;border-radius:9px;background:#843547;color:white;padding:11px 16px;font-weight:750;font-size:11px;margin-left:auto;}
.vc-theme-apply:hover,.vc-theme-done:hover{background:#682638;}
.vc-theme-dialog-foot{border-top:1px solid #eef0f2;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 27px 20px;}
.vc-theme-reset{background:transparent;color:#7a4051;border:0;font-size:11px;font-weight:750;text-decoration:underline;}
.vc-theme-done{margin-left:0;min-width:100px;}

/* Responsive: preserve status access without the top bar overflowing on laptops. */
@media(max-width:1350px){
  .vc-top-actions{gap:9px;}
  .vc-presence-button{min-width:102px;}
}
@media(max-width:1120px){
  .vc-workspace .vc-search{width:190px;}
  .vc-presence-button{padding:8px 9px;min-width:96px;}
  .vc-account-copy{display:none;}
}
@media(max-width:920px){
  .vc-workspace .vc-search{display:none;}
  .vc-presence-button{min-width:93px;}
}
@media(max-width:770px){
  .vc-presence-control{margin-right:0;}
  .vc-presence-button{min-width:89px;min-height:34px;font-size:10px;padding:6px 8px;}
  .vc-workspace .vc-top-actions{gap:7px;}
  .vc-status-popover{right:-60px;}
  .vc-theme-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:470px){
  .vc-theme-dialog-head,.vc-theme-preset-grid,.vc-theme-custom,.vc-theme-dialog-foot{padding-left:18px;padding-right:18px;}
  .vc-theme-dialog-head h2{font-size:25px;}
  .vc-theme-apply{font-size:10px;padding:10px;}
  .vc-presence-button .vc-chevron{display:none;}
  .vc-presence-toast{left:16px;right:16px;bottom:16px;}
}
@media(prefers-reduced-motion:reduce){.vc-workspace .vc-sidebar{transition:none;}}