/* v0308 — kundens förfrågningar, grupperade på avsändare.

   Texterna låg tidigare glest i en tabell byggd för administratörens vy, där
   kolumnen Kund är det som skiljer raderna åt. För kunden är det avsändaren
   som gör det, och då är en tabell fel form. */

.request-groups{padding:6px 0}
.request-group + .request-group{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}

.request-group-head{
  display:flex;align-items:center;gap:8px;
  margin:0;padding:12px 18px 6px;
  font:700 14px/1.2 Georgia,serif;color:var(--ink);
}
.request-group-you{
  padding:2px 7px;border-radius:999px;
  background:#e5efe7;color:var(--forest);
  font:800 9px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;
}
.request-group-head i{
  margin-left:auto;
  font:700 11px/1 system-ui,sans-serif;font-style:normal;color:var(--muted);
}

/* Raden: namnet först, resten som en enda tät meningsrad under. */
.request-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 14px;
  align-items:center;gap:12px;
  padding:9px 18px;
  color:var(--ink);text-decoration:none;
  border-radius:9px;
}
.request-row:hover{background:#f3f7f3}
.request-row-title{display:block;font-size:13px;font-weight:700}
.request-row-meta{
  grid-column:1;
  display:flex;flex-wrap:wrap;gap:4px 10px;
  margin-top:2px;font-size:11px;color:var(--muted);
}
.request-row-meta b{font-weight:700;color:var(--ink)}
.request-row .status-pill{grid-column:2;grid-row:1 / span 2}
.request-row .row-chevron{grid-column:3;grid-row:1 / span 2;color:var(--muted);font-size:17px}

@media(max-width:600px){
  .request-row{grid-template-columns:minmax(0,1fr) auto}
  .request-row .row-chevron{display:none}
}