@media (max-width: 1100px) { .finance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .summary-grid { grid-template-columns:1fr; } }
@media (max-width: 850px) { .shell { display:block; } .sidebar { position:sticky; top:0; z-index:5; width:100%; padding:12px 14px; } .brand-lockup { display:inline-flex; } .brand-lockup img { width:34px; height:34px; } .brand { font-size:15px; } .brand small { display:none; } .nav { display:flex; overflow-x:auto; gap:6px; margin:12px -4px 0; padding:0 4px; } .nav button { min-height:44px; flex:0 0 auto; padding:10px 12px; } .signout { position:absolute; top:12px; right:14px; width:auto; min-height:36px; padding:8px 10px; } .content { padding:16px 14px 30px; } .top { align-items:flex-start; } .top-meta { width:auto; } }
@media (max-width: 560px) { .login { padding:14px; } .login-card { padding:30px 20px; border-radius:16px; } .top h1 { font-size:24px; } .top p { font-size:13px; } .finance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .metric { min-height:112px; padding:14px; } .metric b { font-size:19px; overflow-wrap:anywhere; } .panel { padding:16px; } .summary-row { grid-template-columns:1fr; gap:10px; } .statement-row { grid-template-columns:1fr; gap:4px; } .statement-row strong { text-align:left; } .form-split { grid-template-columns:1fr; } .finance-list-item { align-items:flex-start; flex-direction:column; } .finance-list-item strong { text-align:left; } .finance-form .primary, .finance-form .secondary, .date-toolbar .secondary { width:100%; } .date-toolbar form { align-items:stretch; } .audit-row { grid-template-columns:1fr; gap:4px; padding:14px 0; } .audit-head { display:none; } .audit-row > :nth-child(4) { display:block; } .audit-row strong { text-align:left; } }