html:has(body.durex-ui),body.durex-ui {
  background:var(--surface-canvas);
  color:var(--text-primary);
}
body.durex-ui.theme-light .acc-page {
  --bg1:var(--surface-panel);
  --bg2:var(--surface-subtle);
  --bg3:var(--surface-hover);
  --bg4:var(--surface-pressed);
  --bd:var(--border-default);
  --bd2:var(--border-strong);
  --r:var(--radius-lg);
  --r3:var(--radius-sm);
}
body.durex-ui :is(.btn,.ui-button,.fp-filter-btn,.vs-dl,.vs-cmt-post,.vs-report-submit,.vs-report-cancel) {
  min-height:var(--button-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 12px;
  border-radius:var(--button-radius);
  font-family:var(--ui-font);
  font-size:12px;
  font-weight:600;
  line-height:1.3;
  text-decoration:none;
  cursor:pointer;
  touch-action:manipulation;
  transition:background-color var(--ui-duration-fast) ease,color var(--ui-duration-fast) ease,border-color var(--ui-duration-fast) ease,opacity var(--ui-duration-fast) ease;
}
body.durex-ui :is(.ui-button,.fp-filter-btn,.vs-dl,.vs-cmt-post,.vs-report-submit,.vs-report-cancel) {
  border:1px solid var(--button-border);
  background:var(--button-bg);
  color:var(--button-fg);
}
body.durex-ui :is(.btn-pr,.vs-dl,.vs-cmt-post,.ui-button[data-variant="primary"]),body.durex-ui .acc-page .btn.btn-pr,body.durex-ui.theme-light #ct .btn.btn-pr {
  border-color:var(--accent)!important;
  background:var(--accent)!important;
  color:var(--text-on-accent)!important;
  box-shadow:none!important;
}
body.durex-ui :is(.btn-pr,.vs-dl,.vs-cmt-post,.ui-button[data-variant="primary"]):hover,body.durex-ui .acc-page .btn.btn-pr:hover {
  border-color:var(--accent-hover)!important;
  background:var(--accent-hover)!important;
  color:var(--text-on-accent)!important;
  filter:none;
  transform:none;
}
body.durex-ui :is(.ui-button:not([data-variant]),.vs-report-cancel) {
  border-color:var(--border-default)!important;
  background:var(--surface-panel)!important;
  color:var(--text-secondary)!important;
  box-shadow:none!important;
}
body.durex-ui :is(.ui-button:not([data-variant]),.vs-report-cancel):hover {
  border-color:var(--border-strong)!important;
  background:var(--surface-hover)!important;
  color:var(--text-primary)!important;
}
body.durex-ui .fp-filter-btn {
  border-color:var(--filter-border)!important;
  background:var(--filter-bg)!important;
  color:var(--filter-fg)!important;
  box-shadow:none!important;
}
body.durex-ui .fp-filter-btn .arr {color:var(--filter-arrow)}
body.durex-ui .fp-filter-btn:hover {
  border-color:var(--filter-hover-border)!important;
  background:var(--filter-hover-bg)!important;
  color:var(--filter-hover-fg)!important;
}
body.durex-ui :is(.fp-filter-btn.on,.fp-filter-btn[aria-pressed="true"],.ui-button[aria-pressed="true"]) {
  border-color:var(--accent-border)!important;
  background:var(--accent-subtle)!important;
  color:var(--accent-text)!important;
}
body.durex-ui .ui-button[data-variant="danger"] {
  border-color:var(--status-danger-border)!important;
  background:var(--status-danger-bg)!important;
  color:var(--status-danger)!important;
}
body.durex-ui :is(.vs-report-submit,.ui-button[data-variant="danger-solid"]) {
  border-color:var(--action-danger)!important;
  background:var(--action-danger)!important;
  color:var(--text-on-accent)!important;
}
body.durex-ui :is(.vs-report-submit,.ui-button[data-variant="danger-solid"]):hover {
  border-color:var(--action-danger-hover)!important;
  background:var(--action-danger-hover)!important;
}
body.durex-ui .btn-xs {min-height:26px;padding:4px 8px;font-size:11px}
body.durex-ui .btn-sm {min-height:30px;padding:5px 10px}
body.durex-ui .fp-filter-btn {height:32px!important;min-height:32px!important}
body.durex-ui :is(.btn,.ui-button,.ib,.fp-filter-btn,.vs-dl,.vs-cmt-post,.vs-report-submit,.vs-report-cancel):disabled,
body.durex-ui :is(.btn,.ui-button,.ib,.fp-filter-btn,.vs-dl,.vs-cmt-post,.vs-report-submit,.vs-report-cancel)[aria-disabled="true"] {
  opacity:.5!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}
