.reports-shell{display:grid;grid-template-columns:225px 1fr;gap:26px}.reports-nav{background:white;border:1px solid #e7e0e2;border-radius:14px;padding:18px;height:calc(100dvh - 50px);overflow:auto;position:sticky;top:12px}.reports-nav>b{color:#800517;font-size:18px}.reports-nav>p{font-size:11px;color:#8c6a73;letter-spacing:1.5px}.reports-nav h4{font-size:11px;text-transform:uppercase;color:#8b7a80;margin:24px 0 8px}.reports-nav button{display:block;width:100%;text-align:start;border:0;min-height:42px;padding:9px 12px;margin:4px 0;font-size:13px;background:white}.reports-nav button.selected{background:#800517;color:white;font-weight:700}.reports-main{min-width:0}.reports-main header{display:flex;justify-content:space-between;gap:16px;align-items:center}.reports-main h1{font-size:30px;margin:6px 0}.reports-main header small{color:#800517;letter-spacing:2px}.reports-main header p{color:#7b7280;font-size:12px}.reports-actions{display:flex;gap:8px;flex-wrap:wrap}.reports-context{padding:12px 16px;background:#f7eaee;border-radius:8px;color:#804353;font-size:12px}#report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:white;border:1px solid #e7dfe2;border-radius:12px;padding:18px}#report-filters label{font-size:12px;color:#67585e}#report-filters input,#report-filters select{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:6px;padding:9px;font-size:13px;min-height:42px}.reports-branches{font-size:12px}.reports-branches summary{padding:12px;background:#f7f2f4;cursor:pointer}.reports-branches input{display:inline!important;width:18px!important;height:18px;min-height:18px!important;accent-color:#800517}.reports-branches label{display:flex;gap:8px;align-items:center;padding:5px}.reports-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.reports-shortcuts button,.reports-shortcuts select{min-height:38px;padding:8px 12px;font-size:12px}.reports-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.reports-kpis article{background:white;border:1px solid #e7dfe2;border-radius:10px;padding:18px}.reports-kpis span{display:block;font-size:12px;color:#74646a}.reports-kpis b{display:block;font-size:25px;color:#800517;margin-top:10px}.reports-note{font-size:12px;line-height:1.6;color:#786b71}.reports-table-wrap{overflow:auto;border:1px solid #e7dfe2;border-radius:12px;background:white}.reports-table-wrap table{width:100%;border-collapse:collapse}.reports-table-wrap th{background:#f8f5f6;text-align:start}.reports-table-wrap th,.reports-table-wrap td{padding:14px;border-bottom:1px solid #eee7e9;font-size:13px}.reports-table-wrap th button{border:0;background:transparent;padding:0;min-height:32px;font-size:12px}.reports-table-wrap td button{min-height:36px;padding:7px 12px;color:#800517}.reports-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:16px 0;font-size:12px}.reports-pagination span{margin-inline-end:auto}.report-invoice{padding:14px;border:1px solid #e8dbe0;border-radius:10px;margin:10px 0}.report-invoice p{font-size:12px}.report-invoice button{margin-inline-start:14px}.reports-empty{padding:32px;background:white;border:1px solid #e7dfe2;border-radius:12px}.reports-main #report-error{color:#a11836;grid-column:1/-1;margin:0}.reports-main button.primary{background:#800517;color:white}.reports-main select{max-width:100%}@media(max-width:1050px){.reports-shell{grid-template-columns:180px 1fr;gap:16px}#report-filters{grid-template-columns:repeat(3,1fr)}.reports-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.reports-shell{display:block}.reports-nav{height:auto;position:static;max-height:200px;margin-bottom:16px}#report-filters{grid-template-columns:1fr 1fr}.reports-main header{display:block}}
body.reports-center-mode>aside,body.reports-center-mode>main>header{display:none}body.reports-center-mode>main{margin:0;max-width:none;padding:20px}.reports-shell .reports-nav{width:auto;border-right:1px solid #e7e0e2}.reports-main header{border-bottom:0;margin-bottom:10px;padding-bottom:0}#report-filters label{margin:0}.reports-nav button:hover{background:#faf0f3}.reports-nav button.selected:hover{background:#800517}.reports-shortcuts select{width:auto}.reports-main input[type=checkbox]{accent-color:#800517}
