.nav-group{border:0}.nav-group summary{list-style:none;padding:11px 10px;border-radius:8px;cursor:pointer;font-weight:700}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary::after{content:'›';float:right;transition:transform .15s}.nav-group[open] summary::after{transform:rotate(90deg)}.nav-group>a{display:block;margin-left:10px;padding:9px 12px;font-size:14px;border-left:1px solid #ffffff2b;border-radius:0 8px 8px 0}
.module-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.module-toolbar .filters{margin:0}.member-finance-list{display:grid;gap:11px}.member-finance-card{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(360px,1.5fr) minmax(310px,auto);gap:18px;align-items:center;padding:15px;border:1px solid #dfe8e3;border-radius:12px;background:#fbfdfc}.member-finance-card h3{margin:0 0 5px}.member-finance-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.member-finance-card dl div{background:#edf5f0;padding:9px;border-radius:8px}.member-finance-card dt{font-size:11px;color:#65776e;text-transform:uppercase}.member-finance-card dd{margin:4px 0 0;font-weight:750}.member-finance-card .total-debt{background:#f6ead0}.row-actions{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}.row-actions button,.row-actions .btn{font-size:12px;white-space:nowrap}.family-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.family-member-grid>section{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #dfe8e3;border-radius:10px;padding:13px}.family-member-grid h3{margin:0 0 4px}#family-member-select{min-height:210px}.note{background:#edf5f0;padding:11px;border-radius:8px;color:#4b6459}.panel+dialog{max-width:700px}
@media(max-width:1180px){.member-finance-card{grid-template-columns:1fr 1.4fr}.member-finance-card .row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:700px){
 .shell>main{overflow:visible}.shell>main>header h1{font-size:20px}.welcome{overflow:hidden}.welcome h2{overflow-wrap:anywhere}.module-toolbar{align-items:stretch}.module-toolbar>*{width:100%}.module-toolbar .filters{display:grid;grid-template-columns:1fr auto}.module-toolbar .filters label{min-width:0}
 .member-finance-card{display:block;padding:14px}.member-finance-card dl{grid-template-columns:1fr;margin:13px 0}.member-finance-card dl div{display:flex;justify-content:space-between;gap:12px;align-items:center}.member-finance-card dd{text-align:right}.row-actions{display:grid;grid-template-columns:1fr 1fr}.row-actions button,.row-actions .btn{width:100%;margin:0;white-space:normal;text-align:center}
 .family-member-grid{grid-template-columns:1fr}.family-member-grid>section{align-items:flex-start;overflow:hidden}.family-member-grid h3{overflow-wrap:anywhere}
 /* Alpha 0.5 kartice su uzrokovale preklapanje. Opće tabele sada koriste pouzdano horizontalno pomjeranje. */
 .table{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:5px}.table table.mobile-cards{display:table;width:100%;min-width:680px}.table table.mobile-cards thead,.table table.mobile-cards .mobile-table-head{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.table table.mobile-cards tbody{display:table-row-group}.table table.mobile-cards tr{display:table-row;border:0;box-shadow:none;padding:0}.table table.mobile-cards td,.table table.mobile-cards tbody th{display:table-cell;text-align:left;padding:10px;overflow-wrap:normal}.table table.mobile-cards td::before,.table table.mobile-cards tbody th::before{display:none}.table table.mobile-cards td .inline{justify-content:flex-start;min-width:220px}
 dialog{max-width:none}.modal-form{font-size:14px}.modal-head h2{font-size:21px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions button{width:100%;margin:0}.listbar,.pager{font-size:13px}.pager div{flex-wrap:wrap}.pubbrand span{max-width:min(46vw,220px)}
}
@media(max-width:380px){.row-actions{grid-template-columns:1fr}.shell>main{padding-inline:9px}.cards article,.panel,article{padding:13px}.mobile-menu{flex-basis:40px;width:40px;height:40px}.shell>main>header h1{font-size:18px}.pubbrand span{max-width:125px}.pubnav .loginbtn{padding:9px;font-size:12px}}