.stinv-site-page-header {
  background: #141417;
  color: #fff
}

.stinv-site-page-header-inner {
  max-width: 1640px;
  margin: 0 auto;
  padding: 50px 90px 28px;
  box-sizing: border-box
}

.stinv-site-page-header h1 {
  font-size: 34px;
  margin: 0
}

.stinv-page-content-wrapper {
  display: flex;
  gap: 30px;
  max-width: 1640px;
  margin: 0 auto;
  padding: 25px 7% 70px;
  box-sizing: border-box;
  align-items: flex-start
}

.stinv-left-column {
  width: 78%;
  min-width: 0
}

.stinv-right-column {
  width: 22%
}

.stinv-right-column-inner {
  box-sizing: border-box
}

.stinv-section, .stinv-section-group, .stinv-stat {
  background: #fff;
  border-radius: 9px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
  box-sizing: border-box
}

.stinv-section {
  padding: 26px 23px;
  margin-bottom: 16px
}

.stinv-section-group {
  padding: 23px;
  margin-bottom: 12px
}

.stinv-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px
}

.stinv-page-header h1 {
  font-size: 32px;
  margin: 0 0 6px
}

.stinv-page-header p, .stinv-section-heading p {
  margin: 0;
  color: #777;
  font-size: 14px
}

.stinv-header-actions, .stinv-form-actions, .stinv-action-grid {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap
}

.stinv-page-content-wrapper>.clearfix {
  display: none;
}

.stinv-page-content-wrapper .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  height: 44px;
  padding: 0 30px;
  border: #ffd0b4 1px solid;
  border-radius: 999px;
  background: #fef1e7;
  color: #e17c30;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  box-sizing: border-box
}

.stinv-page-content-wrapper .button-secondary svg.icon-24 path, #stinv-load-quote svg.icon-24 path {
  fill: #e17c30;
}

.stinv-page-content-wrapper .button-primary svg.icon-24 path {
  fill: #fff;
}

.stinv-page-content-wrapper button#stinv-load-quote {
  border-radius: 5px;
}

.stinv-page-content-wrapper .button:hover {
  border-color: #aaa;
  text-decoration: none
}

.stinv-page-content-wrapper .button-primary, .stinv-page-content-wrapper .button-issue {
  background: #e17c30;
  border-color: #e17c30;
  color: #fff
}

.stinv-page-content-wrapper .button-primary:hover, .stinv-page-content-wrapper .button-issue:hover {
  background: #c96825;
  border-color: #c96825;
  color: #fff
}

.stinv-nav h3 {
  margin: 0 0 12px;
  font-size: 18px
}

.stinv-nav a {
  display: block;
  padding: 11px 13px;
  border-radius: 7px;
  color: #333;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  border-bottom: 3px solid #fff;
}

.stinv-nav a:hover {
  background: #f7f8f9;
  text-decoration: none
}

.stinv-nav a.active {
  color: #e17c30;
  background: #fff6ee;
}

.stinv-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px
}

.stinv-stat {
  padding: 20px
}

.stinv-stat span {
  display: block;
  color: #777;
  font-size: 13px;
  margin-bottom: 7px
}

.stinv-stat strong {
  font-size: 20px
}

.stinv-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 18px
}

.stinv-section h2 {
  font-size: 20px;
  margin: 0 0 14px
}

.stinv-section-heading h2 {
  margin: 0
}

.stinv-section-heading h2 span {
  color: #8c9091
}

.stinv-table-wrap {
  overflow: auto
}

.stinv-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px
}

.stinv-table th {
  text-align: left;
  color: #777;
  font-weight: 600;
  padding: 10px 9px;
  border-bottom: 1px solid #ddd;
  white-space: nowrap
}

.stinv-table td {
  padding: 13px 9px;
  border-bottom: 1px solid #e6e6e8;
  vertical-align: middle
}

.stinv-table tr:last-child td {
  border-bottom: 0
}

.stinv-table .num {
  text-align: right
}

.stinv-doc-link {
  font-weight: 700;
  color: #333;
  text-decoration: none
}

.stinv-doc-link:hover {
  color: #e17c30
}

.stinv-mini-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #f1eee9;
  color: #8c5d31;
  font-size: 10px;
  font-weight: 700
}

.stinv-status {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  background: #ececef;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap
}

.stinv-status.paid {
  background: #e6f4ea;
  color: #287a3e
}

.stinv-status.unpaid {
  background: #f4f0e5;
  color: #7b6727
}

.stinv-status.overdue, .stinv-status.cancelled {
  background: #f7e5e5;
  color: #9b3131
}

