body[data-view=kanban] main {display:flex;flex-direction:column;overflow:hidden;}
.kanban-view {display:flex;flex-direction:column;flex:1;min-height:0;}
.kanban-total {font-size:12px;color:#607689;}
.kanban-controls {display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px solid #d5dfe6;border-radius:6px;padding:10px 12px;flex-shrink:0;}
.kanban-controls input,.kanban-controls select,.kanban-options select {height:32px;border:1px solid #d2dce4;border-radius:4px;background:#fff;color:#35556c;padding:5px 9px;font:inherit;font-size:12px;}
.kanban-horizon {display:flex;gap:2px;border:1px solid #d8e1e8;border-radius:4px;padding:2px;background:#f5f7f9;flex-shrink:0;}
.kanban-horizon button {height:28px;border:0;border-radius:3px;background:transparent;color:#466174;padding:3px 12px;font-size:12px;white-space:nowrap;}
.kanban-horizon button[aria-pressed=true] {background:#fff;color:#1f5875;font-weight:650;box-shadow:0 1px 3px #18374618;}
.kanban-search {flex:1;min-width:180px;}
.kanban-search input {width:100%;}
.kanban-controls select {max-width:240px;}
.kanban-options {display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;font-size:12px;color:#516b7e;padding:9px 1px;flex-shrink:0;}
.kanban-options label {display:flex;align-items:center;gap:6px;}
.kanban-options input {accent-color:#126a8b;}
.kanban-options p {margin:0 0 0 auto;font-variant-numeric:tabular-nums;}
.kanban-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d7e1e9;border-bottom:1px solid #d7e1e9;background:#fff;flex-shrink:0;}
.kanban-metric {padding:10px 15px;display:flex;align-items:center;gap:10px;border-right:1px solid #e3e9ee;}
.kanban-metric:last-child {border:0;}
.kanban-metric strong {font-size:24px;color:#244b65;line-height:1;}
.kanban-metric span {font-size:11px;color:#60778a;line-height:1.4;}
.kanban-note {font-size:11px;color:#697e8d;margin:8px 0 10px;line-height:1.5;flex-shrink:0;}
.kanban-board {display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;flex:1;min-height:120px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;scrollbar-gutter:stable;}
.kanban-column {display:flex;flex-direction:column;min-height:0;border:1px solid #dae3ea;background:#edf2f6;border-radius:6px;overflow:hidden;}
.kanban-column-head {display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 8px;padding:12px 13px 10px;background:#f5f8fa;border-bottom:1px solid #dbe5ec;border-top:3px solid #718b9f;flex-shrink:0;}
.kanban-column.ongoing .kanban-column-head {border-top-color:#337ba4;}
.kanban-column.unreported .kanban-column-head {border-top-color:#b18b47;}
.kanban-column.done .kanban-column-head {border-top-color:#57886b;}
.kanban-column-head h2 {font-size:13px;font-weight:650;margin:0;color:#2c475b;}
.kanban-column-head p {font-size:10px;color:#6d8393;margin:0;grid-column:1/-1;line-height:1.4;}
.kanban-column-count {font-size:11px;min-width:23px;text-align:center;border-radius:4px;background:#e5edf3;padding:3px 5px;color:#3b5c74;font-variant-numeric:tabular-nums;}
.kanban-cards {flex:1;min-height:0;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:#9eb4c4 transparent;}
.kanban-card {background:#fff;border:1px solid #d5e0e8;border-radius:6px;margin-bottom:10px;overflow:hidden;}
.kanban-card:hover {border-color:#8caabf;}
.kanban-card.overdue {border-left:3px solid #bb655c;}
.kanban-open {display:block;width:100%;text-align:left;background:transparent;border:0;padding:13px;color:#2f4a5d;font:inherit;cursor:pointer;}
.kanban-open:focus-visible,.kanban-gantt:focus-visible {outline:2px solid #126a8b;outline-offset:-2px;}
.kanban-card-meta {display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px;}
.kanban-source {font-size:9px;letter-spacing:.25px;color:#607e92;text-transform:uppercase;}
.kanban-id {font-size:10px;color:#698092;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kanban-open h3 {font-size:13px;line-height:1.45;color:#25475f;margin:0 0 7px;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.kanban-area {font-size:10px;line-height:1.5;color:#718697;margin:0 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.kanban-dates {display:flex;gap:24px;margin-top:10px;}
.kanban-dates div {display:flex;flex-direction:column;gap:3px;}
.kanban-dates span {font-size:9px;color:#7c8e9b;}
.kanban-dates strong {font-size:11px;font-weight:500;color:#3e5e76;}
.kanban-tags {display:flex;flex-wrap:wrap;gap:4px;margin-top:11px;}
.kanban-tag {font-size:9px;line-height:1.4;border-radius:3px;padding:3px 5px;background:#eef3f6;color:#60798c;}
.kanban-tag.danger {background:#faeeeb;color:#a64f48;}
.kanban-tag.soon {background:#f9f0de;color:#8f6a26;}
.kanban-tag.assumption {background:#f5efdf;color:#947133;}
.kanban-progress {margin-top:12px;font-size:10px;color:#718799;}
.kanban-progress-track {height:4px;background:#e8eff4;border-radius:2px;margin-top:6px;overflow:hidden;}
.kanban-progress-track i {height:100%;display:block;background:#337ba4;}
.kanban-card.done .kanban-progress-track i {background:#57886b;}
.kanban-card-footer {display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 12px;background:#fbfcfd;border-top:1px solid #edf1f4;}
.kanban-card-footer>span {font-size:9px;color:#8a9ba8;}
.kanban-gantt {font-size:10px;color:#276789;background:none;border:0;padding:3px 0;cursor:pointer;}
.kanban-empty {font-size:11px;color:#8496a3;line-height:1.6;padding:9px 5px;}
@media (max-width:1000px) {
  .kanban-controls select {max-width:195px;}
  .kanban-board {grid-template-columns:repeat(4,270px);}
}
@media (max-width:760px) {
  .module-nav {overflow-x:auto;white-space:nowrap;}
  .module-nav button {flex-shrink:0;font-size:11px;padding:0 10px;}
  .kanban-controls {padding:8px;gap:6px;}
  .kanban-search {min-width:130px;}
  .kanban-controls select {max-width:160px;font-size:11px;}
  .kanban-horizon button {padding:3px 9px;font-size:11px;}
  .kanban-options {padding:7px 1px;gap:6px 12px;font-size:11px;}
  .kanban-options p {margin-left:0;width:100%;}
  .kanban-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
  .kanban-metrics,.kanban-note {display:none;}
  .kanban-metric {padding:7px 9px;}
  .kanban-metric strong {font-size:19px;}
  .kanban-metric span {font-size:10px;}
  .kanban-note {font-size:10px;margin:5px 0;}
  .kanban-board {gap:8px;grid-template-columns:repeat(4,260px);}
}
