/* Ayukki v22 — responsif tanpa mengganti perilaku popup v21. */
#penjualan .sales-filter-toolbar{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(145px,165px) 105px 128px minmax(135px,155px) auto;
  align-items:end;gap:10px;margin-bottom:16px;width:100%;
}
#penjualan .sales-filter-toolbar>*{width:100%;min-width:0!important;max-width:none;box-sizing:border-box}
#penjualan .sales-filter-toolbar>input#search-sales{flex:none!important;height:45px;margin:0}
#penjualan .sales-filter-toolbar>.ay-select-control,
#penjualan .sales-filter-toolbar>.ay-date-control{width:100%;min-width:0}
#penjualan .sales-filter-toolbar .ay-select-trigger{width:100%;height:45px;min-height:45px;padding:0 12px}
#penjualan .sales-filter-toolbar>.date-filter{margin:0;min-width:0!important}
#penjualan .sales-filter-toolbar>.date-filter label{display:block;margin-bottom:4px;font-size:10px;font-weight:600;white-space:nowrap;color:#806965}
#penjualan .sales-filter-toolbar>.date-filter .ay-date-control{width:100%;min-width:0}
#penjualan .sales-filter-toolbar>.date-filter .ay-date-trigger{width:100%;height:45px;min-height:45px;padding:0 10px}
#penjualan .sales-filter-toolbar>.reset-date{flex:none!important;white-space:nowrap;height:45px;padding:9px 12px;align-self:end;border-radius:12px;font-size:11px}
/* Mencegah aturan .toolbar input / select lama membesarkan komponen setelah popup custom dibungkus. */
#penjualan .sales-filter-toolbar .ay-source-hidden{width:1px!important;min-width:0!important}
#penjualan .sales-filter-toolbar .ay-select-control,#penjualan .sales-filter-toolbar .ay-date-control{flex:none!important}
@media(max-width:1360px){
  #penjualan .sales-filter-toolbar{grid-template-columns:minmax(210px,1fr) minmax(135px,165px) 100px 115px 145px}
  #penjualan .sales-filter-toolbar>.reset-date{grid-column:5;justify-self:end;width:auto}
}
@media(max-width:1100px){
  #penjualan .sales-filter-toolbar{grid-template-columns:minmax(180px,1fr) 150px 110px 130px}
  #penjualan .sales-filter-toolbar>.date-filter{grid-column:3/4}
  #penjualan .sales-filter-toolbar>.reset-date{grid-column:4/5;justify-self:stretch;width:100%}
}
@media(max-width:850px){
  #penjualan .sales-filter-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  #penjualan .sales-filter-toolbar>input#search-sales{grid-column:1/-1}
  #penjualan .sales-filter-toolbar>.date-filter,#penjualan .sales-filter-toolbar>.reset-date{grid-column:auto;justify-self:stretch;width:100%}
}
@media(max-width:470px){
  #penjualan .sales-filter-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #penjualan .sales-filter-toolbar>.reset-date{min-height:45px}
  #penjualan .sales-filter-toolbar .ay-select-trigger,#penjualan .sales-filter-toolbar .ay-date-trigger{font-size:11px!important}
}
/* Panel ekspor: tampil konsisten dengan dashboard Ayukki. */
.an-export-panel{margin-top:16px;background:linear-gradient(145deg,#fff 62%,#fff9f7)}
.an-export-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.an-export-header h2{margin:0 0 7px}
.an-export-header p{margin:0;font-size:12px;line-height:1.6}
.an-export-stamp{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #f0dfd9;background:#fff5f1;color:#8a4b43;border-radius:999px;padding:6px 11px;font-size:10px;font-weight:600}
.an-export-form{display:grid;grid-template-columns:minmax(230px,1.7fr) minmax(110px,.55fr) minmax(135px,.7fr) auto;align-items:end;gap:12px}
.an-export-form>.field{margin:0;min-width:0}
.an-export-form .field label{display:block;font-size:11px;font-weight:600;color:#6d524d;margin-bottom:7px}
.an-export-form .ay-select-control{width:100%;min-width:0}
.an-export-form input,.an-export-form select,.an-export-form .ay-select-trigger{width:100%;height:46px;min-height:46px;max-width:none;font-size:12px}
.an-export-form .an-export-submit{min-height:46px;white-space:nowrap;font-size:12px}
.an-export-form .an-export-submit:disabled{opacity:.55;cursor:wait}
.an-export-summary{margin-top:16px;padding:12px 14px;border-radius:13px;background:#f9f3f0;border:1px solid #f0e3df;color:#68514b;font-size:12px;line-height:1.7}
.an-export-summary.success{background:#edf8f0;border-color:#c8e8d4;color:#286642}
.an-export-summary.error{background:#fff0f0;border-color:#f0caca;color:#a32828}
.an-export-note{margin:10px 0 0;color:#89736d;font-size:11px;line-height:1.65}
@media(max-width:1050px){.an-export-form{grid-template-columns:minmax(160px,1.5fr) 110px minmax(120px,1fr)}.an-export-submit{grid-column:1/-1}}
@media(max-width:650px){
  .an-export-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .an-export-form>.field:first-child{grid-column:1/-1}
  .an-export-form>.an-export-submit{grid-column:1/-1}
  .an-export-header{display:block}.an-export-stamp{margin-top:10px}
}
@media(max-width:370px){.an-export-form{grid-template-columns:1fr}.an-export-form>.field:first-child{grid-column:1}.an-export-form>.an-export-submit{grid-column:1}}