#quote-app.jqr #quote-form { min-width:0; margin:0; font:12px/18px 'Microsoft YaHei',Arial,sans-serif; }
#quote-app.jqr .jqr-product-select { min-width:0; padding:20px; background:#e7f0f4; }
#quote-app.jqr .jqr-product-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; min-width:0; }
#quote-app.jqr .jqr-product-tab { display:flex; justify-content:center; align-items:center; gap:10px; min-width:0; height:66px; padding:5px 10px; border:2px solid transparent; border-radius:3px; background:#fafafa; color:#666; font-size:16px; font-weight:400; line-height:18px; text-align:left; }
#quote-app.jqr .jqr-product-tab img { display:block; flex:0 0 auto; object-fit:contain; }
#quote-app.jqr .jqr-product-tab span { min-width:0; overflow-wrap:anywhere; }
#quote-app.jqr .jqr-product-tab[aria-pressed="true"] { border-color:#1aa0dd; color:#1aa0dd; background:white; font-size:15px; font-weight:700; }
#quote-app.jqr .jqr-product-tab:hover { border-color:#1aa0dd; }
#quote-app.jqr .jqr-parameter-table { border:1px solid #c3d0d8; background:white; min-width:0; }
#quote-app.jqr .jqr-form-section { margin:0; padding:0; border:0; border-radius:0; min-width:0; }
#quote-app.jqr .jqr-field-row { display:grid; grid-template-columns:134px minmax(0,1fr); min-width:0; min-height:47px; border-bottom:1px solid #c3d0d8; }
#quote-app.jqr .jqr-field-label { display:flex; flex-wrap:wrap; justify-content:center; align-content:center; align-items:center; min-width:0; padding:6px 6px 6px 10px; background:#f8f6f6; border-right:1px solid #c3d0d8; color:#777; text-align:center; font-size:12px; font-weight:400; line-height:18px; }
#quote-app.jqr .jqr-label-line { min-width:0; max-width:100%; }
#quote-app.jqr .jqr-label-line > label, #quote-app.jqr .jqr-label-line > span { font:inherit; overflow-wrap:anywhere; }
#quote-app.jqr .jqr-field-control { min-width:0; align-self:center; padding:6px 10px; }
#quote-app.jqr .jqr-required { color:var(--error); }
#quote-app.jqr .jqr-help { display:inline-flex; align-items:center; justify-content:center; flex:0 0 14px; width:14px; height:14px; padding:0; margin:0 0 0 2px; border:0; background:none; vertical-align:middle; }
#quote-app.jqr .jqr-help img { display:block; width:14px; height:14px; }
#quote-app.jqr .jqr-guideline { border:0; background:none; padding:0; color:#b59f38; font:700 12px/18px 'Microsoft YaHei',Arial,sans-serif; text-align:left; text-decoration:underline; }
#quote-app.jqr .jqr-choices { display:flex; flex-wrap:wrap; align-items:center; gap:10px; min-width:0; }
#quote-app.jqr .jqr-choice { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:34px; max-width:100%; margin:0; padding:5px 10px; border:1px solid #ccc; border-radius:3px; background:linear-gradient(#fff,#eee); color:#000; font:12px/18px 'Microsoft YaHei',Arial,sans-serif; text-align:center; overflow-wrap:anywhere; }
#quote-app.jqr .jqr-choice[aria-pressed="true"] { box-shadow:inset 0 0 0 1px #1aa0dd; border-color:#1aa0dd; }
#quote-app.jqr .jqr-choice:hover { border-color:#1aa0dd; }
#quote-app.jqr .jqr-swatch { display:block; flex:0 0 23px; width:23px; height:23px; }
#quote-app.jqr .jqr-field-control input:not([type="checkbox"]):not([type="file"]),
#quote-app.jqr .jqr-field-control select,
#quote-app.jqr .jqr-field-control textarea { display:block; width:324px; min-width:0; max-width:100%; height:28px; padding:0 4px; border:1px solid #808080; border-radius:2px; background:#fff; color:#000; font:13.3333px/26px Arial,sans-serif; }
#quote-app.jqr .jqr-field-control input::placeholder, #quote-app.jqr .jqr-field-control textarea::placeholder { color:#777; opacity:1; }
#quote-app.jqr .jqr-field-control textarea { width:100%; height:auto; min-height:52px; line-height:16px; padding:3px 4px; resize:vertical; }
#quote-app.jqr .jqr-field-control input[aria-invalid="true"], #quote-app.jqr .jqr-field-control textarea[aria-invalid="true"], #quote-app.jqr .jqr-field-control select[aria-invalid="true"] { border-color:var(--error); }
#quote-app.jqr .jqr-error { margin:4px 0 0; font-size:12px; line-height:17px; }
#quote-app.jqr .jqr-field-hint { margin:5px 0 0; color:#929ba3; font-size:12px; line-height:17px; overflow-wrap:anywhere; }
#quote-app.jqr .jqr-row-guideline, #quote-app.jqr .jqr-row-orderName { min-height:49px; }
#quote-app.jqr .jqr-row-quantity, #quote-app.jqr .jqr-row-colors, #quote-app.jqr .jqr-row-ledCount { min-height:41px; }
#quote-app.jqr .jqr-row-dimensions { min-height:53px; }
#quote-app.jqr .jqr-dimensions { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
#quote-app.jqr .jqr-dimension { flex:0 1 110px; min-width:0; }
#quote-app.jqr .jqr-field-control #field-length, #quote-app.jqr .jqr-field-control #field-width, #quote-app.jqr .jqr-field-control #field-quantity { width:110px; }
#quote-app.jqr .jqr-times { color:#000; }
#quote-app.jqr .jqr-unit-label { color:#b59f38; font-weight:700; }
#quote-app.jqr .jqr-unit { margin:0 30px 0 7px; }
#quote-app.jqr .jqr-unit-toggle { min-height:28px; padding:3px 8px; border:1px solid #b59f38; border-radius:3px; background:linear-gradient(#fff,#eee); color:#000; font:12px/18px 'Microsoft YaHei',Arial,sans-serif; }
#quote-app.jqr .jqr-diagram { display:block; flex:0 0 auto; max-width:100%; height:auto; object-fit:contain; }
#quote-app.jqr .jqr-illustrated { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; min-width:0; }
#quote-app.jqr .jqr-illustrated-control { min-width:0; }
#quote-app.jqr .jqr-row-material .jqr-choice { min-width:56px; }
#quote-app.jqr .jqr-row-finish .jqr-choice { padding:4px 7px; }
#quote-app.jqr .jqr-row-adhesive { min-height:93px; }
#quote-app.jqr .jqr-row-adhesive .jqr-illustrated { display:grid; grid-template-columns:minmax(0,1fr) 165px; gap:14px; }
#quote-app.jqr .jqr-row-adhesive .jqr-choice { padding-left:7px; padding-right:7px; }
#quote-app.jqr .jqr-row-thickness .jqr-choice { padding-left:8px; padding-right:8px; }
#quote-app.jqr .jqr-row-thickness .jqr-illustrated { gap:10px; }
#quote-app.jqr .jqr-row-totalThickness { min-height:49px; }
#quote-app.jqr .jqr-engineering-note { display:block; color:#b59f38; font-weight:700; min-width:120px; }
#quote-app.jqr .jqr-row-emboss .jqr-choice, #quote-app.jqr .jqr-row-led .jqr-choice, #quote-app.jqr .jqr-row-window .jqr-choice { min-width:52px; }
#quote-app.jqr .jqr-row-emboss .jqr-field-control { padding-top:4px; padding-bottom:4px; }
#quote-app.jqr .jqr-field-control #field-colors, #quote-app.jqr .jqr-field-control #field-keys { width:190px; }
#quote-app.jqr .jqr-field-control #field-ledCount, #quote-app.jqr .jqr-field-control #field-thicknessMm, #quote-app.jqr .jqr-field-control #field-sampleQty, #quote-app.jqr .jqr-field-control #field-annualQty { width:160px; }
#quote-app.jqr .jqr-quantity-line { display:flex; align-items:center; gap:4px; }
#quote-app.jqr .jqr-quantity-line > div { min-width:0; }
#quote-app.jqr .jqr-quantity-menu { position:relative; margin-left:3px; }
#quote-app.jqr .jqr-quantity-menu > summary { display:block; width:24px; height:28px; padding:4px; border:1px solid #ccc; border-radius:2px; background:linear-gradient(#fff,#eee); cursor:pointer; text-align:center; list-style:none; }
#quote-app.jqr .jqr-quantity-menu > summary::-webkit-details-marker { display:none; }
#quote-app.jqr .jqr-quantity-options { position:absolute; z-index:10; top:30px; left:0; display:grid; grid-template-columns:repeat(2,70px); padding:6px; border:1px solid #c3d0d8; background:white; box-shadow:0 2px 6px #0002; }
#quote-app.jqr .jqr-quantity-options .jqr-choice { min-height:28px; padding:3px 5px; border:0; background:white; border-radius:0; }
#quote-app.jqr .jqr-additional-intro, #quote-app.jqr .jqr-additional-note { margin:0 0 7px; color:#929ba3; font-size:12px; line-height:18px; }
#quote-app.jqr .jqr-additional-note { margin:8px 0 0; }
#quote-app.jqr .jqr-additional-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px 16px; }
#quote-app.jqr .jqr-additional-item { display:flex; flex-wrap:wrap; align-items:center; min-width:0; gap:0; }
#quote-app.jqr .jqr-additional-item label { display:flex; align-items:center; min-width:0; gap:4px; }
#quote-app.jqr .jqr-additional-item input { width:13px; height:13px; flex:0 0 auto; padding:0; margin:0; accent-color:#1aa0dd; }
#quote-app.jqr .jqr-additional-item span { min-width:0; overflow-wrap:anywhere; }
#quote-app.jqr .jqr-additional-item .jqr-error { flex:0 0 100%; }
#quote-app.jqr .jqr-project-details { margin:0; padding:0; background:white; border-bottom:1px solid #c3d0d8; }
#quote-app.jqr .jqr-project-details > summary { padding:8px 10px 8px 144px; color:#777; font-size:12px; cursor:pointer; background:#fbfbfb; }
#quote-app.jqr .jqr-project-details > summary small { font-size:12px; }
#quote-app.jqr .jqr-project-details[open] > summary { border-bottom:1px solid #c3d0d8; }
#quote-app.jqr .jqr-project-details .jqr-field-row:last-child { border-bottom:0; }
#quote-app.jqr #artwork-files { display:block; width:100%; max-width:100%; min-width:0; color:#777; font:12px/18px Arial,sans-serif; }
#quote-app.jqr #artwork-files::file-selector-button { margin-right:7px; padding:6px 10px; border:1px solid #ccc; border-radius:3px; background:linear-gradient(#fff,#eee); color:#000; font:12px/18px Arial,sans-serif; cursor:pointer; }
#quote-app.jqr .jqr-file-list { list-style:none; padding:0; margin:8px 0 0; }
#quote-app.jqr .jqr-file-list li { display:flex; align-items:center; gap:10px; padding:6px 0; border-top:1px solid #e4e7e9; }
#quote-app.jqr .jqr-file-list li > div { flex:1; min-width:0; }
#quote-app.jqr .jqr-file-list li span { display:block; font-size:12px; overflow-wrap:anywhere; }
#quote-app.jqr .jqr-file-list li small { color:#777; font-size:11px; }
#quote-app.jqr .jqr-file-list button { flex:0 0 auto; padding:5px; border:0; background:none; color:#1689bf; font-size:12px; text-decoration:underline; }
#quote-app.jqr .jqr-submit-area { padding:10px 10px 0 144px; background:white; }
#quote-app.jqr .jqr-consent { display:flex; align-items:flex-start; gap:6px; font-size:12px; line-height:18px; cursor:pointer; }
#quote-app.jqr .jqr-consent input { flex:0 0 auto; width:14px; height:14px; margin:1px 0 0; accent-color:#1aa0dd; }
#quote-app.jqr .jqr-submit-button-row { display:flex; justify-content:flex-start; margin:10px -10px 0 -144px; padding:6px 10px 6px 190px; background:#e3e3e3; }
#quote-app.jqr #quote-submit { width:270px; max-width:100%; }
#quote-app.jqr .jqr-preview-note { margin:0 -10px 0 -144px; padding:4px 10px; background:#e3e3e3; color:#777; font-size:11px; text-align:center; }
#quote-app.jqr .jqr-form-error { padding:9px 12px; margin-bottom:10px; border:1px solid #edc9cc; background:#fff7f7; color:var(--error); font-size:12px; }
@media (max-width:1100px) {
  #quote-app.jqr .jqr-product-tab { font-size:14px; padding-left:5px; padding-right:5px; gap:7px; }
  #quote-app.jqr .jqr-product-tab[aria-pressed="true"] { font-size:14px; }
}
@media (max-width:900px) {
  #quote-app.jqr .jqr-product-tab { font-size:13px; }
  #quote-app.jqr .jqr-product-tab img { max-width:55px; max-height:45px; width:auto; height:auto; }
  #quote-app.jqr .jqr-row-adhesive .jqr-illustrated { display:flex; }
  #quote-app.jqr .jqr-unit { margin-right:8px; }
}
@media (max-width:600px) {
  #quote-app.jqr .jqr-product-select { padding:12px; }
  #quote-app.jqr .jqr-product-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #quote-app.jqr .jqr-product-tab, #quote-app.jqr .jqr-product-tab[aria-pressed="true"] { height:66px; font-size:12px; gap:7px; }
  #quote-app.jqr .jqr-product-tab img { max-width:42px; max-height:39px; }
  #quote-app.jqr .jqr-field-row { grid-template-columns:minmax(0,1fr); min-height:0; }
  #quote-app.jqr .jqr-field-label { justify-content:flex-start; padding:6px 10px; border-right:0; border-bottom:1px solid #e4e7e9; text-align:left; }
  #quote-app.jqr .jqr-field-control { padding:7px 10px; }
  #quote-app.jqr .jqr-field-control input:not([type="checkbox"]):not([type="file"]), #quote-app.jqr .jqr-field-control select, #quote-app.jqr .jqr-field-control textarea { font-size:14px; }
  #quote-app.jqr .jqr-dimensions { gap:6px; }
  #quote-app.jqr .jqr-dimension { flex-basis:calc((100% - 24px)/2); max-width:110px; }
  #quote-app.jqr .jqr-unit { margin:0 10px 0 0; }
  #quote-app.jqr .jqr-illustrated { gap:8px 14px; }
  #quote-app.jqr .jqr-row-adhesive { min-height:0; }
  #quote-app.jqr .jqr-additional-grid { grid-template-columns:minmax(0,1fr); gap:8px; }
  #quote-app.jqr .jqr-project-details > summary { padding:8px 10px; }
  #quote-app.jqr .jqr-quantity-options { left:auto; right:0; }
  #quote-app.jqr .jqr-submit-area { padding:10px 10px 0; }
  #quote-app.jqr .jqr-submit-button-row { justify-content:center; margin:10px -10px 0; padding:8px 10px; }
  #quote-app.jqr .jqr-preview-note { margin:0 -10px; }
  #quote-app.jqr #quote-submit { font-size:15px; }
}