:root{
  --hero-ring:rgba(255,255,255,.14);
  --glass-strong:rgba(255,255,255,.84);
  --surface-soft:#f6faff;
}
html{scroll-behavior:smooth;}
img{max-width:100%;height:auto;}
.brand-hero,.card,.navbar,.modal-content,.table-responsive{content-visibility:auto;contain-intrinsic-size:1px 600px;}
.brand-hero-logo,.logo{will-change:transform,filter;transform:translateZ(0);}
.table-premium-hint{margin-top:6px;color:#7082a0;font-size:.92rem;}
.table .btn,.actions .btn,.delete-btn,.playlist-btn,.logout,.activate,.small-btn{white-space:nowrap;}
.table td.actions-cell,.table th.actions-cell{text-align:center;}
.table td.protection-cell,.table th.protection-cell{text-align:center;}
.quick-pills span,.status-chip{backdrop-filter:blur(8px);}
.logo-shell,.brand-hero-visual{position:relative;}
.logo-shell::after,.brand-hero-visual::after{content:"";position:absolute;inset:auto 12% -10px 12%;height:42px;background:radial-gradient(circle at center, rgba(243,208,111,.32), transparent 70%);filter:blur(14px);pointer-events:none;}
.btn,.logout,.activate,.playlist-btn,.delete-btn,.small-btn{transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;}
.btn:hover,.logout:hover,.activate:hover,.playlist-btn:hover,.delete-btn:hover,.small-btn:hover{transform:translateY(-1px);filter:brightness(1.03);}
@media (max-width: 991px){
  #page-content-wrapper{padding:12px !important;}
  .navbar{padding:12px 14px !important;}
  .brand-hero{padding:20px !important;border-radius:22px !important;}
  .brand-hero-copy h1{font-size:1.55rem !important;}
  .brand-hero-copy p{font-size:.96rem !important;}
  .table thead th{font-size:.72rem !important;padding:6px 10px 10px !important;}
  .table td,.table th{padding:12px 10px !important;}
}
@media (max-width: 767px){
  body{overflow-x:hidden;}
  .container-fluid{padding-top:14px !important;}
  .card{border-radius:20px !important;}
  .card-body,.card-header{padding:16px !important;}
  .table-responsive{padding:10px !important;overflow-x:auto;}
  .table{min-width:760px;}
  .table td,.table th{font-size:.88rem;}
  .top-links{gap:8px !important;}
  .top-links a,.top-links span{font-size:12px !important;}
  .page{gap:14px !important;min-height:auto !important;}
  .card,.page-footer{padding-left:16px !important;padding-right:16px !important;}
  .row{flex-direction:column;align-items:flex-start !important;}
  .v{text-align:left !important;}
  .history-row{grid-template-columns:1fr !important;gap:6px !important;}
  .history-head{display:none !important;}
  .history-row > div::before{content:attr(data-label);display:block;font-size:.72rem;font-weight:800;color:#f3d06f;margin-bottom:3px;letter-spacing:.06em;text-transform:uppercase;}
  .actions{flex-direction:column;}
  .logout,.activate,.playlist-btn,.small-btn,.delete-btn,.btn{width:100%;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important;}
}