/* VYNNY C8 dark shell. Product-scoped; generated media and other products are untouched. */
html:root[data-vynny-dark="c8"] {
  color-scheme:dark!important;
  --dcc-bg:#07090b!important;--dcc-surface:#11161c!important;
  --dcc-surface-soft:#151c24!important;--dcc-surface-muted:#0c1117!important;
  --dcc-line:#303c49!important;--dcc-line-strong:#455569!important;
  --dcc-text:#f1f5f9!important;--dcc-muted:#adbac9!important;
  --dcc-primary:#c42750!important;--dcc-primary-hover:#df365f!important;
  --dcc-primary-strong:#861f3d!important;--dcc-primary-soft:#301421!important;
  --dcc-data-blue:#80baff!important;--dcc-success:#68d69a!important;
  --dcc-warning:#efc467!important;--dcc-danger:#ff8a9e!important;--dcc-info:#9bc7ff!important;
  --dcc-shadow-soft:0 6px 24px rgba(0,0,0,.25)!important;
  --bg:#07090b!important;--surface:#0b1015!important;--panel:#11161c!important;
  --panel-2:#151c24!important;--panel-3:#0c1117!important;
  --text:#f1f5f9!important;--muted:#adbac9!important;--faint:#a2afbd!important;
  --line:#303c49!important;--line-soft:#25313c!important;
  --red:#f06a8d!important;--red-dark:#861f3d!important;--red-soft:#301421!important;
  --green:#68d69a!important;--yellow:#efc467!important;--blue:#80baff!important;--danger:#ff8a9e!important;
}
html:root[data-vynny-dark="c8"],html:root[data-vynny-dark="c8"] body,
html:root[data-vynny-dark="c8"] :is(.app-shell,.workspace,.setup-shell,.setup-content,.setup-main,#humanStandaloneGate,.human-standalone-gate){
  background:#07090b!important;color:#f1f5f9!important;
}
html:root[data-vynny-dark="c8"] :is(.sidebar,.topbar,.sidebar-bottom,.mobile-nav,.setup-sidebar,.setup-topbar,.setup-footer,.profile-menu,.auth-footer){
  background:#0b1015!important;color:#f1f5f9!important;border-color:#303c49!important;
}
html:root[data-vynny-dark="c8"] :is(.auth-screen,.access-shell){background:#07090b!important;color:#f1f5f9!important}
html:root[data-vynny-dark="c8"] :is(.auth-visual,.visual-side){
  background:radial-gradient(circle at 40% 48%,rgba(133,25,61,.25),transparent 60%),#080b0f!important;
  border-color:#303c49!important;
}
html:root[data-vynny-dark="c8"] :is(.card,.panel,.auth-panel,.drawer,.drawer-panel,.drawer-head,.drawer-header,.drawer-body,.drawer-actions,.drawer-footer,.modal,.modal-card,.modal-head,.modal-body,.modal-actions,.modal-footer,.mapping-panel,.integration-detail-top,.directory-empty,.kpi,.metric,.check-card,.market-card,.toast){
  background:#11161c!important;color:#f1f5f9!important;border-color:#303c49!important;
}
html:root[data-vynny-dark="c8"] :is(.mapping-row,.directory-type,.upload-zone,.list-row,.table-wrap,.input-shell,.directory-search,.info-box,.tag,.field-sales-learning-item){
  background:#151c24!important;color:#f1f5f9!important;border-color:#3c4a5c!important;
}
html:root[data-vynny-dark="c8"] :is(.warning-box,.auth-error,.error-box){background:#302118!important;color:#ffe0a2!important;border-color:#886a39!important}
html:root[data-vynny-dark="c8"] :is(.drawer-overlay,.modal-overlay){background:rgba(0,0,0,.72)!important}
html:root[data-vynny-dark="c8"] :is(.auth-panel,.drawer,.modal,.setup-shell,.profile-menu) :is(h1,h2,h3,h4,strong,label){color:#f1f5f9!important}
html:root[data-vynny-dark="c8"] :is(.auth-panel,.drawer,.modal,.setup-shell,.profile-menu) :is(p,small,.muted){color:#adbac9!important}
html:root[data-vynny-dark="c8"] :is(.auth-brand,.sidebar-brand) :is(strong,small){color:#f1f5f9!important}
html:root[data-vynny-dark="c8"] :is(.auth-link,.integration-links a,.auth-note a,.auth-download-platform-link){color:#ff8dac!important}
html:root[data-vynny-dark="c8"] :is(input,select,textarea,option){color-scheme:dark!important;accent-color:#c42750}
html:root[data-vynny-dark="c8"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea,option){
  background:#0b1016!important;color:#f1f5f9!important;-webkit-text-fill-color:#f1f5f9!important;
  border-color:#455569!important;caret-color:#f1f5f9!important;
}
html:root[data-vynny-dark="c8"] :is(input,textarea)::placeholder{color:#9bacbe!important;opacity:1}
html:root[data-vynny-dark="c8"] input:-webkit-autofill{
  -webkit-text-fill-color:#f1f5f9!important;caret-color:#f1f5f9!important;
  -webkit-box-shadow:0 0 0 1000px #0b1016 inset!important;
}
html:root[data-vynny-dark="c8"] :is(button,a,input,select,textarea):focus-visible{outline:2px solid #f381a1!important;outline-offset:3px!important}
html:root[data-vynny-dark="c8"] :is(.btn,.button){background:#1b2430!important;color:#f1f5f9!important;border-color:#455569!important}
html:root[data-vynny-dark="c8"] :is(.btn.primary,.button.primary){background:#a91f46!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#d84068!important}
html:root[data-vynny-dark="c8"] :is(.btn.primary,.button.primary):hover{background:#bf2b54!important}
html:root[data-vynny-dark="c8"] :is(.btn.success,.button.success){background:#112e22!important;color:#7ce9ac!important;border-color:#357e54!important}
html:root[data-vynny-dark="c8"] :is(.btn.danger,.button.danger,.btn.danger-soft){background:#351722!important;color:#ffafbd!important;border-color:#984258!important}
html:root[data-vynny-dark="c8"] .sidebar .nav-item{color:#c0cbd7!important;-webkit-text-fill-color:#c0cbd7!important}
html:root[data-vynny-dark="c8"] .sidebar .nav-item.active{background:#301421!important;color:#ffbdd0!important;-webkit-text-fill-color:#ffbdd0!important;border-color:#91405b!important}
html:root[data-vynny-dark="c8"] .sidebar .nav-item.active *{color:inherit!important;-webkit-text-fill-color:inherit!important}
html:root[data-vynny-dark="c8"] :is(.drawer,.modal) {max-width:100vw;box-sizing:border-box}
html:root[data-vynny-dark="c8"] :is(.drawer,.modal) :is(code,.field-help,.info-box,.integration-links){overflow-wrap:anywhere;min-width:0}
html:root[data-vynny-dark="c8"] :is(.drawer,.modal) :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
html:root[data-vynny-dark="c8"] .drawer-actions{flex-wrap:wrap;gap:8px}
html:root[data-vynny-dark="c8"] .drawer-actions .btn{height:auto;min-height:38px;white-space:normal;padding:9px 12px}
html:root[data-vynny-dark="c8"] [aria-busy="true"]{cursor:progress}
@media(max-width:700px){
  html:root[data-vynny-dark="c8"] .drawer .form-grid{grid-template-columns:minmax(0,1fr)!important}
  html:root[data-vynny-dark="c8"] .drawer-actions .btn{flex:1 1 130px}
}
/* Intentionally do not recolour images, video, canvas, SVG artwork, generated assets,
   embedded documents or OS security/permission dialogs. */
/* Keep text fields single-framed and floating launchers clear of active dialogs. */
html:root[data-vynny-dark="c8"] .input-shell input{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html:root[data-vynny-dark="c8"] #authScreen:not(.hidden) ~ #dccRightsCredit{display:none!important}
html:root[data-vynny-dark="c8"] #drawerMount:not(:empty) ~ .vynny-proof-launcher-r2,
html:root[data-vynny-dark="c8"] #modalMount:not(:empty) ~ .vynny-proof-launcher-r2{visibility:hidden!important;pointer-events:none!important}
html:root[data-vynny-dark="c8"] .setup-token{width:min(560px,calc(100% - 40px));margin:10vh auto 40px;box-sizing:border-box}
html:root[data-vynny-dark="c8"] .setup-token .btn{margin-top:14px}
/* Local Google-workspace chrome, not provider-hosted consent pages or email content. */
html:root[data-vynny-dark="c8"]{--vyn-gw-bg:#0b1015;--vyn-gw-surface:#11161c;--vyn-gw-border:#303c49;--vyn-gw-text:#f1f5f9;--vyn-gw-muted:#adbac9;--vyn-gw-selected:#26354a}
html:root[data-vynny-dark="c8"] :is(.vyn-gw-content,.vyn-gw-source,.vyn-gw-account,.vyn-gw-account-menu,.vyn-gw-product-pill,.vyn-holiday-card){background:#11161c!important;color:#f1f5f9!important;border-color:#303c49!important}
html:root[data-vynny-dark="c8"] :is(.vyn-gw-search,.vyn-gw-primary,.vyn-holiday-filter-btn,.vyn-holiday-head button,.vyn-holiday-actions button){background:#1b2939!important;color:#e1edff!important;border-color:#455569!important}
html:root[data-vynny-dark="c8"] :is(.vyn-gw-iconbtn,.vyn-gw-close,.vyn-gw-navitem,.vyn-gw-navsection){color:#d6e2f2!important}
html:root[data-vynny-dark="c8"] :is(.vyn-gw-iconbtn,.vyn-gw-close,.vyn-gw-navitem,.vyn-gw-account-row,.vyn-holiday-option):hover{background:#273547!important}

/* VYNNY_GROUP_CHECKBOX_LAYOUT_20260908: keep each checkbox beside its own label. */
#dccR2UserGroups.dcc-r2-checks {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 10px;
  min-width: 0;
}
#dccR2UserGroups > label.check {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  align-content: start;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #303c49;
  border-radius: 8px;
  background: #11161c;
  color: #f1f5f9;
  line-height: 1.5;
  overflow-wrap: anywhere;
  cursor: pointer;
}
#dccR2UserGroups > label.check > input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin: 2px 0 0;
  padding: 0;
  accent-color: #c61d50;
  color-scheme: dark;
}
#dccR2UserGroups > label.check:focus-within {
  outline: 2px solid #f06a8d;
  outline-offset: 2px;
}
/* END VYNNY_GROUP_CHECKBOX_LAYOUT_20260908 */