/* Rilis 3C.4 runtime-compatible: global foundation remains active after CSS split. */
/* AM ERP Rilis 3C.1 — Global Brand, UI/UX & Print Foundation
   Foundation file. Semua perubahan visual global setelah ini masuk ke file ini, bukan file hotfix terpisah. */
:root{
  --am-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --am-bg: #f6f7fb;
  --am-surface: #ffffff;
  --am-surface-soft: #f8fafc;
  --am-text: #182033;
  --am-muted: #667085;
  --am-line: #e4e8f0;
  --am-line-strong: #d5dbe7;
  --am-primary: #17325f;
  --am-primary-2: #2257c7;
  --am-accent: #f4b000;
  --am-success: #087f73;
  --am-danger: #dc2626;
  --am-warning: #b45309;
  --am-radius-xs: 6px;
  --am-radius-sm: 8px;
  --am-radius-md: 10px;
  --am-radius-lg: 14px;
  --am-radius-xl: 16px;
  --am-radius-2xl: 20px;
  --am-shadow-sm: 0 2px 8px rgba(15,23,42,.04);
  --am-shadow-md: 0 8px 24px rgba(15,23,42,.07);
  --am-shadow-lg: 0 14px 42px rgba(15,23,42,.09);
  --am-sidebar-width: 252px;
  --am-top-gap: 18px;
  --am-control-h: 38px;
  --am-control-h-sm: 34px;
  --am-label: 12px;
  --am-body: 13px;
  --am-table: 12.5px;
}
html,body{font-family:var(--am-font)!important;font-size:var(--am-body)!important;background:var(--am-bg)!important;color:var(--am-text)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body,button,input,textarea,select,table{letter-spacing:-.01em;}
button,input,textarea,select{font-family:var(--am-font)!important;}

/* Brand and shell */
.app{background:var(--am-bg)!important;}
.sidebar{width:var(--am-sidebar-width)!important;background:#102a56!important;padding:18px 16px!important;box-shadow:none!important;}
.main{margin-left:var(--am-sidebar-width)!important;padding:18px!important;}
.brand{gap:10px!important;margin-bottom:22px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.12);}
.brand .brand-logo{width:38px!important;height:38px!important;border-radius:12px!important;font-size:14px!important;font-weight:800!important;background:#fff!important;color:var(--am-primary)!important;box-shadow:0 4px 14px rgba(0,0,0,.08)!important;}
.brand b{font-size:15px!important;line-height:1.1!important;letter-spacing:-.02em;}
.brand small{font-size:11px!important;color:#cbd7ef!important;}
.nav button{min-height:38px!important;padding:9px 11px!important;border-radius:10px!important;margin:2px 0!important;font-size:13px!important;font-weight:700!important;line-height:1.25!important;display:flex!important;align-items:center!important;gap:9px!important;}
.nav button:hover,.nav button.active{background:rgba(255,255,255,.16)!important;}
.nav .nav-section,.nav-section{font-size:10.5px!important;letter-spacing:.08em!important;color:#b8c9ee!important;margin:14px 8px 6px!important;font-weight:800!important;text-transform:uppercase!important;}
.mobile-header{min-height:48px!important;padding:10px 14px!important;background:#fff!important;border-bottom:1px solid var(--am-line)!important;}
.mobile-title b{font-size:14px!important}.mobile-title small{font-size:11px!important}

/* Pages, panels, cards */
.topbar{margin-bottom:16px!important;gap:12px!important;}
.topbar h1{font-size:24px!important;line-height:1.16!important;font-weight:750!important;letter-spacing:-.03em!important;margin:0!important;}
.topbar p{font-size:12.5px!important;line-height:1.35!important;color:var(--am-muted)!important;margin-top:3px!important;font-weight:500!important;}
.panel,.card{background:var(--am-surface)!important;border:1px solid var(--am-line)!important;border-radius:var(--am-radius-xl)!important;box-shadow:var(--am-shadow-sm)!important;}
.card{padding:16px!important;}
.card small{font-size:11.5px!important;color:var(--am-muted)!important;font-weight:700!important;}
.card b{font-size:22px!important;line-height:1.15!important;margin-top:6px!important;}
.panel{margin-top:14px!important;overflow:hidden!important;}
.panel-head{padding:13px 16px!important;border-bottom:1px solid var(--am-line)!important;}
.panel-head h2{font-size:17px!important;line-height:1.2!important;font-weight:750!important;}
.grid{gap:12px!important;}

/* Controls */
.input,input[type="text"],input[type="number"],input[type="date"],input[type="month"],input[type="password"],input[type="email"],select,textarea{min-height:var(--am-control-h)!important;border:1px solid var(--am-line-strong)!important;border-radius:var(--am-radius-md)!important;padding:8px 11px!important;font-size:13px!important;line-height:1.35!important;background:#fff!important;color:var(--am-text)!important;box-shadow:none!important;}
textarea{min-height:82px!important;resize:vertical;}
.input:focus,input:focus,select:focus,textarea:focus{outline:none!important;border-color:#94a3b8!important;box-shadow:0 0 0 3px rgba(34,87,199,.12)!important;}
.field{margin:10px 0!important;}
.field label,label{font-size:var(--am-label)!important;line-height:1.25!important;font-weight:700!important;color:#4b5563!important;margin-bottom:6px!important;}
.field small,.helper,.help-text{font-size:11px!important;color:var(--am-muted)!important;line-height:1.35!important;}
.form-grid{gap:10px!important;}

/* Buttons */
.btn,button.btn,.panel-head .btn,.topbar-actions .btn,.actions .btn{min-height:var(--am-control-h-sm)!important;border-radius:var(--am-radius-md)!important;padding:8px 12px!important;font-size:13px!important;font-weight:750!important;line-height:1.15!important;gap:6px!important;box-shadow:none!important;}
.btn-primary{background:linear-gradient(135deg,var(--am-primary),var(--am-primary-2))!important;color:#fff!important;}
.btn-soft{background:#f1f5fb!important;color:var(--am-primary)!important;border:1px solid #e5ebf5!important;}
.btn-gold{background:var(--am-accent)!important;color:#fff!important;}
.btn-danger{background:var(--am-danger)!important;color:#fff!important;}
.link{font-size:13px!important;color:var(--am-primary)!important;}
.actions{gap:5px!important;align-items:center!important;}
.actions .btn,.actions button{min-height:30px!important;padding:6px 9px!important;font-size:12px!important;border-radius:8px!important;}

/* Tables */
.table-wrap{border-radius:0 0 var(--am-radius-xl) var(--am-radius-xl)!important;position:relative!important;z-index:1!important;}
table{min-width:900px;border-collapse:collapse!important;}
th,td{padding:10px 12px!important;font-size:var(--am-table)!important;line-height:1.3!important;border-bottom:1px solid var(--am-line)!important;white-space:nowrap;word-break:normal!important;overflow-wrap:normal!important;}
th{background:#f8fafc!important;color:#667085!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:.04em!important;font-weight:800!important;}
td{color:#1f2937!important;}
.badge{padding:4px 8px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;}

/* Toolbars and filters */
.module-toolbar,.search-toolbar,.filter-toolbar,.list-toolbar,.document-toolbar,[data-toolbar="module"],.r2c-toolbar,.r3b-toolbar{position:relative!important;z-index:5!important;background:#fff!important;border:1px solid var(--am-line)!important;border-radius:var(--am-radius-lg)!important;padding:10px!important;box-shadow:var(--am-shadow-sm)!important;gap:8px!important;}
.module-toolbar input,.module-toolbar select,.search-toolbar input,.search-toolbar select,.filter-toolbar input,.filter-toolbar select{min-height:36px!important;}
.module-toolbar .btn,.search-toolbar .btn,.filter-toolbar .btn{min-height:34px!important;}

/* Modals remain only for small actions */
.modal-backdrop{z-index:1000!important;background:rgba(8,17,35,.58)!important;}
.modal{border-radius:var(--am-radius-2xl)!important;border:1px solid var(--am-line)!important;box-shadow:0 24px 80px rgba(15,23,42,.28)!important;}
.modal-head{padding:14px 18px!important;}.modal-head h2{font-size:20px!important}.modal-body{padding:18px!important;}

/* Invoice/document workspace foundation */
.r3b22-invoice-editor,.document-workspace{max-width:1440px!important;margin:0 auto!important;padding:0 0 20px!important;}
.r3b22-editor-head,.document-workspace-head{border-radius:18px!important;padding:12px 14px!important;margin-bottom:12px!important;border:1px solid var(--am-line)!important;box-shadow:var(--am-shadow-sm)!important;}
.r3b22-editor-head small{font-size:10.5px!important;letter-spacing:.07em!important;color:var(--am-muted)!important;}
.r3b22-editor-head h1{font-size:25px!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:2px 0!important;}
.r3b22-editor-head p{font-size:12.5px!important;line-height:1.35!important;color:var(--am-muted)!important;max-width:720px!important;}
.r3b22-head-actions .btn{min-height:34px!important;padding:8px 12px!important;border-radius:10px!important;font-size:13px!important;}
.r3b22-split{grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr)!important;gap:14px!important;align-items:start!important;}
.r3b22-input-pane,.r3b22-preview-pane{border-radius:18px!important;border:1px solid var(--am-line)!important;box-shadow:var(--am-shadow-sm)!important;}
.r3b22-input-pane{padding:14px!important;max-height:calc(100vh - 150px)!important;background:#fff!important;}
.r3b22-section{border:1px solid var(--am-line)!important;background:#fbfcff!important;border-radius:15px!important;padding:13px!important;margin-bottom:11px!important;}
.r3b22-section h3{font-size:15px!important;line-height:1.2!important;margin:0 0 10px!important;font-weight:750!important;}
.r3b22-form-grid{gap:10px!important;}
.r3b22-item-rows .item-row.premium,.r3b22-input-pane .item-row.premium{gap:6px!important;}
.r3b22-preview-pane{top:10px!important;max-height:calc(100vh - 150px)!important;background:#f3f5f9!important;}
.r3b22-preview-toolbar{padding:10px 13px!important;border-bottom:1px solid var(--am-line)!important;}
.r3b22-preview-toolbar b{font-size:14px!important}.r3b22-preview-toolbar span{font-size:11.5px!important;color:var(--am-muted)!important;}
.r3b22-preview-scroll{padding:14px!important;background:#f3f5f9!important;}
.r3b22-print-paper{transform-origin:top center!important;border-radius:3px!important;box-shadow:0 8px 24px rgba(15,23,42,.10)!important;}
.r3b22-savebar{padding:10px 0 0!important;}

/* Legacy preview class bridge to print standard */
.r3b22-print-company h1{font-size:18px!important;letter-spacing:.2px!important;line-height:1.12!important;}
.r3b22-print-company p{font-size:10.5px!important;line-height:1.35!important;}
.r3b22-print-title h2{font-size:24px!important;letter-spacing:.8px!important;}
.r3b22-print-box{border-radius:10px!important;padding:10px!important;min-height:94px!important;}
.r3b22-print-box h3{font-size:11px!important;letter-spacing:.08em!important;margin-bottom:7px!important;}
.r3b22-meta{font-size:11.5px!important;grid-template-columns:104px 8px 1fr!important;line-height:1.38!important;}
.r3b22-print-box.party p{font-size:11.5px!important;line-height:1.35!important;}
.r3b22-print-table th{font-size:10px!important;padding:7px!important;}
.r3b22-print-table td{font-size:11px!important;padding:7px!important;}
.r3b22-summary .row div{font-size:12.5px!important;padding:8px 10px!important;}
.r3b22-terms{font-size:11px!important;padding:10px!important;border-radius:10px!important;}
.r3b22-sign{font-size:11px!important;margin-top:20px!important;}.r3b22-sign .sig{height:88px!important;}

/* Responsive standards */
@media(max-width:1200px){
  :root{--am-sidebar-width:238px;}
  .sidebar{width:var(--am-sidebar-width)!important}.main{margin-left:var(--am-sidebar-width)!important;padding:14px!important;}
  .r3b22-split{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)!important;gap:12px!important;}
  .r3b22-editor-head h1{font-size:23px!important;}
}
@media(max-width:920px){
  .sidebar{transform:none!important;width:230px!important;padding:14px 12px!important;}
  .main{margin-left:230px!important;padding:12px!important;}
  .nav button{font-size:12.5px!important;min-height:36px!important;padding:8px 10px!important;}
  .r3b22-split{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)!important;}
  .r3b22-input-pane,.r3b22-preview-pane{max-height:none!important;}
  .r3b22-print-paper{padding:20px!important;}
}
@media(max-width:760px){
  .sidebar{transform:translateX(-110%)!important;width:260px!important;z-index:90!important;}
  .sidebar.show{transform:translateX(0)!important;}
  .main{margin-left:0!important;padding:10px!important;}
  .mobile-header{display:flex!important;}
  .topbar{align-items:flex-start!important;}
  .topbar h1{font-size:21px!important;}
  .panel-head{display:flex!important;align-items:center!important;}
  .grid{grid-template-columns:1fr 1fr!important;}
  .r3b22-tabs{display:flex!important;}
  .r3b22-split{display:block!important;}
  .r3b22-input-pane,.r3b22-preview-pane{position:static!important;max-height:none!important;}
  .r3b22-preview-pane{display:none!important;}
  .r3b22-invoice-editor[data-mobile-tab="preview"] .r3b22-input-pane{display:none!important;}
  .r3b22-invoice-editor[data-mobile-tab="preview"] .r3b22-preview-pane{display:flex!important;}
  .r3b22-invoice-editor[data-mobile-tab="form"] .r3b22-input-pane{display:block!important;}
}
@media(max-width:560px){
  .grid{grid-template-columns:1fr!important;}
  .topbar-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  .btn,button.btn{min-height:40px!important;}
  .mobile-card{border-radius:14px!important;padding:12px!important;}
  .r3b22-editor-head h1{font-size:22px!important;}
  .r3b22-head-actions{grid-template-columns:1fr 1fr!important;}
  .r3b22-head-actions .btn:last-child{grid-column:1/-1;}
  .r3b22-section{padding:12px!important;}
  .r3b22-print-paper{padding:14px!important;}
}
.brand .brand-logo img,.mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;}
.mark{width:58px!important;height:58px!important;border-radius:16px!important;font-size:0!important;margin:0 auto 16px!important;background:#fff!important;box-shadow:var(--am-shadow-sm)!important;}
.login-card{max-width:420px!important;border-radius:22px!important;padding:30px!important;box-shadow:var(--am-shadow-lg)!important;}
.login-card h1{font-size:28px!important;line-height:1.1!important;}
.subtitle{font-size:13px!important;margin:4px 0 24px!important;}


/* ==== RILIS 3C.6.9 — GLOBAL TOOLBAR BUTTON SCALE STANDARD ==== */
/* Scope: tombol operasional Cari / Reset / CSV / XLS dan toolbar module. Tidak mengubah tombol utama workspace seperti Simpan Invoice. */
#page .module-filter-compact,
#page .module-toolbar-force,
#page .price-toolbar,
#page .gas-toolbar-v24{
  padding:10px 14px!important;
}
#page .compact-main{
  gap:10px!important;
  align-items:end!important;
}
#page .compact-actions,
#page .price-toolbar-actions,
#page .gas-toolbar-actions,
#page .panel-actions{
  gap:8px!important;
  align-items:center!important;
}
#page .module-filter-compact .compact-actions .btn,
#page .module-toolbar-force .btn,
#page .price-toolbar-actions .btn,
#page .gas-toolbar-actions .btn,
#page .panel-actions .btn{
  min-height:34px!important;
  height:34px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  font-size:12.4px!important;
  font-weight:800!important;
  line-height:1!important;
  min-width:74px!important;
  width:auto!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  box-shadow:0 6px 16px rgba(15,23,42,.07)!important;
}
#page .module-filter-compact .compact-actions .btn.btn-gold,
#page .price-toolbar-actions .btn.btn-gold,
#page .gas-toolbar-actions .btn.btn-gold{
  min-width:72px!important;
}
#page .module-filter-compact label,
#page .price-toolbar label,
#page .gas-toolbar-v24 label{
  font-size:12.2px!important;
  margin-bottom:6px!important;
}
#page .module-filter-compact .input,
#page .module-filter-compact select.input,
#page .price-toolbar .input,
#page .gas-toolbar-v24 .input{
  min-height:38px!important;
  height:38px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
#page .compact-date-range{
  margin-top:9px!important;
  font-size:12.5px!important;
}
#page .compact-date-range summary{
  min-height:28px!important;
  font-size:12.7px!important;
}
@media (max-width:1360px){
  #page .compact-actions,
  #page .price-toolbar-actions,
  #page .gas-toolbar-actions{
    justify-content:flex-start!important;
  }
  #page .module-filter-compact .compact-actions .btn,
  #page .price-toolbar-actions .btn,
  #page .gas-toolbar-actions .btn{
    min-width:72px!important;
  }
}
@media (max-width:760px){
  #page .compact-actions,
  #page .price-toolbar-actions,
  #page .gas-toolbar-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(84px,1fr))!important;
    gap:8px!important;
  }
  #page .module-filter-compact .compact-actions .btn,
  #page .price-toolbar-actions .btn,
  #page .gas-toolbar-actions .btn{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
  }
}
/* ==== END RILIS 3C.6.9 ==== */