/* =========================================================
   V567 - PROFESSIONAL TYPOGRAPHY FOR QUOTE UI
   Desktop + Mobile
   ========================================================= */

:root{
  --v567-text:#1f2f27;
  --v567-muted:#66766d;
  --v567-green:#075f3a;
}

/* General quote typography */
.v370-quote-page,
.v370-quote-page button,
.v370-quote-page input,
.v370-quote-page select,
.v370-quote-page textarea,
.v379-public-quote-page,
.v372-preview-page{
  font-family:Arial,Helvetica,sans-serif!important;
  color:var(--v567-text)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

/* Page title / section titles */
.v370-quote-toolbar h2{
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:#153d2a!important;
}
.v370-panel-head h3,
.v370-history-head h3{
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:900!important;
  color:#173d2a!important;
}
.v370-panel-head>span,
.v370-quote-toolbar>div:first-child span{
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}

/* Form labels */
.v370-form-grid label>span,
.v370-quote-footer label>span,
.v392-temp-head{
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:800!important;
  color:#58665e!important;
}

/* Inputs/selects */
.v370-form-grid input,
.v370-form-grid select,
.v370-product-search,
.v392-temp-product input,
.v392-temp-product select,
.v370-lines-table input,
.v370-lines-table select,
.v370-quote-footer textarea{
  font-size:13px!important;
  line-height:1.35!important;
  color:#223128!important;
  font-weight:500!important;
}

/* Placeholder */
.v370-quote-page input::placeholder,
.v370-quote-page textarea::placeholder{
  color:#99a39d!important;
  font-weight:400!important;
}

/* Product search result */
.v370-search-results strong,
.v370-line-name strong{
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:900!important;
  color:#173d2a!important;
}
.v370-search-results small,
.v370-line-name small,
.v437r-last-price{
  font-size:10.5px!important;
  line-height:1.35!important;
  color:#758078!important;
}

/* Table */
.v370-lines-table thead th{
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  color:#56655d!important;
}
.v370-lines-table tbody td{
  font-size:12.5px!important;
  line-height:1.35!important;
  color:#24352b!important;
}
.v370-lines-table .money{
  font-size:13px!important;
  font-weight:900!important;
  color:#075f3a!important;
}

/* VAT */
.v562-vat-select,
.v524-system-vat{
  font-size:12.5px!important;
  font-weight:900!important;
  color:#086a40!important;
}

/* Totals */
.v391-total-line span,
.v370-total-box>span{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
  color:#59685f!important;
}
.v391-total-line b{
  font-size:13.5px!important;
  font-weight:900!important;
  color:#173d2a!important;
}
.v370-total-box>strong{
  font-size:24px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#075f3a!important;
}

/* Editing banner */
.v563-editing-banner strong{
  font-size:12.5px!important;
  font-weight:900!important;
}
.v563-editing-banner span{
  font-size:11.5px!important;
  line-height:1.45!important;
}

/* Saved quotes list */
.v437r-history-code strong{
  font-size:12.5px!important;
  font-weight:900!important;
}
.v437r-status{
  font-size:9.5px!important;
  font-weight:900!important;
}
.v551-quote-sale-created,
.v551-last-quote-sale{
  font-size:10.5px!important;
  line-height:1.4!important;
}
.v551-quote-sale-created strong,
.v551-last-quote-sale strong{
  font-size:11.5px!important;
  color:#173d2a!important;
}
.v370-history-list article .value strong{
  font-size:15px!important;
  font-weight:900!important;
}
.v370-history-list article .value small{
  font-size:10px!important;
  line-height:1.3!important;
}

/* Buttons */
.v370-quote-page button,
.v370-history-list article .actions a{
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.v564-edit-quote{
  font-size:11.5px!important;
  font-weight:900!important;
}

/* Quote preview/public */
.v372-company h2{
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.v372-company p{
  font-size:12.5px!important;
  line-height:1.45!important;
}
.v372-title h1,
.v520-title h1{
  font-size:28px!important;
  line-height:1.05!important;
  font-weight:900!important;
}
.v520-meta-row{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.v372-info h3{
  font-size:13px!important;
  font-weight:900!important;
}
.v519-customer-stack p{
  font-size:12.5px!important;
  line-height:1.5!important;
}
.v372-table th{
  font-size:10.5px!important;
  font-weight:900!important;
}
.v372-table td{
  font-size:12px!important;
  line-height:1.35!important;
}
.v372-total>div{
  font-size:12.5px!important;
}
.v372-total .grand b{
  font-size:17px!important;
  font-weight:900!important;
}
.v519-card h4{
  font-size:13px!important;
  font-weight:900!important;
}
.v519-card,
.v519-card p,
.v519-card small{
  font-size:12px!important;
  line-height:1.45!important;
}
.v519-signer-name{
  font-size:12px!important;
  font-weight:900!important;
}

/* Mobile */
@media(max-width:1100px){
  .v370-quote-toolbar h2{
    font-size:20px!important;
  }

  .v370-panel-head h3,
  .v370-history-head h3{
    font-size:14px!important;
  }

  .v370-form-grid label>span,
  .v370-quote-footer label>span{
    font-size:11.5px!important;
  }

  .v370-form-grid input,
  .v370-form-grid select,
  .v370-product-search,
  .v392-temp-product input,
  .v392-temp-product select,
  .v370-lines-table input,
  .v370-lines-table select,
  .v370-quote-footer textarea{
    font-size:13px!important;
  }

  .v370-lines-table tbody td{
    font-size:13px!important;
    line-height:1.4!important;
  }

  .v370-line-name strong{
    font-size:14px!important;
  }

  .v391-total-line span,
  .v370-total-box>span{
    font-size:12.5px!important;
  }

  .v391-total-line b{
    font-size:14px!important;
  }

  .v370-total-box>strong{
    font-size:22px!important;
  }

  .v370-history-list article .main>span{
    font-size:13px!important;
  }

  .v370-history-list article .value strong{
    font-size:16px!important;
  }

  .v370-history-list article .actions>*{
    font-size:11.5px!important;
  }

  /* preview/public mobile */
  .v372-company h2{
    font-size:15px!important;
  }
  .v372-company p{
    font-size:12.5px!important;
  }
  .v372-title h1,
  .v520-title h1{
    font-size:24px!important;
  }
  .v520-meta-row{
    font-size:12px!important;
  }
  .v519-customer-stack p{
    font-size:13px!important;
    line-height:1.5!important;
  }
  .v562-mobile-product-head strong{
    font-size:14px!important;
    line-height:1.4!important;
  }
  .v562-mobile-product-head small{
    font-size:10.5px!important;
  }
  .v562-mobile-product-grid span{
    font-size:10.5px!important;
  }
  .v562-mobile-product-grid b{
    font-size:12.5px!important;
  }
  .v562-mobile-product-grid .total b{
    font-size:15.5px!important;
  }
  .v372-total>div{
    font-size:13px!important;
  }
  .v372-total .grand b{
    font-size:18px!important;
  }
  .v519-card,
  .v519-card p,
  .v519-card small{
    font-size:12.5px!important;
  }
  .v519-signer-name{
    font-size:12.5px!important;
  }
}

/* Very small phones */
@media(max-width:430px){
  .v370-form-grid input,
  .v370-form-grid select,
  .v392-temp-product input,
  .v392-temp-product select{
    font-size:12.5px!important;
  }
  .v370-lines-table tbody td{
    font-size:12.5px!important;
  }
}