#admin-tabs { flex-wrap:wrap; gap:8px; }
#admin-development-panel { color:#eaf2ff; }
.development-heading { display:flex; justify-content:space-between; align-items:start; gap:16px; margin:20px 0; }
.development-heading h2 { margin:0 0 10px; }
.development-caption,.development-repository { color:#bdcce2; line-height:1.5; overflow-wrap:anywhere; }
.development-repository { font-size:13px; }
.development-layout { display:grid; grid-template-columns:minmax(210px,260px) minmax(0,1fr); gap:16px; }
.development-sidebar,.development-chat { min-width:0; padding:16px; border:1px solid #40557c; border-radius:12px; background:#101c33; }
.development-sidebar { display:flex; flex-direction:column; gap:12px; }
.development-thread-list { display:grid; gap:8px; max-height:60vh; overflow:auto; }
.development-thread { display:block; width:100%; min-height:44px; padding:12px; text-align:left; border:1px solid #496181; border-radius:8px; background:#172943; color:#eaf2ff; font:inherit; cursor:pointer; overflow-wrap:anywhere; }
.development-thread[aria-current="true"] { background:#244472; border-color:#91b8f4; }
.development-thread small { display:block; color:#bacce3; margin-top:5px; }
.development-chat { display:flex; flex-direction:column; gap:12px; }
.development-chat h3 { margin:0; overflow-wrap:anywhere; }
.development-history { height:min(52vh,580px); min-height:220px; overflow:auto; overscroll-behavior:contain; padding:6px 4px; scroll-behavior:auto; }
.development-message { margin:0 0 12px; padding:13px; border:1px solid #3a506f; border-radius:10px; background:#192b46; }
.development-message[data-role="user"] { background:#223c62; border-color:#607fac; }
.development-message b { display:block; margin-bottom:7px; color:#aaceff; }
.development-message-text { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; line-height:1.55; color:#eef4ff; }
.development-form { display:grid; gap:10px; }
.development-form label { display:grid; gap:8px; }
.development-form textarea,.development-form select { width:100%; min-width:0; border:1px solid #607796; border-radius:8px; background:#0b1425; color:#f2f6ff; padding:12px; font:inherit; font-size:16px; }
.development-form textarea { min-height:125px; resize:vertical; }
.development-form textarea::placeholder { color:#aabed9; }
.development-actions { display:flex; flex-wrap:wrap; gap:8px; }
#admin-development-panel button,#admin-development-tab { min-height:44px; }
#admin-development-panel .button.secondary { color:#e8f1ff; background:#233955; border-color:#587294; }
#admin-development-panel button:disabled { opacity:.6; cursor:not-allowed; }
#admin-development-panel button:focus-visible,#admin-development-panel textarea:focus-visible,#admin-development-panel select:focus-visible { outline:2px solid #a7cdff; outline-offset:3px; }
.development-status { margin:0; color:#cbd9ed; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.development-status:empty { display:none; }
.development-status[data-state="error"] { color:#ffb8b8; }
.development-status[data-state="success"] { color:#a1e8bf; }
.development-status[data-state="pending"]::before { content:""; display:inline-block; width:11px; height:11px; margin-right:8px; border:2px solid #718aae; border-top-color:#e3f0ff; border-radius:50%; animation:development-spin .8s linear infinite; }
.development-approval { border:1px solid #b79b68; background:#302919; padding:14px; border-radius:9px; margin:8px 0; }
.development-approval p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.5; }
.development-approval pre { max-width:100%; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.development-approval fieldset { border:1px solid #81735c; border-radius:8px; margin:12px 0; padding:12px; min-width:0; }
.development-approval label { display:flex; align-items:center; gap:9px; min-height:44px; line-height:1.5; margin:6px 0; flex-wrap:wrap; }
.development-approval input[type="text"],.development-approval input[type="password"] { width:100%; min-height:44px; font-size:16px; padding:10px; color:#f3f7ff; background:#111a29; border:1px solid #8090a5; border-radius:7px; }
.development-form .development-handoff { display:flex; align-items:center; line-height:1.5; min-height:44px; padding:10px; border:1px solid #ad9463; background:#302919; border-radius:8px; }
.development-handoff input { width:20px; height:20px; flex:none; }
.development-approval .development-actions { margin-top:10px; }
.development-jump { align-self:flex-end; }
@keyframes development-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .development-status[data-state="pending"]::before { animation:none; } }
@media (max-width:760px) {
  .development-heading { flex-direction:column; }
  .development-layout { grid-template-columns:minmax(0,1fr); }
  .development-sidebar,.development-chat { padding:12px; }
  .development-thread-list { max-height:165px; }
  .development-history { height:43dvh; min-height:200px; }
  .development-actions .button { flex:1 1 135px; }
  #admin-development-panel button { font-size:16px; }
}