/* /assets/css/simulator.css — kompakt, responsiv */
:root { --fg:#111; --bg:#fff; --muted:#6b7280; }
*{box-sizing:border-box}
body{font:14px/1.4 system-ui,Segoe UI,Roboto,Helvetica,Arial;color:var(--fg);background:var(--bg);margin:0;padding:16px}
h1,h2,h3{margin:6px 0 12px}
label{display:block;margin:4px 0 2px;color:#374151}
input,select,button,textarea{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px}
.row{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.col-3{grid-column:span 3}.col-6{grid-column:span 6}.col-9{grid-column:span 9}.col-12{grid-column:span 12}
.panel{border:1px solid #e5e7eb;border-radius:8px;padding:12px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.chart-wrap{height:220px}
table{width:100%;border-collapse:collapse}
th,td{padding:6px;border-bottom:1px solid #eee;text-align:right;font-size:12px}
th:first-child,td:first-child{text-align:left}
details{margin:8px 0} details>summary{cursor:pointer}

.products-list .prod-row{display:flex;align-items:center;gap:8px;margin:6px 0;flex-wrap:wrap}
.products-list .prod-row .title{flex:1 1 auto; min-width:160px}
.products-list .field{display:flex;align-items:center;gap:6px}
.products-list .field input{width:90px}

.linkbtn{border:none;background:none;padding:0 4px;color:#2563eb;cursor:pointer}
.linkbtn:hover{text-decoration:underline}
.rowline{display:flex;justify-content:space-between;padding:2px 0}
.hidden{display:none}

.row-collapsed td{display:none}
.row-collapsed td.cell-first,
.row-collapsed td.cell-last{display:table-cell}

/* Mobil */
@media(max-width:950px){
  .row{grid-template-columns:repeat(6,1fr)}
  .col-9,.col-6,.col-3{grid-column:span 6}
  .chart-wrap{height:180px}
  .products-list .field input{width:80px}
}
.hint{color:#6b7280;font-size:12px;margin-top:2px}