.lpqr-shell { display:grid; gap:16px; }
.lpqr-hero { padding:20px; border:1px solid #cbe6da; border-radius:14px; background:linear-gradient(135deg,#f0fbf6,#f9fcfb); display:flex; justify-content:space-between; gap:18px; align-items:center; }
.lpqr-hero h2,.lpqr-card h3 { margin:0; }
.lpqr-hero p { margin:5px 0 0; }
.lpqr-hero__stamp { color:#12694e; font-weight:850; white-space:nowrap; }
.lpqr-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.lpqr-kpi { padding:15px; border:1px solid #dce5e2; border-radius:12px; background:#fff; min-height:94px; display:grid; gap:7px; align-content:space-between; }
.lpqr-kpi span { color:#687780; font-size:12px; font-weight:750; }
.lpqr-kpi strong { font-size:27px; }
.lpqr-kpi.critical { border-color:#f0b6b0; background:#fff7f6; }
.lpqr-kpi.critical strong { color:#bd332f; }
.lpqr-toolbar { display:grid; grid-template-columns:repeat(3,minmax(150px,.7fr)) minmax(220px,1.3fr) auto; gap:10px; align-items:end; padding:15px; border:1px solid #dce4e8; border-radius:12px; background:#fff; }
.lpqr-toolbar label,.lpqr-task-form label { margin:0; }
.lpqr-workspace { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr); gap:16px; align-items:start; }
.lpqr-list { display:grid; gap:12px; }
.lpqr-card { position:relative; border:1px solid #dce4e8; border-left:5px solid #8ca0a8; border-radius:12px; background:#fff; padding:16px; display:grid; gap:12px; scroll-margin-top:16px; }
.lpqr-card[data-urgency="critical"] { border-left-color:#d6473f; }
.lpqr-card[data-urgency="attention"] { border-left-color:#dc991f; }
.lpqr-card[data-urgency="today"] { border-left-color:#25836a; }
.lpqr-card.is-done { opacity:.72; border-left-color:#8ca0a8; }
.lpqr-card__head { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
.lpqr-card__identity { display:flex; gap:7px; flex-wrap:wrap; align-items:center; margin-bottom:6px; }
.lpqr-chip { display:inline-flex; align-items:center; min-height:26px; padding:4px 9px; border-radius:999px; background:#edf3f5; color:#43555d; font-size:11px; font-weight:850; }
.lpqr-chip.red { background:#ffe2df; color:#bd332f; }
.lpqr-chip.yellow { background:#fff1c8; color:#9b6714; }
.lpqr-chip.green { background:#dcf4e9; color:#12694e; }
.lpqr-card__meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.lpqr-card__meta > span { padding:9px 10px; border-radius:9px; background:#f4f7f8; min-width:0; }
.lpqr-card__meta small { display:block; color:#738089; font-size:10px; font-weight:800; text-transform:uppercase; }
.lpqr-card__meta strong { display:block; margin-top:3px; overflow-wrap:anywhere; }
.lpqr-action { padding:10px 12px; border-radius:9px; background:#eef7f3; color:#174f3e; }
.lpqr-products { margin:0; padding-left:20px; color:#4e6068; }
.lpqr-template { border:1px dashed #9bbab0; background:#f5fbf8; padding:12px; border-radius:10px; white-space:pre-wrap; color:#26383d; }
.lpqr-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.lpqr-side { display:grid; gap:16px; position:sticky; top:16px; }
.lpqr-side-panel { border:1px solid #dce4e8; border-radius:12px; background:#fff; overflow:hidden; }
.lpqr-side-panel__head { padding:15px; border-bottom:1px solid #e2e8eb; }
.lpqr-side-panel__body { padding:15px; display:grid; gap:12px; }
.lpqr-task-form { display:grid; gap:10px; }
.lpqr-task-form textarea { width:100%; min-height:92px; resize:vertical; border:1px solid #d9e0e5; border-radius:8px; padding:10px 12px; font:inherit; }
.lpqr-empty { padding:28px; text-align:center; border:1px dashed #c8d3d8; border-radius:12px; background:#fff; color:#65727d; }
.lpqr-call-row { padding:9px 0; border-bottom:1px solid #edf0f2; font-size:13px; }
.lpqr-call-row:last-child { border-bottom:0; }
.lpqr-call-row strong,.lpqr-call-row span { display:block; }
.lpqr-call-note { font-size:12px; color:#65727d; }
.lpqr-device-row { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:9px 0; border-bottom:1px solid #edf0f2; }
.lpqr-device-row strong,.lpqr-device-row span { display:block; }
.lpqr-device-row span { color:#65727d; font-size:12px; margin-top:3px; }
.lpqr-download { text-align:center; text-decoration:none; }
.lpqr-assign-only { max-width:760px; }
.lpqr-hidden { display:none !important; }

@media (max-width:1100px) {
  .lpqr-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .lpqr-workspace { grid-template-columns:1fr; }
  .lpqr-side { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lpqr-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lpqr-toolbar .btn { width:100%; }
}

@media (max-width:700px) {
  .lpqr-hero { align-items:flex-start; flex-direction:column; padding:16px; }
  .lpqr-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lpqr-toolbar,.lpqr-side { grid-template-columns:1fr; }
  .lpqr-card { padding:13px; }
  .lpqr-card__head { display:grid; }
  .lpqr-card__meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lpqr-actions > * { width:100%; text-align:center; }
}

@media (max-width:420px) {
  .lpqr-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .lpqr-kpi { min-height:76px; padding:11px; }
  .lpqr-kpi.critical { grid-column:1 / -1; }
  .lpqr-card__meta { grid-template-columns:1fr; }
}