/* Shared, self-hosted type: no dependency on fonts installed on a teammate's laptop. */
@font-face { font-family: 'Braynix Inter'; src: url('/assets/InterVariable.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Braynix Inter'; src: url('/assets/InterVariable-Italic.woff2') format('woff2'); font-style: italic; font-weight: 100 900; font-display: swap; }
:root { --ui-font: 'Braynix Inter', sans-serif; color-scheme: dark; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body, body :is(button,input,select,textarea,label,h1,h2,h3,h4,p,span,a,div,strong,small,td,th,li,summary,dialog) { font-family: var(--ui-font); }
body :is(pre,code,kbd,samp), body :is(pre,code,kbd,samp) * { font-family: ui-monospace, Consolas, monospace; }
button, input, textarea, select { box-sizing: border-box; }
button { -webkit-appearance: none; appearance: none; }
input[type='checkbox'], input[type='radio'] { accent-color: #7de2bd; }
body input[type='checkbox']:not(.switch input), body input[type='radio'] {
  -webkit-appearance: none; appearance: none; flex: none; width: 15px; height: 15px; min-height: 15px;
  padding: 0; border: 1px solid #63716f; border-radius: 3px; background: #181a1c; vertical-align: middle;
}
body input[type='checkbox']:not(.switch input):checked {
  background: #7de2bd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='%23162720' stroke-width='2'/%3E%3C/svg%3E") center/13px no-repeat; border-color: #7de2bd;
}
body input[type='radio'] { border-radius: 50%; }
body input[type='radio']:checked { background: radial-gradient(circle,#7de2bd 0 4px,#181a1c 4px); border-color: #7de2bd; }
input[type='search'] { -webkit-appearance: none; appearance: none; }
input[type='number'] { -moz-appearance: textfield; appearance: textfield; }
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
* { scrollbar-width: thin; scrollbar-color: #495054 #181a1c; }
*:focus-visible { outline: 2px solid #7de2bd; outline-offset: 3px; }
/* The backing fields remain in the form and retain values, validation and handlers. */
select.ui-native-select { display: none !important; }
body .customer-select-trigger {
  position: relative; display: inline-flex; align-items: center; justify-content: space-between;
  gap: 14px; min-width: 0; max-width: 100%; min-height: 38px; height: auto;
  padding: 8px 12px; border: 1px solid #3d454c; border-radius: 8px;
  background: #181a1c; color: #c1c9ce; box-shadow: none;
  font: 500 12px/1.4 var(--ui-font); text-align: left; cursor: pointer;
}
body .customer-select-trigger:disabled { opacity: .5; cursor: not-allowed; }
body .customer-select-caption { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body .customer-select-arrow { flex: none; width: 5px; height: 5px; margin: -3px 3px 0 0; border-right: 1.5px solid #94a0aa; border-bottom: 1.5px solid #94a0aa; transform: rotate(45deg); }
body :is(.period-select-shell,.analytics-select-shell) .customer-select-trigger { flex: 1; width: 100%; height: 100%; min-height: 0; padding: 0 0 0 4px; border: 0; background: transparent; }
body :is(.revenue-field,.wf-inspector label,.crm-field) > .customer-select-trigger { width: 100%; }
body .wf-time .customer-select-trigger { min-width: 65px; }
body [data-select-id='filesSort'] { flex: 0 0 151px; width: 151px; }
body :is([data-select-id='campaignCountry'],[data-select-id='campaignIndustry'],[data-select-id='campaignCity']) { width: 100%; }
body .customer-select-trigger.setting-select { min-width: 180px; }
.customer-select-menu { font-family: var(--ui-font); }
.ui-date-shell { position: relative; display: inline-flex; align-items: center; min-width: 0; max-width: 100%; }
.ui-date-shell > input[data-ui-date] { width: 100%; min-width: 0; max-width: 100%; padding-right: 38px !important; font: 500 12px/1.4 var(--ui-font); color: #c1c9ce; background: #181a1c; border: 1px solid #3d454c; border-radius: 8px; min-height: 38px; box-sizing: border-box; }
.ui-date-shell > .ui-calendar-open { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 30px; min-width: 30px; height: 30px; min-height: 30px; margin: 0; padding: 0; border: 0; border-radius: 5px; color: #aab7bf; background: transparent; box-shadow: none; cursor: pointer; }
.ui-date-shell > .ui-calendar-open:hover { color: #7de2bd; background: #28332f; }
body :is(.revenue-field,.custom-date-field) > .ui-date-shell, .approval-schedule-dialog .ui-date-shell { width: 100%; }
.ui-calendar { position: fixed; z-index: 10002; padding: 12px; max-height: calc(100vh - 16px); overflow: auto; box-sizing: border-box; border: 1px solid #45434d; border-radius: 10px; background: #202326; color: #eef1f3; box-shadow: 0 10px 35px #0007; font: 500 12px/1.4 var(--ui-font); }
.ui-calendar-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.ui-calendar button { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 30px; height: 30px; padding: 4px; border: 0; border-radius: 5px; background: transparent; color: #e2e7eb; box-shadow: none; font: 500 12px/1.4 var(--ui-font); cursor: pointer; }
.ui-calendar button:hover:not(:disabled), .ui-calendar button:focus-visible { background: #41414a; }
.ui-calendar button:disabled { opacity: .35; cursor: not-allowed; }
.ui-calendar button.is-selected { background: #7de2bd; color: #14271f; }
.ui-calendar-head button { width: 30px; font-size: 20px; }
.ui-calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 3px; }
.ui-calendar-grid > span { text-align: center; color: #9aa7b0; font-size: 11px; padding: 3px 0; }
.ui-calendar-footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; border-top: 1px solid #3b4147; padding-top: 8px; }
.ui-calendar-footer button { padding: 4px 10px; }
.ui-calendar-clock { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
.ui-calendar-clock input { flex: none; width: 80px; height: 34px; min-height: 34px; border: 1px solid #48535c; border-radius: 6px; padding: 6px 8px; margin: 0; background: #181a1c; color: #eef1f3; font: 500 12px/1.4 var(--ui-font); }
@media (max-width: 700px) {
  body .workspace-panel .customer-select-trigger { max-width: 100%; }
  body [data-select-id='filesSort'] { flex: 1; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }