[data-tool="product-table"] { color:#172538; min-width:0; font-family:Onest,sans-serif; }
.product-table [hidden] { display:none!important; }
.product-table :is(div,section,article,aside,label) { min-width:0; box-sizing:border-box; }
.product-table :is(p,h3,h4,small,button,strong,b) { overflow-wrap:anywhere; }
.product-table :is(h3,h4,p) { margin-top:0; }
.product-table h3 { font:600 clamp(18px,2.1vw,24px)/1.35 Unbounded,Onest,sans-serif; color:#2146a8; }
.product-table h4 { font:700 18px/1.4 Onest,sans-serif; color:#2146a8; }
.product-table__intro { display:flex; justify-content:space-between; gap:24px; align-items:center; margin-bottom:28px; }
.product-table__intro p { max-width:650px; margin:0; }
.product-table__workspace { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr); border-block:1px solid #d8dee5; }
.product-table__source { padding:26px 32px 26px 0; }
.product-table__settings { padding:26px 24px; background:#fffdf8; border-left:1px solid #d8dee5; }
.product-table__number { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.product-table .tool-field { display:flex; flex-direction:column; gap:8px; margin-bottom:18px; }
.product-table .tool-field :is(input,select,textarea) { box-sizing:border-box; width:100%; max-width:100%; min-height:44px; font:inherit; border:1px solid #c9d1dc; border-radius:8px; padding:10px 12px; color:#172538; background:#fff; }
.product-table textarea { resize:vertical; }
.product-table__file { display:inline-flex; position:relative; overflow:hidden; cursor:pointer; }
.product-table__file input { position:absolute; opacity:0; inset:0; cursor:pointer; width:100%; }
.product-table__file:focus-within { outline:3px solid #2146a8; outline-offset:3px; }
.product-table__code { font:600 24px/1.4 Unbounded,Onest,sans-serif; color:#2146a8; padding:16px 0; border-block:2px solid #2146a8; }
.product-table__status { color:#2146a8; padding-block:20px; line-height:1.65; }
.product-table__review { border-top:3px solid #2146a8; padding-top:28px; scroll-margin-top:24px; }
.product-table__issue { border-left:3px solid #a8c93c; padding:14px 16px; margin-block:16px; background:#f6f8ee; }
.product-table__issue.is-conflict { border-color:#eb7339; background:#fff7ed; }
.product-table__issue p { margin:8px 0 0; }
.product-table__choice { display:flex; align-items:flex-start; gap:12px; padding:18px 0; max-width:760px; cursor:pointer; }
.product-table__choice input { flex:0 0 22px; width:22px; height:22px; accent-color:#2146a8; }
.product-table__actions { display:flex; flex-wrap:wrap; gap:16px; margin-block:24px; }
.product-table__output { border-top:3px solid #2146a8; padding-top:28px; margin-top:34px; scroll-margin-top:24px; }
.product-table__output-heading { margin-bottom:16px; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.product-table__row { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:22px; padding:18px 20px; border-bottom:1px solid #d8dee5; }
.product-table__row.is-generated { background:#f5f8e9; border-left:3px solid #a8c93c; }
.product-table__row :is(small,strong,b) { display:block; }
.product-table__row small { font-size:12px; line-height:1.5; color:#536174; margin-bottom:6px; }
.product-table__row b { color:#2146a8; font-size:19px; }
.product-table__details { margin-block:26px; }
.product-table__details summary { cursor:pointer; color:#2146a8; font-weight:600; }
.product-table__scroll { overflow:auto; max-height:480px; margin-top:16px; }
.product-table table { border-collapse:collapse; font-size:14px; min-width:100%; }
.product-table :is(td,th) { text-align:left; padding:12px; border-bottom:1px solid #d8dee5; vertical-align:top; min-width:100px; max-width:300px; overflow-wrap:anywhere; }
.product-table caption { text-align:left; padding-bottom:12px; }
.product-table__next { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; border-top:1px solid #d8dee5; padding-top:26px; }
.product-table__next small { display:block; color:#536174; margin-top:14px; font-size:12px; line-height:1.6; }
.product-table :is(button,input,select,textarea):focus-visible { outline:3px solid #2146a8; outline-offset:3px; }
.product-table button:disabled { opacity:.55; cursor:not-allowed; }
@media(max-width:760px) { .product-table__workspace { grid-template-columns:minmax(0,1fr); } .product-table__source { padding:20px 0; } .product-table__settings { border-left:0; border-top:1px solid #d8dee5; padding:22px 16px; } .product-table__intro,.product-table__output-heading { flex-direction:column; align-items:stretch; } }
@media(max-width:500px) { .product-table__next { grid-template-columns:minmax(0,1fr); gap:24px; } .product-table__row { grid-template-columns:minmax(0,1fr); gap:10px; padding:16px 12px; } .product-table__number { grid-template-columns:minmax(0,1fr); gap:0; } .product-table__actions { flex-direction:column; } .product-table__next > div + div { border-top:1px solid #d8dee5; padding-top:22px; } }