.stinv-status.draft {
  background: #ededf0;
  color: #666
}

.stinv-status.issued {
  background: #e8eef7;
  color: #315b8e
}

.stinv-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 18px
}

.stinv-form label, .stinv-document-form label, .stinv-number-setting label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 14px;
  font-weight: 600
}

.stinv-form input, .stinv-form select, .stinv-document-form input, .stinv-document-form select, .stinv-document-form textarea, .stinv-number-setting input {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
  font: inherit
}

.stinv-document-form textarea {
  height: auto;
  padding: 10px 12px;
  resize: vertical
}

.stinv-check {
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  align-self: end;
  min-height: 42px
}

.stinv-check input {
  width: auto !important;
  height: auto !important
}

.stinv-form-actions {
  margin-top: 24px
}

.stinv-number-setting {
  max-width: 420px
}

.stinv-number-setting p, .stinv-legal-note {
  font-size: 13px;
  color: #666;
  line-height: 1.5
}

.stinv-clients-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding-top: 15px;
}

.stinv-section.stinv-setup-warning p {
  font-size: 16px;
  padding-bottom: 20px;
}

.stinv-client-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  border: 1px solid #e2e2e4;
  border-radius: 8px;
  color: #333;
  text-decoration: none
}

.stinv-client-card:hover {
  border-color: #e17c30;
  text-decoration: none
}

.stinv-client-card span {
  color: #777;
  font-size: 13px
}

.stinv-empty {
  padding: 25px;
  text-align: center;
  color: #777
}

.stinv-setup-warning {
  border-left: 4px solid #e17c30
}

.stinv-global-notice-wrapper {
  max-width: 1640px;
  margin: 18px auto 0;
  padding: 0 7%;
  box-sizing: border-box;
}

.stinv-global-notice {
  margin: 0;
  padding: 13px 18px;
  border-radius: 5px;
  box-sizing: border-box
}

.stinv-global-notice.success {
  background: #e7f4ea;
  color: #266638
}

.stinv-global-notice.error {
  background: #f8e5e5;
  color: #8e2b2b
}

.stinv-doc-meta-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.stinv-quote-link-row {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  margin-top: 18px
}

.stinv-quote-link-row label {
  flex: 1
}

.stinv-items-head, .stinv-item-row {
  display: grid;
  grid-template-columns: minmax(180px, 2.5fr) .65fr .65fr .9fr .7fr .9fr 32px;
  gap: 8px;
  align-items: center
}

.stinv-items[data-vat-registered="0"] .stinv-item-row, .stinv-items-head:has(+ #stinv-items[data-vat-registered="0"]) {
  grid-template-columns: minmax(180px, 2.5fr) .65fr .65fr .9fr .55fr .9fr 32px
}

.stinv-items-head {
  padding: 0 7px 7px;
  color: #777;
  font-size: 12px;
  font-weight: 700
}

.stinv-item-row {
  padding: 8px 7px;
  border-top: 1px solid #e5e5e6
}

.stinv-item-row input, .stinv-item-row select {
  height: 38px;
  padding: 0 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box
}

.stinv-item-row.is-advance {
  background: #faf7f2
}

.stinv-line-total {
  text-align: right;
  font-size: 14px;
  white-space: nowrap
}

.stinv-remove-item {
  border: 0;
  background: transparent;
  color: #999;
  font-size: 25px;
  cursor: pointer
}

.stinv-remove-item:hover {
  color: #b33
}

.stinv-advance-tools {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #ddd
}

.stinv-advance-tools select {
  max-width: 430px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0 10px
}

.stinv-summary-section {
  display: flex;
  justify-content: space-between;
  gap: 35px
}

.stinv-notes {
  flex: 1
}

.stinv-notes label+label {
  margin-top: 12px
}

.stinv-totals {
  width: 340px;
  max-width: 100%
}

.stinv-totals>div {
  display: flex;
  justify-content: space-between;
  padding: 7px 0
}

.stinv-totals .grand {
  border-top: 2px solid #333;
  margin-top: 4px;
  padding-top: 11px;
  font-size: 19px
}

.stinv-document-actions {
  display: flex;
  gap: 10px;
  margin: 18px 0
}

.stinv-view-meta {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  padding-bottom: 18px
}

.stinv-view-meta span {
  display: block;
  color: #777;
  font-size: 12px;
  margin-bottom: 4px
}

.stinv-view-total {
  display: flex;
  justify-content: flex-end;
  gap: 25px;
  font-size: 20px;
  padding-top: 18px
}

.stinv-action-grid form {
  margin: 0
}

