/* One consistent navigation treatment for buttons and links. */
#nav{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden}
.sidebar #nav>button,.sidebar #nav>a[href]{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;align-items:center;width:100%;min-height:43px;height:auto;padding:9px 11px;border:1px solid #ffffff25;border-radius:9px;background:#ffffff0b;color:#effaf5;font:700 12px/1.25 Inter,Arial,sans-serif;text-align:left;text-decoration:none;box-shadow:none;letter-spacing:0}
.sidebar #nav>button span,.sidebar #nav>a>span{display:grid;place-items:center;width:25px;height:25px;font-size:16px;background:#ffffff0c;border-radius:6px}
.sidebar #nav>button b,.sidebar #nav>a>b{font:inherit;min-width:0;white-space:normal;overflow-wrap:normal}
.sidebar #nav>button:hover,.sidebar #nav>a:hover{background:#ffffff1b;border-color:#ffffff55;color:white}.sidebar #nav>button.active{background:#2a7058;border-color:#6ea88f;color:white;box-shadow:inset 3px 0 #8fdfb7}
#nav>.hidden{display:none!important}
.sidebar-foot #logout-btn{display:block!important;width:100%;min-height:40px;padding:9px 11px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff0b;color:#effaf5;font:700 12px/1.25 Inter,Arial,sans-serif;text-decoration:none}
body[data-current-view=members] .workspace{min-width:0;overflow:hidden}#view-members.active{display:flex;flex-direction:column;min-height:0;overflow:hidden;height:calc(100dvh - 108px)}
#view-members>.panel:first-child{flex:1;display:flex;flex-direction:column;min-height:0;max-width:100%;overflow:hidden;margin:0}
#view-members .panel-head{flex:none;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}#view-members .panel-head h3{font-size:22px;white-space:nowrap;margin:4px 0}
#view-members .button-cluster{display:flex;flex-wrap:wrap;gap:7px;max-width:100%}#view-members .button-cluster>*{font-size:12px;padding:10px 12px;min-height:40px;white-space:nowrap;flex:none}
#view-members .search-row{flex:none;min-width:0;margin-bottom:12px}#view-members .search-row input{min-width:0;flex:1}
#member-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding-right:5px}
.compact-member.member-card{display:grid;grid-template-columns:minmax(0,1fr) 135px auto;gap:16px;align-items:center;padding:12px 16px;width:100%;max-width:100%;min-width:0;margin:0;flex:none;border-radius:11px;box-shadow:none}
.compact-member .member-identity{min-width:0}.compact-member .member-identity strong,.compact-member .member-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.45}
.compact-member .member-identity strong{font-size:15px}.compact-member small{color:var(--muted);font-size:11px}.compact-member .member-points{text-align:right;min-width:0}.compact-member .member-points strong{font-size:20px;display:block;line-height:1.2;white-space:nowrap}.compact-member .member-points small{display:block;white-space:nowrap}
.compact-member .member-actions{display:flex;gap:7px;align-items:center}.compact-member .member-actions>*{padding:10px 12px;white-space:nowrap;font-size:12px;min-height:40px;text-align:center}
#dialog-member-list{display:flex;flex-direction:column;gap:8px;max-height:60dvh;overflow:auto}.register-readonly #checkout-btn,.register-readonly #discount-btn{visibility:hidden}
body[data-current-view=reports] .view{max-width:100%}
body:not([data-current-view=pos]) .top-actions>button{display:none!important}
@media(min-width:701px) and (max-width:1100px){.sidebar{width:188px!important;min-width:188px!important}.app{grid-template-columns:188px minmax(0,1fr)!important}.sidebar .store-logo img{max-height:65px!important}.sidebar #nav{height:auto!important}.sidebar .sidebar-foot{display:grid!important}.topbar{min-width:0}.top-actions{gap:6px}.compact-member.member-card{grid-template-columns:minmax(0,1fr) 105px auto;gap:8px;padding:10px}.compact-member .member-actions>*{padding:9px 8px;font-size:11px}}
@media(max-width:700px){.sidebar{width:100%!important;height:auto!important;overflow:visible!important;padding:8px!important}.sidebar #nav{height:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible!important;gap:5px}.sidebar #nav>button,.sidebar #nav>a[href]{grid-template-columns:1fr;justify-items:center;gap:3px;padding:7px 5px;font-size:10px;text-align:center;min-height:59px}.sidebar #nav>button span,.sidebar #nav>a>span{display:none}.sidebar-foot{display:flex!important;padding:5px 0!important}.sidebar-foot>*{flex:1}.sidebar .logo{display:none!important}#view-members.active{height:auto;min-height:65dvh;overflow:visible}#view-members>.panel:first-child{overflow:visible}#member-list{max-height:65dvh}.compact-member.member-card{grid-template-columns:minmax(0,1fr) 91px;gap:8px;padding:11px}.compact-member .member-actions{grid-column:1/-1;justify-content:flex-end}.compact-member .member-points strong{font-size:18px}#view-members .button-cluster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}#view-members .button-cluster>*{white-space:normal}#view-members .panel-head h3{font-size:20px}}