.akaop{font:12px Arial,sans-serif;color:#26343c;max-width:1550px;margin:auto}.akaop header,.akaop section{background:#fff;border:1px solid #e1e7ea;border-radius:12px;padding:16px;margin-bottom:12px}.akaop header small{font-size:9.67px;letter-spacing:1px;color:#71808a}.akaop h1{font-size:24.72px!important;margin:4px 0!important}.akaop h2{font-size:15.05px!important}.akaop p{font-size:10.75px;color:#6e7b83}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.kpi div,.cards a{background:#fff;border:1px solid #e1e7ea;border-radius:10px;padding:14px}.kpi span,.cards span{display:block;font-size:9.67px;color:#74818a}.kpi b{font-size:17.2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cards a{text-decoration:none;color:inherit}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.grid .span2{grid-column:span 2}label{display:block;font-size:9.67px;font-weight:700;margin-bottom:4px}.grid input,.grid select{width:100%;box-sizing:border-box;padding:7px;border:1px solid #cbd5da;border-radius:6px;font-size:10.75px}.grid small{font-size:8.6px;color:#78858d}.btn{padding:7px 10px;border:1px solid #cbd5da;background:#fff;border-radius:6px;font-size:9.67px;font-weight:700}.btn.primary{background:#203743;color:#fff;border-color:#203743}.inline{display:inline-block;margin:1px}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #edf1f3;text-align:left;font-size:9.67px;vertical-align:top}th{font-size:8.6px;text-transform:uppercase;color:#6f7c84}@media(max-width:900px){.kpi,.cards,.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kpi,.cards,.grid{grid-template-columns:1fr}.grid .span2{grid-column:auto}}
.akaop .reject input{width:110px;padding:6px;border:1px solid #cbd5da;border-radius:6px;font-size:9.67px}
.akaop a.btn{text-decoration:none;display:inline-block}
.akaop input[type=file]{font-size:9.67px}

.daily-report .report-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.report-actions{display:flex;gap:6px}.report-kpi{grid-template-columns:repeat(5,1fr)}
.report-table .num,.category-summary .num{text-align:right;white-space:nowrap}
.report-table tfoot th,.category-summary tfoot th{background:#edf2f4;font-weight:700}
.print-signature{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center;margin-top:14px}
.report-filter{margin-bottom:8px}
@media print{
 body{background:#fff!important}.no-print,.akaop .no-print{display:none!important}
 .akaop{max-width:none!important;color:#000;font-size:9.67px}.akaop header,.akaop section{border:0!important;box-shadow:none!important;padding:4px!important;margin:0 0 8px!important}
 .daily-report .report-header{display:block}.daily-report h1{font-size:18.27px!important}
 .report-kpi{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important}.report-kpi div{border:1px solid #aaa!important;padding:6px!important}
 table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group}
 th,td{font-size:8.06px!important;padding:4px!important;border:1px solid #bbb!important}
 .print-signature{page-break-inside:avoid;margin-top:18px}
 @page{size:landscape;margin:8mm}
}
@media(max-width:900px){.report-kpi{grid-template-columns:repeat(2,1fr)}.daily-report .report-header{display:block}.report-actions{margin-top:10px}}

.akaop-help .help-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.akaop-help .help-nav a{padding:7px 10px;border:1px solid #dce4eb;border-radius:8px;text-decoration:none;background:#fff}
.akaop-help .help-table-wrap{overflow:auto}.akaop-help .help-table{min-width:1180px}
.akaop-help .help-table td{vertical-align:top;line-height:1.45}.akaop-help code{font-size:11.82px;background:#f3f6f8;padding:2px 5px;border-radius:4px}
.akaop-help .help-group{scroll-margin-top:90px}


/* v0.1.8 fallback +7.5% */
.akaop,.aka-operational,.operational-wrap{font-size:107.5% !important;}

/* v0.2.0 Font target: approximately +10% from AKA Operational normal baseline */
.akaop, .aka-operational, [data-aka-operational] { font-size:13.2px !important; line-height:1.45 !important; }
.akaop label, .aka-operational label, [data-aka-operational] label { font-size:11px !important; }
.akaop input,.akaop select,.akaop textarea,.akaop button,
.aka-operational input,.aka-operational select,.aka-operational textarea,.aka-operational button,
[data-aka-operational] input,[data-aka-operational] select,[data-aka-operational] textarea,[data-aka-operational] button { font-size:12.1px !important; }
.akaop table,.akaop th,.akaop td,.aka-operational table,.aka-operational th,.aka-operational td { font-size:11px !important; }
.akaop h1,.aka-operational h1 { font-size:26.4px !important; }
.akaop h2,.aka-operational h2 { font-size:18.7px !important; }
.akaop h3,.aka-operational h3 { font-size:15.4px !important; }


/* v0.2.4 - Form Pengajuan dibuat lebih lega untuk input data */
.akaop .grid{gap:14px 12px!important}
.akaop .grid input,.akaop .grid select,.akaop .grid textarea{min-height:40px!important;padding:9px 11px!important;font-size:12.1px!important}
.akaop #detailTable{table-layout:auto!important;min-width:1450px!important}
.akaop #detailTable th{padding:9px 7px!important;white-space:nowrap!important}
.akaop #detailTable td{padding:7px!important;vertical-align:middle!important}
.akaop #detailTable input,.akaop #detailTable select{width:100%!important;min-width:0!important;height:40px!important;padding:8px 10px!important;box-sizing:border-box!important;font-size:12.1px!important;border:1px solid #cbd5da!important;border-radius:7px!important}
.akaop #detailTable th:nth-child(1),.akaop #detailTable td:nth-child(1){width:42px!important}
.akaop #detailTable th:nth-child(2),.akaop #detailTable td:nth-child(2){min-width:240px!important}
.akaop #detailTable th:nth-child(3),.akaop #detailTable td:nth-child(3){min-width:260px!important}
.akaop #detailTable th:nth-child(4),.akaop #detailTable td:nth-child(4){min-width:220px!important}
.akaop #detailTable th:nth-child(5),.akaop #detailTable td:nth-child(5){min-width:210px!important}
.akaop #detailTable th:nth-child(6),.akaop #detailTable td:nth-child(6){min-width:145px!important}
.akaop #detailTable th:nth-child(7),.akaop #detailTable td:nth-child(7){min-width:190px!important}
.akaop #detailTable th:nth-child(8),.akaop #detailTable td:nth-child(8){min-width:170px!important}
.akaop #detailTable th:nth-child(9),.akaop #detailTable td:nth-child(9){min-width:120px!important}
.akaop #detailTable .remove-line{min-height:40px!important;white-space:nowrap!important}
@media(max-width:1200px){.akaop #detailTable{min-width:1380px!important}}


/* =========================================================
   v0.3.0 — AKA Operational unified elegant form controls
   Applies across Operational forms, tables, Finance Bridge,
   Uang Muka, Reimbursement, Approval, Reports, and masters.
   ========================================================= */
.akaop{
  --akaop-field-height:44px;
  --akaop-field-radius:9px;
  --akaop-field-border:#c7d2d9;
  --akaop-field-focus:#315d76;
  --akaop-field-bg:#fff;
  --akaop-field-text:#20313b;
  --akaop-field-muted:#70808a;
}

/* Standard input controls */
.akaop input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.akaop select,
.akaop textarea{
  min-height:var(--akaop-field-height)!important;
  padding:10px 12px!important;
  border:1px solid var(--akaop-field-border)!important;
  border-radius:var(--akaop-field-radius)!important;
  background:var(--akaop-field-bg)!important;
  color:var(--akaop-field-text)!important;
  font-size:12.6px!important;
  line-height:1.35!important;
  box-sizing:border-box!important;
  outline:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.akaop textarea{
  min-height:92px!important;
  resize:vertical!important;
}
.akaop input:not([type="hidden"]):focus,
.akaop select:focus,
.akaop textarea:focus{
  border-color:var(--akaop-field-focus)!important;
  box-shadow:0 0 0 3px rgba(49,93,118,.12)!important;
}
.akaop input::placeholder,
.akaop textarea::placeholder{color:#8b989f!important;opacity:1!important}
.akaop input[readonly],
.akaop textarea[readonly],
.akaop select:disabled{
  background:#f3f6f8!important;
  color:#52636d!important;
}

/* Labels and help text */
.akaop label{
  font-size:11.5px!important;
  font-weight:700!important;
  color:#243943!important;
  margin-bottom:6px!important;
}
.akaop small{
  line-height:1.35!important;
}
.akaop .grid small,
.akaop form small{
  display:block;
  margin-top:5px;
  color:var(--akaop-field-muted);
  font-size:9.6px!important;
}

/* Main form grids */
.akaop .grid{
  gap:16px 14px!important;
  align-items:start!important;
}
.akaop .grid > div{
  min-width:0!important;
}
.akaop .grid input,
.akaop .grid select,
.akaop .grid textarea{
  width:100%!important;
}

/* Buttons */
.akaop .btn,
.akaop button{
  min-height:38px;
  padding:9px 13px!important;
  border-radius:8px!important;
  font-size:11.3px!important;
  line-height:1.2!important;
  cursor:pointer;
}
.akaop .btn.primary,
.akaop button.primary{
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}

/* Inline action forms: keep controls readable without making tables huge */
.akaop form.inline,
.akaop td form:not(.aka-advance-accounting):not(.approve-form){
  vertical-align:middle;
}
.akaop td form input:not([type="hidden"]),
.akaop td form select{
  min-height:38px!important;
  padding:7px 10px!important;
  font-size:11.3px!important;
  border-radius:8px!important;
}

/* Finance Bridge — responsive, elegant controls */
.akaop table td:last-child form[action*="finance.verify"]{
  display:grid!important;
  grid-template-columns:minmax(210px,1.35fr) minmax(150px,.8fr) minmax(155px,.85fr) minmax(165px,.9fr)!important;
  gap:7px!important;
  align-items:center!important;
  min-width:720px!important;
}
.akaop table td:last-child form[action*="finance.verify"] select,
.akaop table td:last-child form[action*="finance.verify"] input{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
}
.akaop table td:last-child form[action*="finance.verify"] .aka-finance-tax-note{
  grid-column:1 / span 3!important;
}
.akaop table td:last-child form[action*="finance.verify"] .btn{
  grid-column:4!important;
  width:100%!important;
  height:40px!important;
}
.akaop table td:last-child form[action*="finance.post"] .btn{
  min-width:150px!important;
}

/* Uang Muka / Reimbursement approval rows */
.akaop .aka-advance-accounting,
.akaop .approve-form{
  gap:7px!important;
}
.akaop .aka-advance-accounting input,
.akaop .approve-form input{
  min-width:135px!important;
  height:40px!important;
}

/* Details / summary controls */
.akaop details summary.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Tables remain compact but more breathable */
.akaop th{padding:9px 10px!important}
.akaop td{padding:10px!important;line-height:1.35!important}

/* File control */
.akaop input[type="file"]{
  min-height:44px!important;
  padding:7px 10px!important;
}

/* Mobile / narrower screens */
@media(max-width:1200px){
  .akaop table td:last-child form[action*="finance.verify"]{
    grid-template-columns:repeat(2,minmax(180px,1fr))!important;
    min-width:430px!important;
  }
  .akaop table td:last-child form[action*="finance.verify"] .aka-finance-tax-note,
  .akaop table td:last-child form[action*="finance.verify"] .btn{
    grid-column:auto!important;
  }
}
@media(max-width:700px){
  .akaop input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .akaop select,.akaop textarea{font-size:13px!important}
  .akaop table td:last-child form[action*="finance.verify"]{
    grid-template-columns:1fr!important;
    min-width:260px!important;
  }
  .akaop .btn,.akaop button{min-height:40px}
}