/* Uros custom-page responsive hardening — shared by applications, bug tracker and staff tools. */
*,*::before,*::after{box-sizing:border-box}
img,canvas,video,iframe{max-width:100%}
.app-container,.bug-container,.hub-container,.planning-shell,.nlog-wrap,.rules-wrapper{width:min(100%,1200px);max-width:100%;box-sizing:border-box}
.app-table,.bug-table,.loa-table{max-width:100%}

/* Application statistics */
.uro-stats-head{margin:0 0 24px;padding:24px;border:1px solid #333;border-radius:8px;background:rgba(0,0,0,.24)}
.uro-stats-head>div>span{display:block;margin-bottom:4px;color:#9b9488;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.uro-stats-head h1{margin:0;color:var(--color-gold,#e6c15c);font-family:Cinzel,serif;font-size:2rem}
.uro-stats-head p{max-width:780px;margin:8px 0 0;color:#aaa;line-height:1.55}
.uro-stat-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.uro-stat-card{padding:18px;border:1px solid #333;border-radius:8px;background:#151515}
.uro-stat-card>span,.uro-stat-card>small{display:block;color:#8d877e;font-size:.78rem}.uro-stat-card>strong{display:block;margin:5px 0;color:#f0e9dd;font-family:Cinzel,serif;font-size:2rem}
.uro-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.uro-stats-wide{grid-column:1/-1}.uro-stats-panel{min-width:0;padding:18px;border:1px solid #333;border-radius:8px;background:#151515}.uro-stats-panel h2{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--color-gold,#e6c15c);font-family:Cinzel,serif;font-size:1.05rem}.uro-stats-panel h2 svg{width:18px;height:18px}.uro-stat-breakdown-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,1.5fr) 58px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #262626}.uro-stat-breakdown-row:last-child{border-bottom:0}.uro-stat-breakdown-row strong,.uro-stat-breakdown-row span{display:block}.uro-stat-breakdown-row strong{color:#ddd;font-size:.9rem}.uro-stat-breakdown-row span{margin-top:2px;color:#777;font-size:.72rem}.uro-stat-breakdown-row>b{text-align:right;color:#bdb6aa;font-size:.78rem}.uro-stat-bar{height:8px;overflow:hidden;border-radius:999px;background:#0a0a0a;border:1px solid #292929}.uro-stat-bar span{height:100%;margin:0;background:#b38d36;border-radius:999px}.uro-stat-empty{padding:20px;text-align:center;color:#777}

@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .app-container,.bug-container,.hub-container,.planning-shell,.nlog-wrap,.rules-wrapper{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:14px!important;padding-right:14px!important}
  .app-navbar,.nav-tabs,.hub-navbar{max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:10px}
  .app-navbar .nav-btn,.nav-tabs .nav-link,.hub-navbar .hub-nav-item{flex:0 0 auto;white-space:nowrap}
  .view-grid{grid-template-columns:1fr!important}.info-panel{padding:20px!important}.skin-panel canvas{width:min(100%,280px)!important;height:auto!important}
  .app-table,.bug-table,.loa-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border-collapse:separate}
  .app-table th,.app-table td,.bug-table th,.bug-table td{white-space:normal;min-width:110px}
  .app-table th:first-child,.app-table td:first-child,.bug-table th:first-child,.bug-table td:first-child{min-width:135px}
  .submission-controls-heading,.voting-panel,.calendar-controls,.hub-header{flex-wrap:wrap}
  .uro-stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.uro-stats-grid{grid-template-columns:1fr}.uro-stats-wide{grid-column:auto}
  .bug-container .panel,.hub-content,.archive-content{min-width:0}.stats-grid,.hub-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .skins-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filter-area{flex-wrap:wrap}.search-box{min-width:0!important;width:100%}
  .nlog-fullbleed{width:auto!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
}
@media(max-width:620px){
  .app-container,.bug-container,.hub-container,.planning-shell,.nlog-wrap,.rules-wrapper{padding-left:10px!important;padding-right:10px!important}
  .app-header h1,.uro-stats-head h1{font-size:1.65rem!important}.section-title{font-size:1.15rem!important}.info-panel{padding:15px!important}
  .app-navbar{gap:6px}.app-navbar .nav-btn{padding:8px 11px;font-size:.75rem}
  .app-container form>div[style*="display:flex"],.info-panel>div[style*="display:flex"],.staff-chat-container form>div[style*="display:flex"]{flex-direction:column!important;align-items:stretch!important}
  .app-container form>div[style*="display:flex"]>*,.info-panel>div[style*="display:flex"]>*{min-width:0!important;width:100%!important}
  .uro-stat-cards{grid-template-columns:1fr 1fr}.uro-stat-card{padding:14px}.uro-stat-card>strong{font-size:1.55rem}.uro-stat-breakdown-row{grid-template-columns:1fr 48px}.uro-stat-bar{grid-column:1/-1;grid-row:2}.uro-stat-breakdown-row>b{grid-column:2;grid-row:1}
  .bug-container .panel{padding:14px!important}.nav-tabs{gap:6px}.voting-panel{align-items:stretch!important;flex-direction:column!important}
  .stats-grid,.hub-overview-grid,.skins-grid{grid-template-columns:1fr!important}.calendar-grid{min-width:600px}.calendar-container{overflow-x:auto}
  .nlog-grid,.nlog-form,.nlog-checkgrid{grid-template-columns:1fr!important}.nlog-card.double{grid-column:auto!important}
}
@media(max-width:420px){.uro-stat-cards{grid-template-columns:1fr}.btn,.nav-btn{max-width:100%}.app-table,.bug-table{font-size:.78rem}}


/* Application referral leaderboard */
.uro-referral-leader{display:grid;grid-template-columns:minmax(130px,1fr) 90px;gap:12px;align-items:center;}
.uro-referral-leader strong{min-width:0;overflow-wrap:anywhere;}
.uro-referral-leader b{text-align:right;}
@media(max-width:600px){.uro-referral-leader{grid-template-columns:minmax(0,1fr) 70px;gap:8px;}}