.product-development-page{min-width:0;overflow-x:hidden}.development-head{align-items:end}.development-filters{display:grid;grid-template-columns:minmax(240px,1fr) 170px 180px auto auto;gap:9px;align-items:end;margin:20px 0 14px}.development-filters input,.development-filters select,.development-filters button{min-width:0;margin:0}.development-table{border:1px solid var(--gray);background:var(--white)}.development-table-head,.development-row{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(110px,.7fr) 120px 120px 85px 100px;gap:12px;align-items:center}.development-table-head{padding:10px 14px;background:rgba(201,202,202,.22);font-size:var(--type-table-head-size);font-weight:600}.development-row{width:100%;padding:14px;border:0;border-top:1px solid var(--gray);border-radius:0;background:var(--white);color:var(--text-primary);text-align:left}.development-row:hover,.development-row:focus-visible{background:rgba(36,87,255,.06);color:var(--text-primary);filter:none}.development-row>span:first-child{display:grid}.development-row small{color:var(--text-secondary)}.development-stage{display:inline-flex;width:max-content;padding:4px 8px;border:1px solid var(--gray);border-radius:999px;background:var(--white);font-style:normal}.development-stage.design,.development-stage.sampling,.development-stage.confirmation{border-color:var(--accent);color:var(--text-action)}.development-stage.finalized{border-color:var(--black);background:var(--black);color:var(--white)}.development-stage.terminated{color:var(--text-secondary)}.development-detail{position:fixed;z-index:25;top:0;right:0;width:min(760px,100%);height:100dvh;padding:28px;overflow-y:auto;border-left:1px solid var(--gray);background:var(--white);box-shadow:-12px 0 36px rgba(0,0,0,.12)}.development-back{margin:0 0 24px}.development-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.development-detail-head h2{margin:6px 0 10px;font-size:var(--type-display-size);line-height:var(--type-display-line)}.development-actions,.development-section-head{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.development-actions button,.development-section-head button{margin:0}.development-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:24px 0;background:var(--gray)}.development-meta>div{display:grid;gap:5px;padding:13px;background:var(--white)}.development-meta span{color:var(--text-secondary);font-size:var(--type-caption-size)}.development-section{padding:22px 0;border-top:1px solid var(--gray)}.development-section h3{margin:0 0 14px}.development-brief{max-width:680px;white-space:pre-wrap}.development-reference-list,.development-history{display:grid}.development-reference-list article{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--gray)}.development-reference-list span{color:var(--text-secondary)}.development-history article{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 0;border-bottom:1px solid var(--gray)}.development-history article>div{display:grid}.development-history article p,.development-history article pre{grid-column:1/-1;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.development-history article button{grid-column:1/-1;width:max-content}.development-history pre{padding:10px;background:rgba(201,202,202,.16)}.development-checks{display:flex;gap:8px;flex-wrap:wrap}.development-checks span{padding:7px 10px;border:1px solid var(--gray)}.development-checks .passed{border-color:var(--accent);color:var(--text-action)}.development-two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.development-dialog{width:min(850px,calc(100% - 32px));max-height:94vh}.development-dialog form{display:grid;gap:14px}.development-dialog .wide{grid-column:1/-1}
@media(max-width:700px){.product-development-page{width:100%;max-width:100%;overflow-x:hidden}.development-head,.development-detail-head{align-items:stretch;flex-direction:column}.development-head>button,.development-actions button{width:100%}.development-filters{grid-template-columns:1fr 1fr}.development-filters label:first-child{grid-column:1/-1}.development-table{border:0}.development-table-head{display:none}.development-row{display:grid;grid-template-columns:1fr auto;gap:7px 10px;margin-bottom:9px;border:1px solid var(--gray)}.development-row>span:first-child{grid-column:1/-1}.development-row>span:nth-child(n+2){font-size:var(--type-caption-size)}.development-row>em{grid-column:2;grid-row:1}.development-detail{width:100%;padding:18px;border-left:0}.development-meta{grid-template-columns:1fr 1fr}.development-reference-list article{align-items:flex-start;flex-direction:column}.development-two-column{grid-template-columns:1fr}.development-dialog{width:calc(100% - 18px)}.development-dialog .form-grid{grid-template-columns:1fr}.development-dialog .wide{grid-column:auto}}
