/* QS2b: geometri Kerja AI, semua ubahan hanya di halaman Kartu Material. */
.km-page .ui-page-heading .eyebrow{display:block;flex-basis:100%;margin:0}
.km-page .km-project-field{width:min(680px,100%)}
.km-page .km-project-field>select,.km-page .km-project-field>.pss{width:100%;max-width:100%}
.km-page .km-project-field>.pss .pss-input{width:100%;max-width:100%}
.km-page .km-summary .ka-number{font-size:21px;overflow-wrap:anywhere}
.km-page .km-volume{display:flex;flex-direction:column;gap:4px;min-width:0}
.km-page .km-volume>b{font-weight:650;white-space:normal;overflow-wrap:anywhere}
.km-page .km-volume small{display:block;white-space:normal;overflow-wrap:anywhere}
.km-page .km-warning{padding:12px;border:1px solid var(--ui-warn-line);background:var(--ui-warn-bg);color:var(--ui-warn);border-radius:8px}
.km-page .km-flags{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.km-page .km-panels{min-width:0}
.km-page .table-wrap td:last-child{position:static;max-width:340px}
.km-page .km-kartu{min-width:1400px;table-layout:fixed}
.km-page .km-kartu th:first-child{width:190px}
.km-page .km-kartu th:last-child{width:170px}
.km-page .km-kartu td{vertical-align:top;white-space:normal}
.km-page .km-kartu th{white-space:normal}
.km-page .km-projects{min-width:0}
.km-page .ka-tabs>button:hover,.km-page .ka-tabs>button:focus{background:var(--ui-hover);color:var(--ui-text)}
@media(max-width:760px){
 .km-page .table-wrap .km-table.ui-kartu-hp,.km-page .table-wrap .km-table.ui-kartu-hp tbody{display:block;width:100%;min-width:0}
 .km-page .km-table.ui-kartu-hp thead{display:none}
 .km-page .km-table.ui-kartu-hp tbody tr{display:flex;flex-wrap:wrap;border:1px solid var(--ui-line);border-radius:10px;margin:10px 0;padding:10px 14px;gap:8px}

 .km-page .km-kartu{min-width:0;table-layout:auto}
 .km-page.ui-page-wide .table-wrap .km-table.ui-kartu-hp tbody td{display:flex;justify-content:space-between;gap:12px;white-space:normal;text-align:right;min-width:0;flex-basis:100%;max-width:none}
 .km-page.ui-page-wide .table-wrap .km-table.ui-kartu-hp tbody td:before{content:attr(data-label);display:block;color:var(--ui-muted-text);font-size:12px;text-align:left;flex:0 0 43%}
 .km-page.ui-page-wide .table-wrap .km-table.ui-kartu-hp tbody td:first-child{font-size:13px;color:var(--ui-text)}
 .km-page.ui-page-wide .table-wrap .km-table.ui-kartu-hp tbody td .km-volume{align-items:flex-end}
 .km-page.ui-page-wide .table-wrap .km-table.ui-kartu-hp tbody td:last-child{position:static;max-width:none}
 .km-page.ui-page-wide .table-wrap .km-table.ui-kartu-hp tbody td .km-flags{justify-content:flex-end}
 .km-page .km-summary .ka-number{font-size:20px}
}