.accounting-period{display:flex;justify-content:space-between;align-items:center;gap:24px}
.accounting-period h2{margin-bottom:0}
.accounting-period>.field{width:185px;flex-shrink:0}
.accounting-modules{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}
.accounting-module{display:block;padding:10px 16px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:12px;text-decoration:none}
.accounting-module:hover{color:var(--blue);border-color:#acc7e1}
.accounting-module.active{color:#fff;background:var(--navy);border-color:var(--navy)}
.accounting-module.journal-module{margin-left:auto;font-weight:600}
#accounting-content>.card-header p{max-width:700px}
#journal-rows td{min-width:80px}
#journal-rows td:nth-child(3){min-width:180px}
#journal-rows .voucher-detail{margin-top:7px}
@media(min-width:851px){
  .sidebar nav{display:flex;flex:1;flex-direction:column}
  .sidebar .nav-link[data-route=settings]{margin-top:auto;border-top:1px solid #ffffff20}
  .sidebar-foot{flex-shrink:0}
}
@media(max-width:850px){.accounting-module.journal-module{margin-left:0}}
@media(max-width:540px){
  .accounting-period{align-items:flex-start;flex-direction:column;gap:15px}
  .accounting-period>.field{width:100%}
  .accounting-module{padding:9px 11px}
}