/* 27-r236.css (v1.19.236): the product info window grouped into sections, and a tidy Reports toolbar */

/* ── product info (sales screen) ── */
.r9-info{ width:min(500px,100%); }
.r9-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin:0 0 6px; }
.r9-head h3{ margin:0 0 4px; }
.r9-meta{ font-size:12px; color:var(--muted); }
.r9-cur{ display:flex; flex-direction:column; gap:4px; min-width:150px; font-size:11px; color:var(--muted); }
.r9-cur .csel-display, .r9-cur select.fc{ font-size:12px; padding-top:6px; padding-bottom:6px; min-height:0; }
.r9-sec{ margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
.r9-sec .r9-sub{ margin:0 0 8px; display:flex; align-items:baseline; gap:6px; }
.r9-sec .r9-sub .t-muted{ font-weight:600; font-size:11.5px; }
.r9-tiles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(118px,1fr)); gap:8px; margin-bottom:6px; }
.r9-tile{ background:var(--bg3); border:1px solid var(--border); border-radius:12px; padding:9px 11px; display:flex; flex-direction:column; gap:3px; min-width:0; }
.r9-tile span{ font-size:11.5px; color:var(--muted); }
.r9-tile b{ font-size:15px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.r9-chips{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:6px; }
.r9-chips i{ font-style:normal; color:var(--muted); font-weight:800; }
.r9-chip{ background:var(--bg3); border:1px solid var(--border); border-radius:10px; padding:5px 10px; display:flex; flex-direction:column; gap:1px; }
.r9-chip span{ font-size:10.5px; color:var(--muted); }
.r9-chip b{ font-size:13px; font-weight:800; }
.r9-chip.all b, .r9-chip.inv b, .r9-chip.own b{ color:var(--gold2); }
.r9-chip.tot{ border-color:var(--gold2); }
.r9-cap-row b{ display:flex; flex-direction:column; align-items:flex-end; }
.r9-cap-row b small{ font-size:10.5px; font-weight:600; color:var(--muted); }
.r9-info .r9-sec > .r9-kv:last-child{ border-bottom:0; }
@media (max-width:520px){
  .r9-head{ flex-direction:column; }
  .r9-cur{ width:100%; }
}

/* ── reports toolbar: period + exports, quick tools + day log, print level — each a row with a small label ── */
#pg-reports .rep-bar{ display:flex; flex-direction:column; gap:0; padding:6px 16px; margin-bottom:16px; }
#pg-reports .rep-row{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 0; margin:0; }
#pg-reports .rep-row + .rep-row{ border-top:1px solid var(--border); }
#pg-reports .rep-lbl, #pg-reports .rep-bar .plv-t{ min-width:62px; font-size:12px; font-weight:800; color:var(--muted); margin-inline-end:2px; }
#pg-reports .rep-bar .btn{ min-height:36px; box-sizing:border-box; }
#pg-reports .rep-bar .btn-sm{ padding:6px 12px; font-size:12.5px; }
#pg-reports .rep-filter .csel-wrap:has(#rep-period){ min-width:170px; }
#pg-reports .rep-filter .r9-rep-ex{ display:inline-flex; flex-wrap:wrap; gap:6px; margin-inline-start:auto; }
#pg-reports #r9-rep-dates{ flex-wrap:wrap; }
#pg-reports .rep-log{ display:inline-flex; align-items:center; gap:8px; margin-inline-start:auto; padding-inline-start:12px; border-inline-start:1px solid var(--border); }
#pg-reports .rep-log .rep-lbl{ min-width:0; }
#pg-reports .rep-log #log-date-inp{ width:150px; }
@media (max-width:700px){
  #pg-reports .rep-bar{ padding:4px 12px; }
  #pg-reports .rep-lbl{ width:100%; }
  #pg-reports .rep-filter .r9-rep-ex, #pg-reports .rep-log{ margin-inline-start:0; }
  #pg-reports .rep-log{ width:100%; border:0; padding:0; flex-wrap:wrap; }
  #pg-reports .rep-log .rep-lbl{ width:auto; }
  #pg-reports .rep-log #log-date-inp{ flex:1; min-width:130px; }
}