/* Presentation only: keep existing controls, IDs, events and permissions. */
main{min-width:0}
.dashboard-bar{display:grid;grid-template-columns:max-content max-content;gap:12px;align-items:center}
.dashboard-bar>#admin-identity{grid-column:1/-1;overflow-wrap:anywhere;font-size:14px}
.dashboard-bar>.admin-menu{grid-column:1/-1;grid-row:3;width:100%;margin:0}
.admin-menu>summary{width:max-content;min-width:160px}
.admin-menu nav{position:static;width:100%;margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px;box-shadow:none}
.admin-menu nav small{grid-column:1/-1;padding:12px 0 4px}
.admin-menu nav a{min-width:0;display:flex;align-items:center;gap:12px;padding:16px;background:#20303e;border:1px solid #3a4c5c;overflow-wrap:anywhere}
.admin-menu nav a[aria-current=page]{border-color:#c6a1ff;background:#382b4c}
button,.admin-menu>summary,.orders-shortcut,a.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;font-size:14px;line-height:1.45;padding:12px 16px;border:1px solid #9c80c3;box-shadow:0 3px 0 #0002;white-space:normal;text-align:left}
button:before,.admin-menu>summary:before,.admin-menu nav a:before,.orders-shortcut:before,a.secondary:before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.admin-menu>summary:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
#admin-refresh:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 10a8 8 0 1 0-2 8M20 4v6h-6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
#admin-beach-add:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
#admin-save:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 12 5 5L20 6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
button:hover:not(:disabled),.admin-menu nav a:hover{filter:brightness(1.12)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #efb36b;outline-offset:4px}
.admin-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 24px}
.admin-quick-links a{display:flex;flex-direction:column;gap:10px;padding:22px;background:#14212d;border:1px solid #52627a;border-radius:16px;min-width:0;line-height:1.5;overflow-wrap:anywhere;text-decoration:none}
.admin-quick-links a:first-child{border-color:#be9462}
.admin-quick-links strong{font-size:18px;color:#edf2fa}
.admin-quick-links span{font-size:13px;color:#aebdce}
.sound-admin{margin:24px 0;padding:20px;border:1px solid #52627a;border-radius:16px;min-width:0}
.sound-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.sound-admin select{width:100%;padding:12px;background:#0c141c;color:#fff;border:1px solid #52627a;border-radius:10px}
@media(max-width:460px){.sound-admin-row{grid-template-columns:1fr}.sound-admin-row>button{justify-self:start;margin-bottom:12px}}
.admin-quick-links strong,.admin-quick-links span{min-width:0}
.user-actions{gap:12px}
@media(max-width:750px){.admin-menu nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bar{grid-template-columns:1fr 1fr}.dashboard-bar>#admin-refresh{grid-column:1}.dashboard-bar>#admin-logout{grid-column:2}.admin-menu>summary{width:100%}}
@media(max-width:460px){.admin-menu nav{grid-template-columns:minmax(0,1fr);padding:10px}.admin-quick-links{grid-template-columns:minmax(0,1fr)}.dashboard-bar button{font-size:13px}.user-actions button{flex:1 1 140px}}
