.k21-shell{max-width:1800px;margin:auto;padding:24px 30px 34px;color:#263d38}.k21-shell *{min-width:0}.k21-shell button{font-size:13px}.k21-breadcrumb{display:flex;gap:12px;font-size:12px;color:#7a8984;align-items:center;margin-bottom:25px;flex-wrap:wrap}.k21-breadcrumb a{text-decoration:none}.k21-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.k21-heading h1{font-size:38px;letter-spacing:-1.6px;margin:8px 0}.k21-heading p{font-size:14px;color:#7d8b86;margin:0}.k21-dot{color:#41a68b}.k21-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#748c82}.k21-actions{display:flex;flex-wrap:wrap;gap:8px}.k21-actions .btn{font-size:12px;padding:11px 13px}.k21-controls{border:1px solid #dfe8e1;border-radius:16px;background:white;padding:20px 22px}.k21-view-row{display:flex;gap:28px;align-items:center;border-bottom:1px solid #edf0ed;padding-bottom:18px;margin-bottom:16px}.k21-view-row>label{flex:0 0 245px}.k21-view-row select{font-weight:700;background:#f5f9f6}.k21-metrics{display:flex;flex:1;justify-content:space-around;gap:22px}.k21-metrics>div{display:grid;gap:7px}.k21-metrics small{font-size:11px}.k21-metrics strong{font-size:24px;letter-spacing:-.6px;white-space:nowrap}.k21-metrics strong span{color:#9ba9a0;font-size:20px}.k21-filter-line{display:flex;align-items:end;gap:10px}.k21-filter-line>input{flex:2;min-width:150px;background:#f8faf8}.k21-filter-line>label{flex:1}.k21-filter-line>button{flex-shrink:0}.k21-filter-line input,.k21-filter-line select{height:44px}.k21-controls label{font-size:11px;gap:5px}.k21-advanced{font-size:12px;color:#75877c;margin:12px 0}.k21-advanced summary{cursor:pointer;padding:5px 0}.k21-advanced>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;align-items:end}.k21-view-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.k21-chips{display:flex;gap:6px;flex-wrap:wrap}.k21-chips button{border:0;background:#f3f6f3;color:#77877d;padding:8px 12px;font-size:11px}.k21-chips button.active{background:#e7f2eb;color:#276c53}.k21-toggles{display:flex;gap:14px;flex-shrink:0}.k21-toggles label{display:flex;align-items:center;font-size:11px;white-space:nowrap}.k21-toggles input{width:15px;height:15px;accent-color:#246a53}.k21-bulk{display:flex;gap:10px;align-items:center;min-height:58px;padding:12px 0;flex-wrap:wrap}.k21-bulk>b{font-size:12px}.k21-bulk>span{font-size:11px;color:#86938c;margin-right:auto}.k21-bulk button{padding:7px 12px;font-size:11px}.k21-bulk button:disabled{cursor:default;opacity:.42}.k21-stage-nav{display:none}.k21-board{display:grid;grid-auto-flow:column;grid-auto-columns:292px;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 14px;scroll-snap-type:x proximity;height:660px;max-height:75vh;min-height:440px;scrollbar-width:thin;scrollbar-color:#9eb6a9 #edf3ee}.k21-column{background:#edf2ef;border:1px solid #e0e8e2;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;scroll-snap-align:start;max-height:100%}.k21-col-head{padding:13px 13px 0;border-top:4px solid var(--stage);background:#f8faf8}.k21-col-head>div{display:flex;gap:8px;justify-content:space-between;align-items:center}.k21-col-head h2{font-size:13px;letter-spacing:0;margin:0;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.k21-col-head>div>span{border-radius:6px;background:#e9efea;padding:3px 7px;font-size:11px;flex-shrink:0}.k21-col-head>p{font-size:14px;font-weight:750;margin:6px 0 10px}.k21-col-head small{font-size:10px;font-weight:400;display:block;margin-top:2px}.k21-rule-button{display:flex!important;width:100%;border-radius:0!important;border:none!important;border-top:1px solid #e5ebe6!important;justify-content:space-between!important;color:#6b8174!important;background:transparent!important;font-size:10px!important;padding:9px 0!important}.k21-col-scroll{padding:10px;overflow-y:auto;flex:1;scrollbar-width:thin}.k21-card{background:white;border:1px solid #dfe8e1;border-radius:11px;padding:11px 12px;margin-bottom:10px;box-shadow:0 2px 4px #213c2f04;cursor:grab;overflow-wrap:anywhere}.k21-card.selected{border-color:#45947c;box-shadow:0 0 0 1px #45947c}.k21-card.dragging{opacity:.4}.k21-column.k21-drop{box-shadow:inset 0 0 0 2px #469c78;background:#e2f1e7}.k21-card-top{display:flex;justify-content:space-between;align-items:center}.k21-check{display:flex;gap:7px;align-items:center;font-size:11px;color:#91a195;font-weight:600}.k21-check input{width:15px;height:15px;accent-color:#28745a;cursor:pointer}.k21-icon{width:30px;height:30px;min-height:30px;border:0!important;background:transparent!important;padding:4px!important;font-size:18px!important;color:#82988a!important}.k21-card-link{font-size:14px!important;font-weight:750!important;color:#244739!important;border:0!important;background:none!important;justify-content:start!important;text-align:left;padding:4px 0!important;line-height:1.3;max-width:100%;overflow-wrap:anywhere}.k21-gift-title{font-size:11px;color:#8c998f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.k21-gift-title b{color:#487562;background:#edf3ee;border-radius:4px;padding:1px 3px}.k21-money{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:11px 0}.k21-money strong{font-size:17px;letter-spacing:-.3px}.k21-payment{font-size:9px;padding:4px 6px;border-radius:5px;background:#fff3df;color:#95702f}.k21-payment.paid{background:#e7f4ed;color:#328361}.k21-payment.partial{background:#f0ebfc;color:#795ab1}.k21-delivery{display:flex;gap:8px;font-size:11px;line-height:1.6}.k21-delivery>span{font-size:17px;color:#709582}.k21-delivery small{display:block;font-size:9px;color:#8d9c93}.k21-op{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px}.k21-status{display:inline-flex;background:#edf1f8;color:#6881a0;font-size:10px;padding:4px 7px;border-radius:5px}.k21-status.assembling,.k21-status.photo{background:#f0eafa;color:#9972b3}.k21-status.ready,.k21-status.delivered,.k21-status.confirmed{background:#e6f2e9;color:#548364}.k21-status.cancelled{background:#fcebed;color:#a15e6f}.k21-priority{font-size:9px;color:#b5812c;padding:4px 6px;background:#fff3d9;border-radius:5px}.k21-card>footer{display:flex;gap:5px;align-items:center;justify-content:space-between;border-top:1px solid #eff2ee;padding-top:9px;margin-top:10px;font-size:10px}.k21-person{display:flex;gap:6px;align-items:center;max-width:170px}.k21-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#86978c}.k21-person i{display:grid;place-items:center;border-radius:50%;width:23px;height:23px;background:#f2e9df;color:#9a8766;font-style:normal;font-weight:700;flex-shrink:0}.k21-age{color:#8d9c93;white-space:nowrap}.k21-age.late{color:#bd7662}.k21-task{border-radius:5px;background:#f6f9f6;color:#699480;padding:5px 7px;margin-top:8px;font-size:9px}.k21-task.empty{background:transparent;color:#a8b2aa;padding-left:0}.k21-empty-col{border:1px dashed #c9d8cb;min-height:128px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#809484;font-size:12px;line-height:1.6;text-align:center}.k21-more{display:grid;gap:8px;justify-items:center;margin:10px 0}.k21-more button{width:100%;font-size:11px;padding:10px}.k21-more small{font-size:10px}.k21-end{border:0!important;background:#e6eee8!important;color:#718877!important;border-radius:0!important;font-size:10px!important;padding:10px!important;flex-shrink:0}.k21-end:disabled{display:none}.k21-results{display:flex;gap:12px;margin-top:12px}.k21-results button{display:flex;flex:1;justify-content:start;font-size:12px;padding:13px 18px;gap:16px;background:#edf5ef}.k21-results button.lost{background:#faf0ee;color:#976b62}.k21-results small{margin-left:auto;color:inherit;opacity:.65;font-size:10px}.k21-results span{font-size:11px;opacity:.8}.k21-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:10px;color:#91a096}.k21-notice{border:1px solid #ecdfb8;background:#fff8e7;color:#907535;border-radius:10px;padding:12px 15px;font-size:12px;line-height:1.55;margin:12px 0;overflow-wrap:anywhere}.k21-notice[hidden]{display:none}.k21-notice button{margin:5px 6px 0 0;padding:8px 10px;font-size:11px}.k21-notice p{margin:5px 0}.k21-notice.neutral{color:#547c66;border-color:#d8e6dc;background:#f1f7f2}.compact .k21-extra,.compact .k21-task,.compact .k21-gift-title{display:none}.compact .k21-card{padding:8px 10px}.k21-overlay{position:fixed;inset:0;background:#19352988;z-index:80;padding:24px;display:grid;place-items:center;overflow-y:auto;backdrop-filter:blur(3px)}.k21-dialog{width:100%;max-width:720px;max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 90px #18392f50;padding:24px;outline:none}.k21-dialog>header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.k21-dialog h2{font-size:24px;margin:8px 0 0}.k21-dialog p{font-size:13px}.k21-dialog footer{display:flex;justify-content:end;flex-wrap:wrap;gap:8px;border-top:1px solid #e7ede8;margin-top:20px;padding-top:18px}.k21-dialog label{margin:14px 0 10px}.k21-dialog textarea{resize:vertical;min-height:88px;font:inherit;border:1px solid #cfddd2;border-radius:9px;padding:12px;max-width:100%;color:#294b3d;background:white}.k21-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.k21-order-list{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow:auto}.k21-order-list span{background:#edf5ef;color:#4d7762;font-size:11px;padding:7px 9px;border-radius:6px}.k21-placement{font-size:11px!important;color:#819487}.k21-detail-top{display:flex;gap:15px;align-items:center;margin-bottom:16px;font-size:12px}.k21-gift{border:1px solid #dce7dd;background:#f9fbf9;border-radius:12px;padding:20px;margin-bottom:12px}.k21-gift>span{font-size:10px;letter-spacing:1px;color:#7e9a87}.k21-gift h3{font-size:19px;margin:7px 0}.k21-gift p{margin:5px 0}.k21-gift blockquote{white-space:pre-wrap;background:#f6eef0;color:#8e5266;border-left:3px solid #d6a5b4;border-radius:7px;padding:14px;margin:10px 0;font-size:13px;overflow-wrap:anywhere}.k21-gift blockquote small{display:block;color:#b07a8c;margin-top:6px}.k21-rule-list article{padding:16px;border:1px solid #dbe6df;border-radius:12px;margin:12px 0}.k21-rule-list article h3{font-size:16px;margin-top:10px}.k21-rule-list article p{margin:0;color:#819687}.k21-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1650px){.k21-board{grid-auto-columns:calc((100vw - 146px)/5);max-width:100%}}
@media(max-width:1150px){.k21-heading{align-items:start}.k21-heading h1{font-size:31px}.k21-actions{max-width:330px}.k21-metrics{gap:18px;flex-wrap:wrap;justify-content:start}.k21-metrics strong{font-size:20px}.k21-metrics>div{min-width:110px}.k21-view-bottom{flex-wrap:wrap}.k21-filter-line{flex-wrap:wrap}.k21-filter-line>input{flex:1 1 220px}.k21-filter-line>label{flex:1 1 140px}.k21-results button{flex-wrap:wrap;gap:8px}.k21-results small{width:100%;margin:0}.k21-shell{padding:22px 20px}}
@media(max-width:700px){.k21-shell{padding:18px 14px}.k21-breadcrumb{margin-bottom:20px}.k21-heading{display:block}.k21-heading h1{font-size:32px;letter-spacing:-1px}.k21-heading p{font-size:12px}.k21-actions{max-width:none;margin-top:16px;gap:6px}.k21-actions .btn,.k21-actions button{font-size:11px;padding:10px 11px}.k21-controls{padding:16px 14px}.k21-view-row{display:block}.k21-view-row>label{width:100%}.k21-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;margin-top:20px}.k21-metrics>div{min-width:0}.k21-metrics strong{font-size:21px}.k21-metrics small{font-size:10px}.k21-filter-line>input{flex-basis:100%}.k21-filter-line>label{flex:1 1 40%}.k21-filter-line>button{flex:1}.k21-advanced>div{grid-template-columns:1fr 1fr}.k21-chips{gap:5px}.k21-chips button{font-size:10px;padding:9px 10px}.k21-toggles{gap:16px}.k21-toggles input{width:18px;height:18px}.k21-bulk{gap:8px;margin:6px 0}.k21-bulk>span{font-size:10px;flex:1 1 170px;margin:0}.k21-bulk button{font-size:11px;padding:10px}.k21-stage-nav{display:flex;gap:6px;overflow-x:auto;margin:10px 0;padding:3px 0 8px}.k21-stage-nav button{font-size:11px;flex-shrink:0;padding:9px 10px;white-space:nowrap}.k21-stage-nav b{background:#e9f0eb;padding:3px 6px;border-radius:5px;font-size:10px}.k21-board{grid-auto-columns:calc(100vw - 60px);gap:10px;min-height:470px;height:70vh;max-height:700px}.k21-column{min-width:0}.k21-col-head h2{font-size:14px}.k21-icon{width:38px;height:38px}.k21-check{min-height:32px}.k21-check input{width:18px;height:18px}.k21-card-link{padding:6px 0!important;min-height:32px}.k21-col-head p{font-size:17px}.k21-card{padding:12px 14px}.k21-card-top{min-height:34px}.k21-money strong{font-size:20px}.k21-delivery{font-size:12px}.k21-delivery small{font-size:10px}.k21-person{max-width:190px}.k21-person span,.k21-age{font-size:11px}.k21-task{font-size:10px}.k21-results{display:grid;grid-template-columns:1fr;gap:8px}.k21-results button{padding:14px}.k21-overlay{padding:10px}.k21-dialog{padding:18px;max-height:94vh;border-radius:14px}.k21-dialog h2{font-size:22px;overflow-wrap:anywhere}.k21-form-grid{grid-template-columns:1fr;gap:0}.k21-dialog footer{justify-content:stretch}.k21-dialog footer>*{flex:1}.k21-gift{padding:15px}.k21-dialog input,.k21-dialog select,.k21-dialog textarea{font-size:16px}.k21-detail-top{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.k21-shell *{scroll-behavior:auto!important;transition:none!important}}

/* Small screens prioritise cards; filters remain explicit and keyboard accessible. */
.k21-filters-toggle{display:none}
@media(max-width:600px){
 .k21-heading .k21-eyebrow,.k21-heading>div>p{display:none}
 .k21-heading h1{font-size:29px;margin-top:0}
 .k21-heading{margin-bottom:18px;gap:14px}
 .k21-filters-toggle{display:block;width:100%;margin-top:14px;background:var(--surface,#fff)}
 .k21-controls:not(.filters-open) #k21-filters,.k21-controls:not(.filters-open) .k21-view-bottom{display:none}
 .k21-controls:not(.filters-open) .k21-metrics>div:nth-child(n+3){display:none}
 .k21-controls .k21-view-row{border-bottom:0;padding-bottom:0}
 .k21-bulk{gap:8px;margin-top:15px;margin-bottom:15px}
 .k21-stage-nav{margin-bottom:12px}
}