.invoice-date-group{
  overflow:hidden;
  border:1px solid #cbdcf1;
  border-radius:16px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 28px rgba(11,62,121,.07);
}
.invoice-date-summary{
  display:flex;
  align-items:center;
  width:100%;
  gap:14px;
  padding:15px 17px;
  cursor:pointer;
  list-style:none;
  background:linear-gradient(135deg,#f8fbff,#edf5ff);
  color:#102050;
}
.invoice-date-summary::marker,.invoice-date-summary::-webkit-details-marker{display:none;content:''}
.invoice-date-summary:hover{background:linear-gradient(135deg,#f2f7ff,#e4effd)}
.invoice-date-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#102050;color:#fff;font-size:17px}
.invoice-date-copy{display:grid;flex:0 1 auto;gap:3px;min-width:0;margin-right:24px}
.invoice-date-copy b{font:800 16px 'Manrope',sans-serif;white-space:nowrap}
.invoice-date-copy small{color:#647b98;font-size:11px;font-weight:700;white-space:nowrap}
.invoice-date-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:36px;
  margin-left:auto;
  padding:8px 12px;
  border:1px solid #102050;
  border-radius:10px;
  background:#102050;
  color:#fff;
  box-shadow:0 6px 14px rgba(16,32,80,.16);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.invoice-date-toggle i{font-style:normal;font-size:15px;line-height:1;transition:transform .18s ease}
.invoice-date-group[open]>.invoice-date-summary{border-bottom:1px solid #d8e5f5}
.invoice-date-group[open] .invoice-date-toggle i{transform:rotate(180deg)}
.invoice-date-items{display:grid;gap:14px;padding:15px;background:rgba(247,250,255,.72)}
.invoice-date-items>.invoice{margin:0;box-shadow:0 8px 22px rgba(11,62,121,.06)}
.invoice-date-archive{
  overflow:hidden;
  border:1px dashed #9db6d5;
  border-radius:16px;
  background:rgba(240,246,253,.9);
  box-shadow:0 10px 28px rgba(11,62,121,.05);
}
.invoice-date-archive-summary{background:linear-gradient(135deg,#eef4fb,#e2ecf8)}
.invoice-date-archive-summary:hover{background:linear-gradient(135deg,#e8f0f9,#d9e7f5)}
.invoice-date-archive-icon{background:#486583}
.invoice-date-archive[open]>.invoice-date-archive-summary{border-bottom:1px solid #cad9ea}
.invoice-date-archive[open]>.invoice-date-archive-summary .invoice-date-archive-toggle i{transform:rotate(180deg)}
.invoice-date-archive-items{display:grid;gap:14px;padding:15px;background:rgba(235,243,252,.72)}
html[data-theme="dark"] .invoice-date-group{border-color:#2a3d5d;background:#0d1930}
html[data-theme="dark"] .invoice-date-summary{border-color:#2a3d5d;background:linear-gradient(135deg,#15243e,#101e38);color:#edf3ff}
html[data-theme="dark"] .invoice-date-summary:hover{background:linear-gradient(135deg,#192a47,#13233d)}
html[data-theme="dark"] .invoice-date-icon{background:#dce8fb;color:#102050}
html[data-theme="dark"] .invoice-date-toggle{border-color:#dce8fb;background:#dce8fb;color:#102050}
html[data-theme="dark"] .invoice-date-items{background:#0a162a}
html[data-theme="dark"] .invoice-date-archive{border-color:#415674;background:#101d33}
html[data-theme="dark"] .invoice-date-archive-summary{background:linear-gradient(135deg,#1a2b45,#14243c)}
html[data-theme="dark"] .invoice-date-archive-summary:hover{background:linear-gradient(135deg,#20334f,#182a45)}
html[data-theme="dark"] .invoice-date-archive-icon{background:#9eb5d2;color:#102050}
html[data-theme="dark"] .invoice-date-archive-items{background:#0c182b}
@media(max-width:720px){
  .invoice-date-summary{gap:10px;padding:13px}
  .invoice-date-copy{flex:1;margin-right:4px}
  .invoice-date-group .invoice-date-copy b{white-space:normal}
  .invoice-date-toggle{min-width:0;padding:7px 9px;font-size:10px}
  .invoice-date-toggle i{font-size:16px}
  .invoice-date-items{padding:10px}
  .invoice-date-archive-items{padding:10px}
  .invoice-date-archive-summary .invoice-date-copy b{white-space:normal}
}