.development-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.development-toolbar { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; flex-wrap: wrap; }
.development-toolbar > div:first-child { width: 280px; }
.development-toolbar > div:not(:first-child) { width: 155px; }
.development-project-list { list-style: none; padding: 0; margin: 0; max-height: 40vh; overflow-y: auto; }
.development-project-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #edf1f4; padding: 8px 0; }
.development-project-name { overflow-wrap: anywhere; min-width: 0; }
.development-project-form { margin-top: 12px; }
.development-project-fields { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.development-project-fields input { width: 320px; max-width: 100%; }
.development-card-project { color: #44617b; font-size: 12px; font-weight: 600; margin: 8px 0; overflow-wrap: anywhere; }
.development-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; }
.development-column { display: flex; flex-direction: column; background: #edf1f4; border: 1px solid #dbe2e8; border-radius: 8px; min-height: 360px; transition: box-shadow .15s; }
.development-column-heading { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-radius: 8px 8px 0 0; }
.development-column-heading h4 { font-weight: 700; color: #243746; margin: 0; }
.development-column-heading .badge { background: rgba(255,255,255,.75); color: #243746; margin-left: 4px; }
.development-column-backlog .development-column-heading { background: #f5bbc5; }
.development-column-doing .development-column-heading { background: #f6e6a0; }
.development-column-review .development-column-heading { background: #b6e7c3; }
.development-column-done .development-column-heading { background: #a8dfea; }
.development-column-body { padding: 12px; flex: 1; }
.development-deferred-groups { border-bottom: 1px solid #dbe2e8; padding: 6px 12px; }
.development-deferred-open { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 8px 0; white-space: normal; text-align: left; }
.development-deferred-open + .development-deferred-open { border-top: 1px solid #dbe2e8; }
.development-deferred-open .badge { flex-shrink: 0; background: #dce5ed; color: #44617b; }
.development-column-footer { border-top: 1px solid #dbe2e8; padding: 8px 12px; text-align: center; }
.development-card-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.development-card-edit { width: 26px; height: 26px; padding: 0; font-size: 11px; }
.development-card { background: #fff; border: 1px solid #dce3e9; border-radius: 6px; padding: 12px; margin-bottom: 12px; box-shadow: 0 2px 4px rgba(25,45,65,.06); cursor: grab; overflow-wrap: anywhere; }
.development-card:last-child { margin-bottom: 0; }
.development-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.development-card h5 { color: #243746; font-size: 15px; font-weight: 700; line-height: 1.45; margin: 10px 0; }
.development-card-open { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; white-space: inherit; cursor: pointer; }
.development-card-open:hover:not(:disabled) { text-decoration: underline; }
.development-card-open:focus-visible { outline: 2px solid #23b7e5; outline-offset: 2px; }
.development-card-open:disabled { cursor: default; }
.development-priority { font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 3px 7px; border-radius: 4px; }
.development-priority-high { background: #fce2e2; color: #a33131; }
.development-priority-medium { background: #fff0ce; color: #806015; }
.development-priority-low { background: #e5edf4; color: #44617b; }
.development-priority-on-hold { background: #fff1df; color: #8b5518; }
.development-priority-parked-for-future { background: #eee7f8; color: #69508b; }
.development-card-module { display: inline-block; background: #edf4fa; color: #44617b; font-size: 11px; border-radius: 4px; padding: 3px 7px; margin-bottom: 8px; }
.development-card-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; min-width: 0; }
.development-card-badges > span { display: inline-block; font-size: 10px; line-height: 1.4; padding: 2px 5px; border-radius: 3px; margin: 0; }
.development-card-creator { color: #607184; font-size: 11px; margin: 8px 0; }
.development-description-editor .ta-toolbar { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
.development-description-editor .ta-toolbar .btn { padding: 5px 8px; }
.development-description-editor .ta-scroll-window.form-control { min-height: 220px; max-height: 50vh; overflow-y: auto; }
.development-description-editor img, .development-rich-description img { max-width: 100%; height: auto; }
.development-description-editor .ta-bind, .development-rich-description { overflow-wrap: anywhere; }
.development-archive-open { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 6px 0; border: 0; background: transparent; color: #243746; font-weight: 600; text-align: left; }
.development-archive-open:hover { color: #1797be; }
.development-archive-open:focus-visible { outline: 2px solid #23b7e5; outline-offset: 2px; }
.development-archive-detail { overflow-wrap: anywhere; }
.development-card-footer { border-top: 1px solid #edf1f4; padding-top: 10px; font-size: 11px; }
.development-empty { text-align: center; padding: 24px 4px; font-size: 12px; }
.development-drop-active { box-shadow: 0 0 0 3px #23b7e5; }
.development-comment-timeline .tl-content { overflow-wrap: anywhere; }
.development-comment-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.development-comment-tag { display: inline-block; background: #edf4fa; color: #44617b; border-radius: 3px; font-size: 11px; padding: 3px 6px; margin: 0 4px 4px 0; }
.development-comment-tag button { border: 0; background: transparent; color: inherit; padding: 0 3px; }
.development-comment-recipients { margin-bottom: 8px; font-size: 12px; }
.development-comment-composer { position: relative; }
.development-mentions { position: absolute; left: 0; bottom: 100%; z-index: 10; background: #fff; border: 1px solid #dce3e9; border-radius: 4px; box-shadow: 0 3px 10px rgba(25,45,65,.12); min-width: 220px; max-width: 100%; max-height: 200px; overflow-y: auto; }
.development-mention-option { display: block; width: 100%; border: 0; background: #fff; padding: 8px 12px; text-align: left; color: #243746; }
.development-mention-option.active, .development-mention-option:hover { background: #edf4fa; }
.development-archive-list { max-height: 60vh; overflow-y: auto; }
.development-archive-item { border-bottom: 1px solid #edf1f4; padding: 12px 0; overflow-wrap: anywhere; }
.development-archive-item:first-child { padding-top: 0; }
.development-archive-item h5 { font-size: 15px; font-weight: 700; margin: 0 0 10px; }
.development-archive-description { white-space: pre-wrap; color: #607184; font-size: 12px; }
@media (max-width: 1199px) { .development-board { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .development-board { grid-template-columns: minmax(0, 1fr); } .development-column { min-height: 180px; } .development-toolbar > div:first-child { width: 100%; } }