.stinv-danger-zone, .stinv-danger-form {
  margin-top: 25px;
  display: flex;
  gap: 14px
}

.stinv-link-danger {
  border: 0;
  background: none;
  color: #a33;
  text-decoration: underline;
  cursor: pointer;
  padding: 0
}

.stinv-login-required {
  max-width: 500px;
  margin: 80px auto;
  background: #fff;
  border-radius: 9px;
  padding: 40px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.13);
}
.stinv-login-required p {
  padding-bottom: 30px;
}
.stinv-no-vat {
  text-align: center;
  color: #999
}

.icon-invoice svg {
  width: 27px;
  height: 27px
}

.icon-invoice .menu-icon {
  fill: #979797
}

#user-menu a:hover .icon-invoice .menu-icon {
  fill: #e17c30
}

@media (max-width:1100px) {
  .stinv-global-notice-wrapper {
    padding-left: 35px;
    padding-right: 35px;
  }

  .stinv-page-content-wrapper {
    padding-left: 35px;
    padding-right: 35px
  }

  .stinv-site-page-header-inner {
    padding-left: 35px;
    padding-right: 35px
  }

  .stinv-stats-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .stinv-items-head {
    display: none
  }

  .stinv-item-row {
    grid-template-columns: 1fr 1fr 1fr
  }

  .stinv-item-row .stinv-desc {
    grid-column: 1/-1
  }

  .stinv-line-total {
    text-align: left
  }

  .stinv-remove-item {
    justify-self: end
  }

  .stinv-doc-meta-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:860px) {
  .stinv-section {
  padding: 26px 18px;
  }
  .stinv-section-heading {
    flex-direction: column;
  }

  .stinv-page-header .stinv-header-actions .button-secondary, body .button-large.st-my-items-cancel,
  .stinv-page-content-wrapper .button-primary, .stinv-page-content-wrapper .button-issue {
    width: 100%;
  }

  .stinv-site-page-header-inner {
    padding: 28px 18px 20px
  }

  .stinv-global-notice-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .stinv-page-content-wrapper {
    flex-direction: column;
    padding: 18px 0 75px;
    gap: 0
  }

  .stinv-left-column, .stinv-right-column {
    width: 100%
  }

  .stinv-left-column {
    order: 2;
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
  }

  .stinv-header-actions .button.button-primary {
    margin-top: 10px;
  }

  .stinv-right-column {
    order: 1;
    padding: 0 0 7px 0
  }

  .stinv-right-column-inner .stinv-section-group {
    padding: 13px 18px;
    border-radius: 0;
    ;
  }

  .stinv-nav h3 {
    display: none
  }

  .stinv-nav {
    display: flex;
    overflow: auto;
    gap: 2px
  }

  .stinv-nav a {
    flex-shrink: 0;
    white-space: nowrap;
    padding: 11px 18px
  }

  .stinv-left-column>.stinv-page-header, .stinv-left-column>.stinv-section, .stinv-left-column>.stinv-stats-grid, .stinv-left-column>.stinv-document-form, .stinv-left-column>.stinv-danger-zone, .stinv-left-column>.stinv-action-grid {
    margin-left: 0px;
    margin-right: 0px
  }
.stinv-left-column > .stinv-section, .stinv-section.stinv-settings-block, #stinv-document-form .stinv-section {
  margin-left: -18px;
  margin-right: -18px;
  border-radius: 0;
}
.stinv-notes {
  width: 100%;
}
.stinv-number-setting input {
  margin-bottom:7px
}
.stinv-section {
  margin-bottom: 9px;
}
.stinv-left-column > .stinv-section.stinv-setup-warning {
  margin-left: 0px;
    margin-right: 0px;
    border-radius: 7px;
    margin-bottom: 16px;
}
  .stinv-page-header {
    align-items: flex-start;
    flex-direction: column
  }

  .stinv-stats-grid {
    grid-template-columns: 1fr 1fr
  }

  .stinv-form-grid, .stinv-doc-meta-grid, .stinv-clients-grid {
    grid-template-columns: 1fr
  }

  .stinv-summary-section {
    flex-direction: column
  }

  .stinv-totals {
    width: 100%
  }

  .stinv-item-row, .stinv-items[data-vat-registered="0"] .stinv-item-row {
    grid-template-columns: 1fr 1fr
  }

  .stinv-item-row .stinv-desc {
    grid-column: 1/-1
  }

  .stinv-quote-link-row, .stinv-advance-tools {
    flex-direction: column;
    align-items: stretch
  }

  .stinv-view-meta {
    grid-template-columns: 1fr 1fr
  }

  .stinv-action-grid {
    align-items: stretch
  }

  .stinv-action-grid .button, .stinv-action-grid form .button {
    width: 100%
  }
}

