/* LCI Office V7: Kajian geospatial workflow */
.kaj-hero{border-radius:18px;display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:24px;padding:30px 33px;background:radial-gradient(circle at 82% 10%,#226b84 0%,transparent 42%),linear-gradient(125deg,#102d46,#0f4760 90%);color:#fff;margin:0 0 19px;overflow:hidden}.kaj-hero-kicker{font-size:10px;letter-spacing:2px;font-weight:850;color:#73e7dd}.kaj-hero h2{font-size:24px;line-height:1.25;letter-spacing:-.7px;margin:12px 0}.kaj-hero h2 span{color:#9ae5de}.kaj-hero p{color:#bfd5e2;font-size:12px;line-height:1.65;max-width:480px}.kaj-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kaj-hero-stats>div{background:#ffffff12;border:1px solid #ffffff25;border-radius:11px;padding:17px 11px;display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center}.kaj-hero-stats b{font-size:26px;letter-spacing:-1px}.kaj-hero-stats span{font-size:10px;color:#a9c9d9}.kaj-type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}.kaj-type-tab{display:flex;align-items:center;text-align:left;gap:11px;border:1px solid #e2eaf1;background:#fff;border-radius:13px;padding:16px 14px;box-shadow:0 6px 20px #1a446509;color:#2c4c60;min-width:0}.kaj-type-tab.active{border:1px solid #12a79a;box-shadow:0 0 0 2px #16aea118;background:#f5fdfc}.kaj-type-icon{flex:none;width:41px;height:41px;border-radius:12px;display:grid;place-items:center;color:#097b8c;background:#eaf9fa}.kaj-type-icon .icon{height:21px;width:21px}.kaj-type-tab b{font-size:12px;display:block}.kaj-type-tab small{display:block;font-size:10px;color:#8da2b0;margin-top:5px}.kaj-type-tab .kaj-arrow{margin-left:auto;color:#93b1c0}.kaj-type-tab .kaj-arrow .icon{height:15px;width:15px}.kaj-info{display:flex;gap:11px;align-items:flex-start;background:#f0f8fc;border:1px solid #d8eaf3;border-radius:11px;padding:13px 16px;margin-bottom:24px;font-size:11px;line-height:1.65;color:#51728b}.kaj-info>span{color:#16889b;flex:none}.kaj-info .icon{height:17px;width:17px}.kaj-info b{color:#27536d}.kaj-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:18px 0}.kaj-heading h2{margin:4px 0 6px;font-size:20px;color:#233f55}.kaj-heading p{color:#8c9fae;font-size:12px;margin:0}.kaj-eyebrow{color:#0e9a9d!important;letter-spacing:2px;font-size:9px!important;font-weight:800}.kaj-progress-pill{font-size:11px;font-weight:800;background:#e8f7f3;color:#137d70;padding:8px 12px;border-radius:30px;white-space:nowrap}.kaj-workflow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr);gap:18px;align-items:start}.kaj-main-col,.kaj-side-col{display:flex;flex-direction:column;gap:17px;min-width:0}.kaj-panel{background:#fff;border:1px solid #e3ecf2;border-radius:14px;box-shadow:0 8px 28px #1c45630d;overflow:hidden}.kaj-panel-heading{padding:20px 22px 17px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #ebf0f4}.kaj-panel-heading h3,.kaj-history-head h3{font-size:14px;font-weight:850;margin:0;color:#25465e}.kaj-panel-heading p,.kaj-history-head p{font-size:10px;color:#9caebb;line-height:1.6;margin:5px 0 0}.kaj-step{width:33px;height:33px;border-radius:10px;background:#e6f7f4;color:#0e9388;flex:none;display:grid;place-items:center;font-size:12px;font-weight:900}.kaj-step.small{width:30px;height:30px}.kaj-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px 23px 23px}.kaj-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#536e84;font-weight:750;min-width:0}.kaj-field input,.kaj-field select,.kaj-field textarea{width:100%;font-weight:500;font-size:12px;color:#28455c;border:1px solid #dce6ee;border-radius:8px;padding:10px 11px;min-height:39px;background:#fff;outline-color:#8ecad5}.kaj-field textarea{min-height:70px;resize:vertical;line-height:1.6}.kaj-field input:focus,.kaj-field select:focus,.kaj-field textarea:focus{border-color:#68b7c0}.kaj-span{grid-column:1/-1}.kaj-helper{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.65;color:#839aa9;background:#f4f9fc;border-radius:8px;padding:10px 12px}.kaj-helper .icon{flex:none;width:15px;height:15px;color:#3b94aa}.kaj-checklist{padding:0 22px 10px}.kaj-checkitem{padding:16px 0;border-bottom:1px solid #eaf0f4}.kaj-checkitem:last-child{border-bottom:0}.kaj-check-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.kaj-check-head>div{flex:1;min-width:0}.kaj-check-no{font-size:10px;font-weight:850;color:#13a396;margin-right:8px}.kaj-check-head strong{font-size:12px;color:#2c4a61}.kaj-check-head p{font-size:10px;color:#90a5b3;margin:5px 0 0 28px;line-height:1.5}.kaj-check-head select,.kaj-check-sub select,.kaj-check-sub input{border:1px solid #dfe8ee;border-radius:7px;font-size:11px;color:#537189;padding:9px;background:#fff}.kaj-check-head select{min-width:124px;max-width:142px}.kaj-check-sub{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(130px,.65fr);gap:9px;margin-top:12px}.kaj-check-sub input{min-width:0;width:100%}.kaj-check-sub select{width:100%;min-width:0}.kaj-checkbar{background:#e7f1f5;width:65px;height:5px;overflow:hidden;border-radius:20px;margin-left:auto}.kaj-checkbar div{height:100%;background:#11a89b}.kaj-conclusions{grid-template-columns:1fr}.kaj-form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;flex-wrap:wrap}.kaj-form-actions b{font-size:12px;color:#31516a}.kaj-form-actions p{font-size:10px;color:#93a7b4;margin:5px 0}.kaj-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kaj-actions .btn{font-size:11px}.kaj-portals{padding:6px 16px 17px}.kaj-source{border:1px solid #e6edf2;border-radius:11px;padding:14px 14px 11px;margin-top:12px}.kaj-source-top{display:flex;gap:9px;align-items:center}.kaj-source-logo{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eff7fb;color:#2884a3;flex:none}.kaj-source-logo .icon{width:16px;height:16px}.kaj-source-top>div:nth-child(2){min-width:0;flex:1}.kaj-source-top strong{font-size:11px;color:#2e526a;display:block}.kaj-source-top span{font-size:9px;color:#93a5b2;display:block;margin-top:4px}.kaj-open{font-size:10px;font-weight:850;color:#1470aa;display:flex;align-items:center;gap:2px;white-space:nowrap}.kaj-open .icon{height:13px;width:13px}.kaj-source>p{font-size:10px;color:#8da3b1;line-height:1.55;margin:10px 0 11px}.kaj-source-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:11px;border-top:1px solid #e8eef2}.kaj-source-meta label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#687f90}.kaj-source-meta input:not([type=checkbox]){width:100%;border:1px solid #dfebf0;padding:8px 7px;border-radius:7px;font-size:10px;min-width:0}.kaj-source-meta label:nth-child(n+3){grid-column:1/-1}.kaj-source-meta .kaj-checkline{flex-direction:row;gap:8px;align-items:center;font-weight:800;color:#44738b}.kaj-source-meta input[type=checkbox]{accent-color:#0b958b;height:15px;width:15px}.kaj-history-head{padding:18px;display:flex;justify-content:space-between;align-items:center}.kaj-mini-count{background:#f2f7fa;color:#6694ad;font-size:10px;font-weight:800;padding:6px 9px;border-radius:30px;white-space:nowrap}.kaj-history-tools{padding:0 17px 13px;display:flex;gap:7px;align-items:center}.kaj-history-tools input{flex:1;min-width:0;width:100%;border:1px solid #dce5ed;border-radius:8px;padding:10px;font-size:11px}.kaj-history-list{border-top:1px solid #edf1f4}.kaj-history-row{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid #edf2f5}.kaj-history-row:last-child{border:0}.kaj-history-row.selected{background:#f4fbfb}.kaj-history-row>button:first-child{border:0;background:none;text-align:left;min-width:0;flex:1;padding:0;cursor:pointer}.kaj-history-row b{font-size:11px;color:#28516b;display:block}.kaj-history-row span:not(.kaj-state){font-size:9px;color:#8aa0ad;line-height:1.5;display:block;margin-top:4px}.kaj-state{background:#eef4f9;color:#5d819b;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:800;white-space:nowrap}.kaj-state.done{background:#e6f7ec;color:#16855d}.kaj-iconbtn{border:0;background:transparent;padding:3px;color:#879cac;cursor:pointer}.kaj-iconbtn .icon{height:16px;width:16px}.kaj-iconbtn.danger:hover{color:#ba4b51}.kaj-empty{font-size:11px;text-align:center;color:#94a6b4;line-height:1.8;padding:25px}.kaj-footer-note{font-size:10px;color:#98a8b4;line-height:1.6;margin-top:21px}
@media(max-width:1250px){.kaj-workflow{grid-template-columns:1fr}.kaj-side-col{display:grid;grid-template-columns:1fr 1fr;align-items:start}.kaj-hero{grid-template-columns:1.2fr 1fr}.kaj-hero h2{font-size:21px}}
@media(max-width:850px){.kaj-type-tabs{grid-template-columns:1fr}.kaj-hero{grid-template-columns:1fr}.kaj-side-col{grid-template-columns:1fr}.kaj-hero-stats{max-width:100%}}
@media(max-width:560px){.kaj-form-grid{grid-template-columns:1fr;padding:15px}.kaj-panel-heading{padding:16px}.kaj-checklist{padding:0 15px 8px}.kaj-check-head{flex-direction:column;gap:8px}.kaj-check-sub{grid-template-columns:1fr}.kaj-type-tab{padding:13px}.kaj-hero{padding:22px}.kaj-hero h2{font-size:19px}.kaj-hero-stats b{font-size:19px}.kaj-heading{align-items:start;flex-direction:column}.kaj-form-actions{padding:15px}.kaj-actions{width:100%}.kaj-actions button{flex:1}.kaj-history-tools{flex-wrap:wrap}.kaj-history-row{flex-wrap:wrap}.kaj-source-meta{grid-template-columns:1fr}.kaj-source-meta label{grid-column:1/-1}.kaj-checkbar{margin:0}}