/* CRM development queue: existing PANTERA palette and operational density. */
.development-panel { padding: 24px; min-width: 0; }
.development-head, .development-filters, .development-detail-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.development-head h2 { margin:0; font-size:21px; }
.development-head p { color:var(--muted); font-size:13px; max-width:650px; line-height:1.6; }
.development-filters { margin:22px 0 12px; }
.development-search { min-width:240px; padding:11px 12px; border:1px solid var(--border); border-radius:8px; background:var(--white); font:inherit; }
.development-row { display:grid; grid-template-columns:45px minmax(180px,1fr) 112px 170px 12px; gap:16px; width:100%; text-align:left; align-items:center; padding:19px 4px; border:0; border-top:1px solid var(--border); background:transparent; color:var(--text); font:inherit; cursor:pointer; }
.development-row:hover { background:var(--panel); }
.development-row-title strong { font-size:14px; font-weight:600; }
.development-row small { display:block; color:var(--muted); font-size:12px; margin-top:7px; }
.development-row-title, .development-row-meta { overflow-wrap:anywhere; }
.development-row-meta, .development-number { font-size:12px; color:var(--muted); }
.development-urgency { display:inline-block; padding:6px 8px; border-radius:6px; background:var(--panel); font-size:12px; white-space:nowrap; }
.development-urgency.urgent { background:#fef2f2; color:#b91c1c; }
.development-urgency.medium { background:#eff6ff; color:var(--cobalt); }
.development-dialog { width:min(760px,calc(100vw - 32px)); max-height:90dvh; padding:0; }
.development-dialog .dialog-head { position:sticky; top:0; background:var(--white); z-index:1; }
.development-dialog h2 { font-size:21px; overflow-wrap:anywhere; }
.development-body { padding:24px; }
.development-body form { display:grid; gap:16px; }
.development-body .field { display:grid; gap:7px; }
.development-body textarea { resize:vertical; min-height:76px; }
.development-body input, .development-body textarea, .development-body select { box-sizing:border-box; width:100%; padding:11px 12px; border:1px solid var(--border); border-radius:8px; font:inherit; background:var(--white); color:var(--text); }
.development-body h3 { font-size:14px; margin:0 0 10px; }
.development-body p { font-size:14px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.development-detail-meta { justify-content:flex-start; color:var(--muted); font-size:12px; margin-bottom:24px; }
.development-text { margin:22px 0; }
.development-text p { margin:8px 0; }
.development-accept, .development-comments { border-top:1px solid var(--border); padding-top:22px; margin-top:24px; }
.development-comments article { padding:14px 0; border-bottom:1px solid var(--border); }
.development-comments form { margin-top:20px; }
.development-comments small { margin-left:12px; color:var(--muted); }
.development-images { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.development-images img { width:100%; height:120px; object-fit:contain; background:var(--panel); border:1px solid var(--border); border-radius:8px; }
.development-images a { font-size:12px; color:var(--cobalt); overflow-wrap:anywhere; }
.development-images span { display:block; margin-top:6px; }
.development-upload small, .development-note { color:var(--muted); font-size:12px; }
.development-file { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; overflow-wrap:anywhere; font-size:13px; }
.development-file button { border:0; background:var(--panel); border-radius:6px; min-width:32px; min-height:32px; cursor:pointer; }
.development-message { color:var(--critical); }
#developmentTasksBtn.active { color:var(--cobalt); border-color:var(--cobalt); }
.development-body button:disabled { opacity:.6; cursor:wait; }
.development-body :focus-visible, .development-panel :focus-visible { outline:2px solid var(--cobalt); outline-offset:3px; }
@media(max-width:800px) {
  .development-panel, .development-body { padding:16px; }
  .development-row { grid-template-columns:32px minmax(0,1fr) auto; gap:10px; }
  .development-row-meta { grid-column:2 / 4; }
  .development-row > span:last-child { display:none; }
  .development-search { width:100%; min-width:0; }
  .development-filters .tasks-scope-tabs { flex-wrap:wrap; }
  .development-images { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .development-dialog { max-height:94dvh; }
  .tasks-hero-actions { flex-wrap:wrap; }
}

.development-dialog { border:1px solid var(--border); border-radius:16px; background:var(--white); color:var(--text); box-shadow:var(--shadow); font:inherit; }
.development-dialog::backdrop { background:rgba(17,26,40,.45); }
.development-dialog .dialog-head { padding:22px 24px; border-bottom:1px solid var(--border); gap:16px; align-items:flex-start; }
.development-dialog .dialog-head h2 { margin:6px 0 0; }
.development-body .secondary-button, #developmentTasksBtn { border:1px solid #b9ccea; background:var(--white); color:var(--cobalt); padding:11px 16px; border-radius:8px; font:inherit; cursor:pointer; }
#developmentTasksBtn.active { background:#eff6ff; border-color:var(--cobalt); }
.development-active .tasks-hero-stats { display:none; }
.tasks-hero-actions button { flex-shrink:0; white-space:nowrap; }
.development-body .field > span { font-size:13px; font-weight:500; }
@media(max-width:800px) {
 .development-dialog .dialog-head { padding:18px 16px; }
 .development-active .tasks-hero { margin-bottom:0; }
 .development-active .tasks-hero-top { padding:22px 16px; }
 .development-active .tasks-hero-copy > span { display:none; }
 .development-active .tasks-hero-copy h2 { font-size:28px; }
 .tasks-hero-actions button { white-space:normal; }
}