/* deadpixel.net — foundation/completion update */

.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px}
.footer-links button{border:0;background:transparent;color:#777;font:9px Tahoma,Verdana,Arial,sans-serif;text-decoration:underline;cursor:pointer;padding:0}
.footer-links button:hover{color:#bbb}

.site-info-shell{max-width:900px;margin:0 auto}
.site-info-body{padding:18px;min-height:260px;line-height:1.65;overflow-wrap:anywhere}
.site-info-body h2,.site-info-body h3{color:#d6d6d6;margin:0 0 12px}
.site-info-body p{margin:0 0 14px}
.site-info-body a{color:#b83a50}
.site-info-body code{background:#050505;border:1px solid #333;padding:1px 4px}

.layout-owner-tools{margin-top:18px;border-top:3px double #414141;padding-top:12px}
.layout-owner-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:10px;letter-spacing:1px}
.layout-owner-list{display:grid;gap:7px}
.layout-owner-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border:1px solid #3d3d3d;background:#090909}
.layout-owner-row b{display:block;color:#ddd}
.layout-owner-row small{display:block;color:#777;margin-top:3px}
.layout-owner-row .row-actions{justify-content:flex-end}
.layout-edit-fields{display:grid;gap:8px;margin-top:8px}
.layout-edit-fields textarea{min-height:90px}

.discover-result-kind{display:inline-block;min-width:64px;color:#8d8d8d;font:9px 'Courier New',monospace;letter-spacing:1px}
#discoverSearchResults .discover-row{grid-template-columns:auto 1fr auto}
#discoverSearchResults .discover-row>div:first-child{width:auto;height:auto;border:0;background:none}
.old-pagination{display:flex;align-items:center;justify-content:center;gap:9px}
.old-pagination button:disabled{opacity:.35;cursor:not-allowed}

.profile-safety-actions{display:flex;gap:5px;flex-wrap:wrap;margin-left:auto}
.profile-safety-actions button{font-size:9px}
.profile-view-counter{font-family:'Courier New',monospace;letter-spacing:2px}

.album-social{margin-top:14px;border-top:3px double #444;padding-top:12px}
.album-social-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.album-social-counts{display:flex;gap:7px;font:10px 'Courier New',monospace;color:#999}
.album-comment-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin:8px 0 12px}
.album-comment-form textarea{min-height:54px;resize:vertical}
.album-comment{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 0;border-top:1px dotted #333}
.album-comment p{margin:4px 0 0}
.album-comment small{color:#777}
.album-custom-frame{display:block;width:100%;min-height:120px;border:1px solid #333;background:#050505;margin:10px 0}
.media-item-custom{margin-top:6px}
.media-item-custom iframe{display:block;width:100%;min-height:70px;border:0;background:transparent}
.media-card-owner{color:#777;font-size:9px}

.report-button{opacity:.75}
.report-button:hover{opacity:1}
.thread-message-report{margin-top:5px;text-align:right}
.thread-message-report button{font-size:8px}

.admin-content-report-list{display:grid;gap:8px}
.admin-site-pages-note{padding:9px 10px;margin:0;color:#999;border-bottom:1px solid #333}
.admin-site-page-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:10px}
.admin-site-page-tabs button{background:#080808;color:#aaa;border:1px solid #444;padding:6px 8px;font:9px Tahoma,Verdana,Arial,sans-serif;cursor:pointer}
.admin-site-page-tabs button.active{background:#4d0712;color:#fff;border-color:#7a1023}
.admin-site-page-form{padding:0 10px 12px}
.admin-site-page-form textarea{min-height:260px}
.account-email-form{margin-top:14px;padding-top:12px;border-top:1px dotted #444}

.ring-ban-list{display:grid;gap:5px;margin-top:10px}
.ring-ban-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px;border:1px solid #333;background:#070707}
.ring-admin-subtitle{margin:12px 0 6px;color:#888;font:9px 'Courier New',monospace;letter-spacing:1px}

.viewer-pref-note{padding:6px 8px;border:1px dotted #444;background:#080808;color:#888;font-size:9px;margin-bottom:8px}

@media(max-width:700px){
  .layout-owner-row{grid-template-columns:1fr}
  .album-comment-form{grid-template-columns:1fr}
  .footer-links{order:3;width:100%}
}

.discord-nav{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:normal}


/* Profile iframe stability: content remains scriptless, but same-origin allows
   reliable srcdoc rendering and parent-side blank-frame checks across browsers. */
/* Public profiles flow as part of the deadpixel page. The iframe remains only
   as a scriptless CSS/HTML security boundary; it auto-sizes and never scrolls. */
#profileTemplate.template-profile{
  border:0!important;background:transparent!important;padding:0!important;overflow:visible!important;
  /* Break the custom profile out of <main>'s normal content gutter. The site
     header/nav remain deadpixel-owned, but the user's profile canvas reaches
     edge-to-edge across the browser screen like a MySpace profile. */
  margin-left:-14px!important;margin-right:-14px!important;width:calc(100% + 28px)!important;max-width:none!important;
}
.published-profile-frame{display:block;width:100%!important;max-width:none!important;height:120px;min-height:0!important;border:0!important;background:transparent!important;overflow:hidden!important}

/* Webring hero actions — keep JOIN / REQUEST / LEAVE compact even if other
   button rules or a community skin are unusually aggressive. */
#ringDetail .ring-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px}
#ringDetail .ring-detail-actions>button{
  appearance:none;-webkit-appearance:none;box-sizing:border-box;display:inline-flex;
  align-items:center;justify-content:center;width:auto!important;min-width:0!important;
  max-width:100%;height:30px!important;min-height:30px!important;margin:0!important;
  padding:0 11px!important;border:1px solid #555!important;border-radius:0!important;
  background:linear-gradient(#242424,#0d0d0d)!important;color:#c7c7c7!important;
  font:700 9px/1 Tahoma,Verdana,Arial,sans-serif!important;letter-spacing:.35px!important;
  text-transform:uppercase!important;white-space:nowrap!important;box-shadow:inset 0 1px #333!important;
  cursor:pointer!important;overflow:hidden!important;
}
#ringDetail .ring-detail-actions>button:hover{background:linear-gradient(#351019,#13070a)!important;border-color:#781328!important;color:#eee!important}
#ringDetail .ring-detail-actions>.ring-membership-button{border-color:#781328!important;background:linear-gradient(#5a0c1b,#23070d)!important;color:#f0dfe3!important}
#ringDetail .ring-detail-actions>.ring-membership-button:hover{background:linear-gradient(#751226,#310910)!important;color:#fff!important}
@media(max-width:560px){#ringDetail .ring-detail-actions{display:grid;grid-template-columns:1fr 1fr}#ringDetail .ring-detail-actions>button{width:100%!important}}

/* Keep the social controls attached to the site chrome while the custom profile
   itself flows naturally below them. */
#page-profile .profile-social-bar{margin-bottom:10px}
#page-profile #profileCommentsPanel{margin-top:12px}
@media(max-width:720px){
  #profileTemplate.template-profile{margin-left:-10px!important;margin-right:-10px!important;width:calc(100% + 20px)!important}
  .published-profile-frame{width:100%!important}
}


/* TRUE MYSPACE-STYLE PROFILE PAGE SKINS -----------------------------------
   User Custom CSS is injected into the outer document only while a profile is
   being VIEWED. These rules make the profile route a genuine full-page canvas,
   while the dynamic logo guard in foundation.js protects the deadpixel wordmark. */
html.profile-page-skin,
body.profile-page-skin{width:100%;max-width:none}
body.profile-page-skin #siteShell{width:100%;max-width:none}
body.profile-page-skin #page-profile{width:100%;max-width:none}
body.profile-page-skin #profileTemplate.template-profile{max-width:none}
.profile-css-targets{margin-top:8px;padding-top:8px;border-top:1px dotted #444;line-height:1.7}
.profile-css-targets code{display:inline-block;margin:2px 2px 2px 0;padding:1px 4px;border:1px solid #3b3b3b;background:#050505;color:#c8c8c8}

/* ============================================================
   DISCORD ACCOUNT CONNECTION
   ============================================================ */
.discord-connect-wrap{max-width:760px;margin:24px auto;padding:0 10px}
.discord-connect-panel{padding-bottom:18px}
.discord-connect-terminal{margin:16px;padding:18px;border:1px solid #5e111a;background:#070707;font-family:"Courier New",monospace;display:grid;gap:8px;box-shadow:inset 0 0 0 1px #151515}
.discord-connect-terminal b{color:#b5212f;letter-spacing:2px;text-transform:uppercase}
.discord-connect-terminal span{color:#9a9a9a}
.discord-connect-terminal code{display:block;padding:12px;border:1px dashed #6a1a22;background:#0e090a;color:#e0d8d8;font-size:18px;letter-spacing:2px;text-align:center}
.discord-connect-panel>p{margin:14px 16px;color:#b6b6b6;line-height:1.5}
.discord-connect-user{margin:14px 16px;padding:10px;border-left:3px solid #7f0a18;background:#0d0d0d;color:#d0d0d0;font:12px "Courier New",monospace}
.discord-connect-actions{margin:16px;display:flex;gap:8px;flex-wrap:wrap}
.discord-connect-actions .is-hidden{display:none!important}
.discord-connect-panel.success .discord-connect-terminal{border-color:#4f6a4f}
.discord-connect-panel.error .discord-connect-terminal{border-color:#8a2020}

/* ==========================================================
   DEADBOT.EXE / SETTINGS -> DISCORD
   ========================================================== */
.discord-settings-shell{padding:14px;display:grid;gap:12px}
.discord-settings-status{border:1px solid #3b3b3b;background:#090909;padding:11px;color:#aaa;font:11px "Courier New",monospace;line-height:1.5}
.discord-settings-status.success{border-color:#405940;color:#b7d1b7}
.discord-settings-status.error{border-color:#711b25;color:#d3a5ad}
.discord-settings-linked{border:1px solid #4a4a4a;background:#080808;padding:14px;display:grid;gap:9px}
.discord-settings-linked.is-hidden{display:none!important}
.discord-settings-linked>div:first-child{display:grid;gap:4px}
.discord-settings-linked span{font:9px var(--body-font);color:#777;letter-spacing:1px}
.discord-settings-linked b{font:16px "Courier New",monospace;color:#d0d0d0}
.discord-settings-linked small{color:#777}
.discord-settings-linked .row-actions{margin-top:3px}
.discord-unlink-button{margin:0}
.discord-code-form{padding:0}
.discord-settings-steps{display:grid;gap:7px;border-left:3px solid #7f0a18;background:#0c0c0c;padding:12px;color:#9b9b9b;line-height:1.45}
.discord-settings-steps b{color:#c4c4c4;letter-spacing:1px}
.discord-settings-steps code{color:#d1a5ad;background:#16080b;border:1px solid #48111a;padding:1px 4px}
.discord-code-form input{text-transform:uppercase;font-family:"Courier New",monospace;letter-spacing:1px}