@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("/static/fonts/roboto-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("/static/fonts/roboto-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/static/fonts/roboto-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/static/fonts/roboto-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 300 !important;
}

.nav-link, .profile-menu a, .profile-menu-trigger,
.topbar .breadcrumb, .topbar .topbar-date, .topbar .signed-in-user {
  font-weight: 700 !important;
}

.app-shell button, .app-shell button *,
#account-info-dialog button, #account-info-dialog button *,
#invoice-preview-dialog button, #invoice-preview-dialog button * {
  font-weight: 700 !important;
}

.app-shell h1, .app-shell h2, .app-shell h3, .app-shell h4, .app-shell h5, .app-shell h6,
#account-info-dialog h1, #account-info-dialog h2, #account-info-dialog h3,
#invoice-preview-dialog h1, #invoice-preview-dialog h2, #invoice-preview-dialog h3 {
  font-weight: 700 !important;
}

.app-shell .active-client-indicator {
  font-weight: 700 !important;
}

.app-shell .account-list-panel-head strong {
  font-weight: 400 !important;
}

.app-shell .invoice-identity strong {
  font-weight: 700 !important;
}

.app-shell .invoice-meta,
.app-shell .invoice-tax-summary,
.app-shell .cari-edit-row label,
.app-shell .field-attention.is-resolved {
  font-weight: 500 !important;
}

body button {
  background: #e8f3ed !important;
  color: #173326 !important;
  border-color: #9dc2b3 !important;
}

body button:hover {
  background: #c8e2d2 !important;
  color: #173326 !important;
}

body button:disabled {
  background: #dce6e0 !important;
  color: #89958f !important;
  border-color: #9dc2b3 !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

.auth-screen, .auth-screen * {
  font-family: "Roboto", Arial, sans-serif !important;
}

.auth-card-heading strong { font-size: 16px !important; line-height: 1.25 !important; }
.auth-card-heading span { font-size: 10px !important; line-height: 1.3 !important; }
.auth-card-heading .auth-wordmark-name {
  color: rgb(76, 151, 120) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 35px !important;
  font-weight: 400 !important;
  letter-spacing: -.065em !important;
  line-height: .91 !important;
}
.auth-card-heading .auth-wordmark-caption {
  padding-left: 2px !important;
  margin-top: 4px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: .23em !important;
  line-height: 1 !important;
}
.auth-tabs .auth-tab { font-size: 11px !important; line-height: 1.2 !important; }
.auth-form h1 { font-size: 28px !important; line-height: 1.15 !important; }
.auth-form > p { font-size: 14px !important; line-height: 1.45 !important; }
.auth-screen .list-field { font-size: 10px !important; line-height: 1.4 !important; }
.auth-screen .list-field input,
.auth-screen .list-field select { font-size: 14px !important; line-height: 1.4 !important; }
.auth-form > .primary-button { font-size: 15px !important; line-height: 1.25 !important; }
.remember-me, #forgot-password-link { font-size: 12px !important; line-height: 1.4 !important; }
.auth-terms-consent { font-size: 11px !important; line-height: 1.5 !important; }
.auth-footer { font-size: 11px !important; line-height: 1.4 !important; }

.subscription-topbar .auth-wordmark-name {
  color: rgb(76, 151, 120) !important;
  font-size: 35px !important;
  font-weight: 300 !important;
  letter-spacing: -.065em !important;
  line-height: .91 !important;
}

.subscription-screen, .subscription-screen * {
  font-family: "Roboto", Arial, sans-serif !important;
}

.subscription-content h1 {
  font-size: clamp(27px, 5vw, 38px) !important;
  line-height: 1.15 !important;
}

.subscription-lead { font-size: 16px !important; line-height: 1.55 !important; }
.subscription-explanation { font-size: 13px !important; line-height: 1.65 !important; }
.subscription-content h2 { font-size: 17px !important; }
.subscription-channel-card { font-size: 12px !important; line-height: 1.45 !important; }
.subscription-channel-card h3 { font-size: 14px !important; line-height: 1.3 !important; }
.subscription-channel-card p { font-size: 12px !important; line-height: 1.55 !important; }
.subscription-method-panel h3 { font-size: 15px !important; line-height: 1.35 !important; }
.subscription-method-panel > p { font-size: 12px !important; line-height: 1.6 !important; }
.subscription-card-fields label,
.subscription-payment-form label,
.subscription-phone-field { font-size: 11px !important; line-height: 1.4 !important; }
.subscription-card-fields input,
.subscription-payment-form input,
.subscription-phone-field input { font-size: 12px !important; line-height: 1.4 !important; }
.subscription-bank-details dt { font-size: 10px !important; }
.subscription-bank-details dd { font-size: 12px !important; }
.subscription-provider-notice,
.subscription-payment-notice { font-size: 11px !important; line-height: 1.5 !important; }
.subscription-screen-actions span { font-size: 11px !important; }

.subscription-topbar .auth-wordmark-caption {
  padding-left: 2px !important;
  margin-top: 4px !important;
  color: var(--ink) !important;
  font-size: 9px !important;
  font-weight: 300 !important;
  letter-spacing: .23em !important;
  line-height: 1 !important;
}

body[data-theme="dark"] .subscription-topbar .auth-wordmark-caption {
  color: #d8e1dc !important;
}

body[data-theme="dark"] .subscription-channel-card {
  border-color: #355243 !important;
  background: #0c1d16 !important;
  color: #eef5ef !important;
}

body[data-theme="dark"] .subscription-channel-card h3 {
  color: #f4f7f4 !important;
}

body[data-theme="dark"] .subscription-channel-card p {
  color: #c7d5cc !important;
}

body[data-theme="dark"] .subscription-channel-card:hover:not(:disabled),
body[data-theme="dark"] .subscription-channel-card[aria-pressed="true"] {
  border-color: #75a78e !important;
  background: #214332 !important;
  color: #ffffff !important;
}

#client-delete-button,
#client-delete-button:hover {
  color: #b42318 !important;
}

#export-excel-button {
  border: 1px solid #9dc2b3 !important;
}

.app-shell .eyebrow,
.app-shell .step-pill, .app-shell .step-pill *,
.app-shell .client-selection-controls > .list-field {
  font-weight: 500 !important;
}

body.landing-page h1, body.landing-page h2, body.landing-page h3,
body.landing-page .intro-link > span:last-child,
body.landing-page .faq-list summary {
  font-weight: 600 !important;
}

body.landing-page .hero h1 em {
  font-style: italic !important;
  font-weight: 300 !important;
}

body.landing-page .main-nav a, body.landing-page .app-link {
  font-weight: 900 !important;
}

body.landing-page .feature-item-reading p {
  font-weight: 300 !important;
}

.app-shell .line-table th {
  font-weight: 700 !important;
}

.app-shell .file-name-text,
.app-shell .status-label {
  font-weight: 500 !important;
}

.app-shell .workspace-summary-item strong,
.app-shell .workspace-tax-item strong {
  font-weight: 500 !important;
}

.app-shell .workspace-summary-item span,
.app-shell .workspace-tax-item span {
  font-weight: 400 !important;
}