body.durex-ui :is(.btn,.ui-button,.fp-filter-btn,.vs-cmt-post)[aria-busy="true"] {cursor:wait;opacity:.7}
body.durex-ui :is(.btn,.ui-button,.fp-filter-btn,.ib,.mtab,.ctx-item,.vs-side-tab,.vs-report-close) svg {
  flex-shrink:0;
  width:16px;
  height:16px;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.durex-ui :is(button,a,input,select,textarea,[tabindex]):focus-visible {
  outline:2px solid var(--accent)!important;
  outline-offset:2px;
}
body.durex-ui :is(.ui-input,.vs-cmt-inp,.vs-report-textarea,.fg input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]),.fg select,.fg textarea),
body.durex-ui .acc-page .fg :is(input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="password"],input[type="url"],select,textarea) {
  border:1px solid var(--input-border)!important;
  border-radius:var(--radius-md)!important;
  background:var(--input-bg)!important;
  color:var(--input-fg)!important;
  font-family:var(--ui-font);
  font-size:13px;
  line-height:1.5;
  padding:8px 11px;
  box-shadow:none!important;
}
body.durex-ui :is(.ui-input,.vs-cmt-inp,.vs-report-textarea,.fg input,.fg textarea,.fg select):focus {
  border-color:var(--accent)!important;
}
body.durex-ui :is(.ui-input,.vs-cmt-inp,.vs-report-textarea,.fg input,.fg textarea,.fg select) {transition:border-color var(--ui-duration-fast) ease}
body.durex-ui :is(input,textarea)::placeholder {color:var(--text-muted)!important;opacity:1}
body.durex-ui :is(input,textarea,select)[aria-invalid="true"] {border-color:var(--status-danger)!important}
body.durex-ui :is(input,textarea,select):disabled {cursor:not-allowed;opacity:.6}
body.durex-ui :is(.fg label,.pref-label) {color:var(--text-secondary)}
body.durex-ui .acc-page .fg label {color:var(--text-muted)!important}
body.durex-ui :is(.mo:not(#fmo),.cfm-overlay.on,.vs-report-backdrop,.ui-dialog-overlay,#kbd-modal) {
  background:var(--surface-overlay)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.durex-ui :is(.cfm-box,._modal-panel,.modal-inner,.company-management-shell,.vs-report-modal,.ui-dialog,#kbd-modal-box,.desktop-update-modal) {
  border:1px solid var(--dialog-border);
  border-radius:var(--radius-dialog);
  background:var(--dialog-bg)!important;
  color:var(--dialog-fg)!important;
  box-shadow:var(--shadow-dialog)!important;
}
body.durex-ui .ui-dialog-overlay {
  position:fixed;
  inset:0;
  z-index:11001;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  animation:ui-dialog-fade var(--ui-duration-dialog) var(--ui-ease) both;
}
body.durex-ui .ui-dialog {
  width:100%;
  max-width:460px;
  max-height:calc(100dvh - 40px);
  overflow:auto;
  text-align:left;
  padding:var(--space-6);
  animation:ui-dialog-enter var(--ui-duration-dialog) var(--ui-ease) both;
}
.ui-dialog-title {margin:0;color:var(--text-primary);font-size:17px;font-weight:650;line-height:1.4}
.ui-dialog-copy {margin:8px 0 18px;color:var(--text-secondary);font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.ui-dialog-title+.ui-input {margin-top:18px}
.ui-dialog .ui-input {width:100%}
.ui-dialog textarea.ui-input {min-height:110px;resize:vertical}
.ui-dialog-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}
.ui-dialog-head {display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}
.ui-dialog-head .ui-dialog-copy {margin:4px 0 0}
.ui-dialog-head .ui-empty-icon {display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:10px}
.ui-dialog-head .ui-empty-icon svg {width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round}
.ui-support-dialog .fg {margin-bottom:var(--space-4)}
.ui-support-dialog :is(input,textarea) {width:100%}
.ui-support-dialog textarea {min-height:110px;resize:vertical}
.ui-support-dialog .lerr {margin-bottom:var(--space-3)}
.sr-file-card {padding:14px;margin-bottom:10px;border:1px solid var(--transfer-card-border);border-radius:14px;background:var(--transfer-card-bg);color:var(--tx)}
.sr-file-card.is-pending {position:relative;overflow:hidden;border-color:var(--transfer-pending-card-border);background:var(--transfer-pending-card-bg)}
.sr-file-card.is-pending::before {content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.6),transparent)}
.sr-file-status {display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border:1px solid var(--bd);border-radius:var(--r3);font:600 10px/1.2 var(--ui-font,'Roboto',sans-serif);flex-shrink:0}
.sr-file-status.is-pending {background:var(--transfer-pending-bg);border-color:var(--transfer-pending-border);color:var(--transfer-pending-fg)}
.sr-file-status.is-accepted {background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok)}
body.durex-ui .sr-page-head .page-h1 {color:var(--transfer-heading)!important}
body.durex-ui .sr-page-subtitle {color:var(--transfer-copy)}
body.durex-ui .sr-page-tabs {border-color:var(--transfer-tab-border);background:var(--transfer-tab-bg)}
body.durex-ui .sr-page-tab {color:var(--transfer-tab-fg)}
body.durex-ui .sr-page-tab:hover {color:var(--transfer-tab-active)}
body.durex-ui .sr-page-tab.is-active {color:var(--transfer-tab-active);border-bottom-color:transparent}
body.durex-ui .sr-page-count {border-color:var(--transfer-count-border);background:var(--transfer-count-bg);color:var(--transfer-count-fg)}
body.durex-ui .sr-page-count.is-warning {border-color:var(--transfer-warning-count-border);background:var(--transfer-warning-count-bg);color:var(--transfer-warning-count-fg)}
body.durex-ui .sr-empty {position:relative;display:grid;min-height:290px;padding:56px 28px;place-items:center;align-content:center;border:1px solid var(--transfer-empty-border);border-radius:14px;background:var(--transfer-empty-bg);text-align:center;box-shadow:none}
body.durex-ui .sr-empty-icon {display:grid;width:56px;height:56px;min-height:56px;margin:0 auto 17px;place-items:center;border:1px solid var(--transfer-icon-border)!important;border-radius:13px;background:var(--transfer-icon-bg)!important;color:var(--transfer-tab-fg)!important;box-shadow:none!important;animation:none!important}
body.durex-ui .sr-empty-title {margin-bottom:8px;color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.15px}
body.durex-ui .sr-empty-copy {max-width:390px;margin:0 auto;color:var(--transfer-copy)!important;font-size:12.5px;line-height:1.65}
body.durex-ui .sr-empty-copy strong {color:var(--text-secondary)}
body.durex-ui .sr-empty-status {background:var(--transfer-pending-bg);border-color:var(--transfer-pending-border);color:var(--transfer-pending-fg)}
.ui-dialog[data-variant="danger"] {border-top:3px solid var(--status-danger)}
.ui-dialog[data-variant="warning"] {border-top:3px solid var(--status-warning)}
.ui-dialog-overlay.is-closing {opacity:0;pointer-events:none;transition:opacity 100ms ease;animation:none!important}
.ui-dialog-overlay.is-closing .ui-dialog {animation:none!important}
@keyframes ui-dialog-fade {from{opacity:0}to{opacity:1}}
@keyframes ui-dialog-enter {from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
body.durex-ui :is(.ctx-menu,.ctx,.fp-dd,.ui-menu) {
  border:1px solid var(--border-default)!important;
  border-radius:var(--radius-md)!important;
  background:var(--surface-panel)!important;
  color:var(--text-primary)!important;
  box-shadow:var(--shadow-popover)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.durex-ui .fp-dd {z-index:10000;min-width:190px;max-width:calc(100vw - 16px);max-height:min(360px,70vh);overflow-y:auto;padding:4px}
body.durex-ui .fp-dd>button {width:100%;min-height:32px;display:flex;align-items:center;padding:7px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:500 12px/1.3 var(--ui-font);text-align:left;cursor:pointer}
body.durex-ui .fp-dd>button:hover,body.durex-ui .fp-dd>button:focus-visible {background:var(--surface-hover);color:var(--text-primary)}
body.durex-ui :is(.ctx-item,.fp-dd-item) {min-height:32px;border-radius:var(--radius-sm);color:var(--text-secondary)}
body.durex-ui :is(.ctx-item,.fp-dd-item):hover {background:var(--surface-hover)!important;color:var(--text-primary)!important}
body.durex-ui :is(.ctx-item.ctx-active,.fp-dd-item.on) {background:var(--accent-subtle)!important;color:var(--accent-text)!important}
body.durex-ui :is(.ctx-danger,.ctx-danger:hover) {color:var(--status-danger)!important}
body.durex-ui .ctx-danger:hover {background:var(--status-danger-bg)!important}
body.durex-ui :is(.ctx-item,.fp-dd-item) svg {color:currentColor}
body.durex-ui :is(.ctx-sep,.fp-dd-separator) {background:var(--border-default)!important}
body.durex-ui :is(.fp-toolbar-v3,.ui-toolbar) {gap:var(--space-2);align-items:center}
body.durex-ui :is(.mtabs,.vs-side-tabs,.company-management-tabs) {border-color:var(--border-default);background:var(--surface-panel)}
body.durex-ui :is(.mtab,.vs-side-tab,.company-management-tab) {color:var(--text-muted);transition:color var(--ui-duration-fast) ease,background-color var(--ui-duration-fast) ease}
body.durex-ui :is(.mtab.on,.vs-side-tab.on,.company-management-tab.on) {color:var(--tab-active-fg);border-bottom-color:var(--tab-active-border)}
body.durex-ui :is(.settings-card,.admin-test-card,.admin-error-panel,.admin-report-card,.company-management-card,.ui-card) {
  border-color:var(--card-border)!important;
  border-radius:var(--radius-lg);
  background:var(--card-bg)!important;
  color:var(--text-primary);
  box-shadow:var(--shadow-card);
}
body.durex-ui :is(.ui-empty,.admin-error-empty) {background:var(--surface-panel);border-color:var(--border-default);box-shadow:none}
body.durex-ui .ui-empty {display:grid;place-items:center;align-content:center;min-height:260px;padding:40px 24px;text-align:center;border:1px solid var(--border-default);border-radius:var(--radius-lg)}
body.durex-ui :is(.ui-empty-icon,.txp-state-icon) {background:var(--surface-subtle)!important;border:1px solid var(--border-default)!important;color:var(--text-secondary)!important;box-shadow:none!important;animation:none!important}
body.durex-ui .ui-empty .ui-empty-icon {display:grid;place-items:center;width:52px;height:52px;min-height:52px;margin:0 auto 16px;border-radius:var(--radius-lg)}
body.durex-ui .ui-empty-icon svg {width:23px;height:23px}
body.durex-ui :is(.pref-sublabel,.sc-sub) {color:var(--text-muted)}
body.durex-ui :is(.toast,.sr-toast,.desktop-update-toast) {background:var(--surface-panel)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important;box-shadow:var(--shadow-popover)!important}
body.durex-ui .nc-card {background:var(--notification-bg)!important;color:var(--text-primary)!important;border-color:var(--notification-border)!important;border-left-color:var(--notification-accent,var(--text-muted))!important;border-radius:var(--radius-md);box-shadow:var(--notification-shadow)!important;animation-duration:var(--ui-duration-dialog)}
body.durex-ui .nc-title {color:var(--text-primary);font-size:12px;font-weight:600;line-height:1.45}
body.durex-ui :is(.nc-sub,.nc-eyebrow,.nc-footer) {color:var(--text-muted)}
body.durex-ui .nc-sub {color:var(--text-secondary);font-size:11.5px;line-height:1.5}
body.durex-ui .nc-footer {border-color:var(--border-default)}
body.durex-ui .nc-icon {width:28px;height:28px;border-radius:var(--radius-sm);box-shadow:none}
body.durex-ui .nc-icon svg,body.durex-ui .nc-x svg {width:16px;height:16px}
body.durex-ui .nc-x {display:grid;place-items:center;min-width:28px;min-height:28px;margin:-3px -5px 0 0;color:var(--text-muted);border-radius:var(--radius-sm)}
body.durex-ui .nc-x:hover {color:var(--text-primary);background:var(--surface-hover)}
body.durex-ui .nc-action {min-height:28px;border-color:var(--border-strong);color:var(--text-primary);border-radius:var(--radius-sm)}
body.durex-ui .nc-action:hover {background:var(--surface-hover);border-color:var(--border-strong)}
body.durex-ui .ui-icon {display:inline-block;width:16px;height:16px;flex-shrink:0;vertical-align:middle}
body.durex-ui :is(.st-badge,.fr-st) {display:inline-flex!important;align-items:center;min-height:20px;padding:2px 6px;border-radius:4px!important;font:700 10px/1.2 var(--ui-font);white-space:nowrap}
body.durex-ui :is(.st-approved,.st-completed,.st-done) {color:#10B981!important;background:rgba(16,185,129,.18)!important;border-color:rgba(16,185,129,.35)!important}
body.durex-ui :is(.st-pending,.st-review,.st-in_review) {color:#F59E0B!important;background:rgba(245,158,11,.18)!important;border-color:rgba(245,158,11,.35)!important}
body.durex-ui .st-rejected {color:#EF4444!important;background:rgba(239,68,68,.18)!important;border-color:rgba(239,68,68,.35)!important}
body.durex-ui :is(.st-changes,.st-needs_changes) {color:#8B5CF6!important;background:rgba(139,92,246,.18)!important;border-color:rgba(139,92,246,.35)!important}
body.durex-ui .st-custom {background:rgba(208,212,218,.08)!important;border-color:rgba(208,212,218,.2)!important}
body.durex-ui.theme-light :is(.st-approved,.st-completed,.st-done) {color:var(--status-success)!important;background:var(--status-success-bg)!important;border-color:var(--status-success-border)!important}
body.durex-ui.theme-light :is(.st-pending,.st-review,.st-in_review) {color:var(--status-warning)!important;background:var(--status-warning-bg)!important;border-color:var(--status-warning-border)!important}
body.durex-ui.theme-light .st-rejected {color:var(--status-danger)!important;background:var(--status-danger-bg)!important;border-color:var(--status-danger-border)!important}
body.durex-ui.theme-light :is(.st-changes,.st-needs_changes) {color:#6D28D9!important;background:#F5F3FF!important;border-color:#D8B4FE!important}
body.durex-ui.theme-light .st-custom {background:var(--surface-subtle)!important;border-color:var(--border-default)!important}
body.durex-ui :is(.vs-side,.vs-cmt-form,.vs-cmt-list,.vs-side-tabs,.vs-cmt-item) {background:var(--surface-panel);border-color:var(--border-default)}
body.durex-ui .vs-report-option {background:var(--surface-subtle);border-color:var(--border-default)}
body.durex-ui .vs-report-option.is-selected {background:var(--accent-subtle);border-color:var(--accent)}
body.durex-ui .vs-report-close {background:var(--surface-subtle);border-color:var(--border-default);color:var(--text-secondary)}
body.durex-ui .vs-report-close:hover {background:var(--surface-hover);color:var(--text-primary)}
body.durex-ui :is(.vs-report-title,.vs-title) {color:var(--text-primary)}
body.durex-ui .vs-player {box-shadow:none}
body.durex-ui #mmc {background:var(--dialog-bg)!important;border-color:var(--dialog-border)!important;color:var(--dialog-fg)!important;box-shadow:var(--shadow-dialog)!important}
body.durex-ui .lerr {background:var(--status-danger-bg)!important;border-color:var(--status-danger-border)!important;color:var(--status-danger)!important}
html:not(.theme-light-early) body.durex-ui:not(.theme-light) .acc-page .btn.btn-gh {
  border-color:var(--bd2)!important;
  background:transparent!important;
  color:var(--tx2)!important;
}
html:not(.theme-light-early) body.durex-ui:not(.theme-light) .acc-page .btn.btn-gh:hover {
  border-color:rgba(99,102,241,.3)!important;
  background:transparent!important;
  color:var(--tx)!important;
}
html:not(.theme-light-early) body.durex-ui:not(.theme-light) .acc-page .fg :is(input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="password"],input[type="url"],select,textarea) {
  border-color:var(--bd)!important;
  border-radius:var(--r3)!important;
  background:var(--bg2)!important;
  color:var(--tx)!important;
  padding:7px 10px!important;
}
html:not(.theme-light-early) body.durex-ui:not(.theme-light) .acc-page .settings-card {
  border-color:var(--bd)!important;
  background:var(--bg1)!important;
}
@media(hover:hover) and (pointer:fine) {
  body.durex-ui :is(.btn,.ui-button,.fp-filter-btn):active:not(:disabled) {transform:translateY(1px)}
}
@media(max-width:640px) {
  body.durex-ui .ui-dialog {padding:20px}
  body.durex-ui .ui-dialog-actions .btn {min-height:40px}
  body.durex-ui :is(.fp-filter-btn,.ctx-item,.vs-side-tab) {min-height:38px!important}
}
@media(prefers-reduced-motion:reduce) {
  body.durex-ui :is(.ui-dialog-overlay,.ui-dialog,.ui-button,.btn,.fp-filter-btn,.ctx-item,.nc-card) {animation:none!important;transition:none!important;transform:none!important}
}