.stinv-js-warning {
  margin: 0 0 16px;
  padding: 12px 15px;
  border-radius: 5px;
  background: #f8e5e5;
  color: #8e2b2b;
  font-size: 14px;
  line-height: 1.45
}

.stinv-js-loaded .stinv-js-warning {
  display: none
}

.st-invoices-page [hidden] {
  display: none !important
}

.stinv-logo-source {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 14px;
  font-weight: 600
}

.stinv-logo-source-inner {
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fafafa;
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box
}

.stinv-logo-source-inner img {
  max-width: 120px;
  max-height: 45px;
  object-fit: contain
}

.stinv-logo-source-inner small {
  color: #777;
  font-weight: 400;
  line-height: 1.35
}

.stinv-proforma-actions {
  margin: 18px 0
}

.stinv-settings-notes {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  max-width: 900px
}

.stinv-settings-notes textarea {
  width: 100%;
  min-height: 95px;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
  font: inherit;
  resize: vertical;
  line-height: 150%;
}

/* =====================================
   0.1.6 UX pass
   ===================================== */
.stinv-right-column-inner {
  position: sticky;
  top: 88px;
  margin-top: 42px;
}

.stinv-page-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 33px;
  height: 33px;
  padding: 0 8px;
  margin-left: 5px;
  border-radius: 999px;
  background: #e5e5e7;
  color: #777;
  font-size: 16px;
  font-weight: 500;
  vertical-align: 4px;
  box-sizing: border-box;
  position: relative;
  top: -3px;
}

.stinv-back-link {
  display: none;
  margin: 0 0 8px;
  color: #777;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600
}

.stinv-back-link:hover {
  color: #e17c30;
  text-decoration: none
}

.stinv-document-page-header {
  align-items: flex-start
}

.stinv-document-state {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
  padding-top: 0
}

.stinv-unsaved-indicator {
  font-size: 12px;
  font-weight: 600;
  color: #9a681e
}

.stinv-section-heading-compact {
  margin-bottom: 20px
}

.stinv-section-heading-compact h2 {
  margin-bottom: 3px
}

.stinv-form input:focus, .stinv-form select:focus, .stinv-form textarea:focus, .stinv-document-form input:focus, .stinv-document-form select:focus, .stinv-document-form textarea:focus, .stinv-number-setting input:focus {
  outline: none;
  border-color: #e17c30;
  box-shadow: 0 0 0 2px rgba(225, 124, 48, .12)
}

.stinv-doc-meta-grid .stinv-client-select-field {
  grid-column: span 2
}

.stinv-quote-link-row {
  padding-top: 18px;
  border-top: 1px solid #ececef
}

.stinv-quote-link-row label span small {
  font-weight: 400;
  color: #888;
  margin-left: 4px
}

.stinv-list-section {
  padding-top: 20px
}

.stinv-list-toolbar {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) 180px 210px;
  gap: 10px;
  align-items: end;
  padding: 0 0 18px;
  margin-bottom: 4px;
  border-bottom: 1px solid #ececef
}

.stinv-list-toolbar label {
  display: flex;
  flex-direction: column;
  gap: 6px;

  font-size: 14px;
  font-weight: 600
}

.stinv-list-toolbar input, .stinv-list-toolbar select {
  width: 100%;
  height: 40px;
  padding: 0 11px;
  border: 1px solid #d1d1d4;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
  font: inherit;
  color: #333
}

.stinv-list-toolbar input:focus, .stinv-list-toolbar select:focus {
  outline: none;
  border-color: #e17c30;
  box-shadow: 0 0 0 2px rgba(225, 124, 48, .1)
}

.stinv-client-toolbar {
  grid-template-columns: minmax(260px, 520px)
}

.stinv-table tbody tr {
  transition: background .12s ease
}

.stinv-table tbody tr:hover {
  background: #fafafa
}

.stinv-filter-empty {
  padding: 30px 10px 18px;
  text-align: center;
  color: #777;
  font-size: 14px
}

.stinv-client-card {
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease
}

.stinv-client-card:hover {
  box-shadow: 0 3px 12px rgba(0, 0, 0, .07);
  transform: translateY(-1px)
}

.stinv-summary-section {
  align-items: flex-start
}

.stinv-totals {
  padding: 15px 18px;
  border-radius: 8px;
  background: #f6f6f7;
  box-sizing: border-box
}

.stinv-totals>div {
  border-bottom: 1px solid #e1e1e3
}

.stinv-totals>div:last-child {
  border-bottom: 0
}

