/* Admin shortcut UI (header dropdown + panel cards). Visible for admins only. */
.admin-dropdown{position:relative;display:inline-flex}
.admin-dropdown-toggle{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:8px;border:1px solid rgba(216,180,90,.55);background:linear-gradient(135deg,rgba(216,180,90,.18),rgba(216,180,90,.06));color:#f2d47b;font:700 12.5px Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap;flex:0 0 auto}
.admin-dropdown-toggle:hover{background:linear-gradient(135deg,rgba(216,180,90,.32),rgba(216,180,90,.12))}
.admin-dropdown-toggle .caret{font-size:10px;transition:transform .2s}
.admin-dropdown.open .admin-dropdown-toggle .caret{transform:rotate(180deg)}
.admin-dropdown-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:250px;background:#0b141d;border:1px solid rgba(216,180,90,.35);border-radius:12px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.6);z-index:200}
.admin-dropdown-menu[hidden]{display:none}
.admin-dropdown-menu a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;color:#e8eef4;text-decoration:none;font-size:13.5px}
.admin-dropdown-menu a:hover{background:rgba(216,180,90,.14);color:#f2d47b}
.admin-dropdown-menu a .a-icon{font-size:17px}
.admin-dropdown-menu a small{display:block;color:#8fa3b5;font-size:11px}
/* Panel cards */
.admin-panel-section{margin-top:22px}
.admin-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.admin-panel-head h2{margin:0;font-size:20px}
.admin-badge{font-size:11px;font-weight:800;letter-spacing:1px;color:#0a0f16;background:linear-gradient(120deg,#e8c96a,#f5e2a0);border-radius:20px;padding:3px 12px}
.admin-panel-sub{color:#9fb3c8;margin:0 0 14px;font-size:13px}
.admin-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.admin-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid rgba(216,180,90,.28);border-radius:12px;background:linear-gradient(160deg,rgba(216,180,90,.09),rgba(8,20,28,.6));color:#e8eef4;text-decoration:none;transition:transform .15s,border-color .15s}
.admin-card:hover{transform:translateY(-3px);border-color:#d8b45a}
.admin-card .a-icon{font-size:26px;line-height:1}
.admin-card b{display:block;font-size:14.5px;color:#f5e2a0}
.admin-card small{color:#9fb3c8;font-size:12px;line-height:1.6}
@media(max-width:640px){.admin-dropdown-menu{position:fixed;inset-inline:12px;top:auto}}
/* Header space fix: language + account share one grid column, so keep account compact. */
#account-area{flex-wrap:nowrap;min-width:0}
#account-area .account-greet{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#account-area .account-greet strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#account-area .account-panel-link,#account-area .account-login-link{flex:0 0 auto}
#account-area .account-logout{flex:0 0 auto}
@media(max-width:1700px){
  .admin-dropdown-toggle .admin-toggle-label{display:none}
  .admin-dropdown-toggle{gap:5px}
  #account-area .account-greet{max-width:110px}
}
@media(max-width:1450px){
  #account-area .account-greet{display:none}
}