.stinv-totals .grand {
  border-top: 2px solid #333;
  border-bottom: 0
}

.stinv-document-actions {
  position: sticky;
  bottom: 12px;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 18px 0 28px;
  padding: 12px 14px;
  border: 1px solid #dedee0;
  border-radius: 10px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 5px 20px rgba(0, 0, 0, .12);
  backdrop-filter: blur(8px)
}

.stinv-document-actions-main {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap
}

.stinv-document-actions-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #777;
  font-size: 12px;
  text-align: right
}

.stinv-cancel-link {
  color: #777;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap
}

.stinv-cancel-link:hover {
  color: #e17c30;
  text-decoration: none
}

.stinv-settings-form {
  margin: 0
}

.stinv-settings-block {
  margin-bottom: 16px
}

.stinv-settings-actions {
  position: sticky;
  bottom: 12px;
  z-index: 20;
  display: flex;
  justify-content: flex-end;
  margin: 18px 0 25px;
  padding: 11px 13px;
  border: 1px solid #dedee0;
  border-radius: 10px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  backdrop-filter: blur(8px)
}

.stinv-check-card {
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fafafa;
  box-sizing: border-box
}

.stinv-check-card span {
  font-weight: 600
}

.stinv-action-grid {
  margin-top: 16px
}

.stinv-proforma-actions {
  padding: 14px 0 2px;
  border-top: 1px solid #ddd
}

.stinv-document-view .stinv-view-meta {
  padding: 2px 0 20px
}

.stinv-document-view .stinv-view-total {
  border-top: 1px solid #e4e4e6
}

body .stinv-page-content-wrapper {
  padding-top: 20px;
  position: relative;
}


@media (max-width:1100px) {
  .stinv-list-toolbar {
    grid-template-columns: minmax(220px, 1fr) 160px 190px
  }

  .stinv-doc-meta-grid .stinv-client-select-field {
    grid-column: 1/-1
  }
}

@media (max-width:860px) {

  body .stinv-page-content-wrapper {
    padding-top: 0;
  }

  .stinv-right-column-inner {
    position: static;
    margin-top: 0;
  }

  .stinv-list-toolbar {
    grid-template-columns: 1fr
  }

  .stinv-client-toolbar {
    grid-template-columns: 1fr
  }

  .stinv-document-state {
    align-items: flex-start;
    padding-top: 0
  }

  .stinv-document-actions {
    position: static;
    flex-direction: column;
    align-items: stretch;
    margin-left: 18px;
    margin-right: 18px
  }

  .stinv-document-actions-main {
    display: grid;
    grid-template-columns: 1fr
  }

  .stinv-document-actions-main .button {
    width: 100%
  }

  .stinv-document-actions-meta {
    justify-content: space-between;
    text-align: left
  }

  .stinv-settings-actions {
    position: static;
    margin-left: 18px;
    margin-right: 18px
  }
}

@media (max-width:860px) {
  .stinv-document-actions {
    margin-left: 0;
    margin-right: 0
  }

  .stinv-left-column>.stinv-settings-form {
    margin-left: 0px;
    margin-right: 0px
  }

  .stinv-settings-actions {
    margin-left: 0;
    margin-right: 0
  }
}

/* 0.1.9 — single contextual page heading */
.stinv-site-page-header .arch-title-sep {
  display: inline-block;
  margin: 0 5px;
  color: rgba(255, 255, 255, .62);
  font-weight: 300
}

.stinv-site-page-header .arch-title-text {
  color: rgba(255, 255, 255, .62);
  font-weight: 300
}

.stinv-site-page-header .stinv-page-count {
  position: relative;
  top: -33px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  font-weight: 500 !important;
  margin-left: 8px;
  height: auto;
  line-height: normal;
  width: auto;
  min-width: auto;
  vertical-align: 0;
}

.stinv-page-header>div>p:first-child {
  margin-top: 0
}

.page-template-stroytel-invoices .page-header-inner h1 {
  text-align: left;
}

body .page-header-inner {
  flex-direction: row;
  justify-content: left;
  gap: 10px;
  align-items: flex-end;
  align-content: flex-end;
}

@media (max-width:860px) {
  body .page-header-inner {
    justify-content: space-between;
  }

  .stinv-site-page-header h1 {
    font-size: 28px;
    line-height: 1.25
  }

  .stinv-site-page-header .arch-title-sep {
    margin: 0 6px
  }



  .stinv-site-page-header .stinv-page-count {
    top: -2px;
  }
}
/* Stroytel Objects integration */
.stinv-object-link-form { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; }
.stinv-object-link-form select { min-width:min(360px,100%); }