/* Yellowhammer Trader - Messages (phpBB PM) skin. Presentation only. */
/* == PART A == */
:root{--yhm-gold:#f5c518;--yhm-panel:#1a1a1a;--yhm-panel2:#212121;--yhm-rule:rgba(255,255,255,.14);--yhm-mute:#93a1b5}

/* UCP shell: page title + top tabs */
.ucp-title{color:var(--yhm-gold);letter-spacing:.02em;margin:.4em 0 .6em}
#tabs.tabs ul{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 14px;border:0;background:none}
#tabs.tabs .tab>a{background:var(--yhm-panel2);border:1px solid var(--yhm-rule);border-radius:8px;color:#fff;padding:8px 14px;box-shadow:none;text-shadow:none}
#tabs.tabs .activetab>a{background:var(--yhm-gold);border-color:var(--yhm-gold);color:#111;font-weight:700}

/* Folder sidebar */
#cp-menu #navigation{background:none;border:0;padding:0}
#navigation ul{list-style:none;margin:0 0 12px;padding:0}
#navigation li a{display:block;padding:9px 12px;margin:0 0 4px;border:1px solid transparent;border-radius:8px;background:none;color:#e8e8e8}
#navigation li a:hover{background:var(--yhm-panel2)}
#navigation li.active-subsection a{background:rgba(245,197,24,.12);border-color:rgba(245,197,24,.4);color:var(--yhm-gold);font-weight:700}
#navigation li a strong{color:var(--yhm-gold)}
.cp-mini{background:var(--yhm-panel);border:1px solid var(--yhm-rule);border-radius:10px}

/* Inbox header + actions */
#cp-main h2{color:var(--yhm-gold)}
#cp-main .panel{background:none;border:0;padding:0}
.action-bar .button{background:var(--yhm-gold);border:0;border-radius:8px;color:#111;font-weight:700;padding:8px 16px;box-shadow:none;text-shadow:none}
.action-bar .button:hover{background:#ffd84d}
.action-bar .button.button-secondary{background:var(--yhm-panel2);border:1px solid var(--yhm-rule);color:#fff}
.action-bar .pagination{color:var(--yhm-mute)}

/* Inbox rows */
ul.topiclist.pmlist{margin:8px 0}
ul.topiclist.pmlist li.row{background:var(--yhm-panel);border:1px solid var(--yhm-rule);border-radius:10px;margin:0 0 8px;overflow:hidden}
ul.topiclist.pmlist li.row:hover{border-color:rgba(245,197,24,.5)}
ul.topiclist.pmlist li.row dl.row-item{background-image:none;padding:4px 0}
ul.topiclist.pmlist dl.row-item dt{background-image:none !important}
ul.topiclist.pmlist a.topictitle{color:#dcdcdc;font-size:16px;overflow-wrap:anywhere}
ul.topiclist.pmlist dl.row-item.pm_read:before{color:var(--yhm-mute)}
ul.topiclist.pmlist dl.row-item.pm_unread:before{color:var(--yhm-gold);text-shadow:0 0 8px rgba(245,197,24,.6)}
ul.topiclist.pmlist dl.row-item.pm_unread a.topictitle{color:#fff;font-weight:800}
ul.topiclist.pmlist .list-inner{color:var(--yhm-mute);overflow-wrap:anywhere}
ul.topiclist.two-columns li.header{background:none;border:0;color:var(--yhm-mute);text-transform:uppercase;font-size:12px;letter-spacing:.06em}
fieldset.display-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--yhm-panel);border:1px solid var(--yhm-rule);border-radius:10px;padding:10px 12px}

@media (max-width:700px){
  #cp-menu{float:none;width:auto}
  #cp-main{float:none;width:auto;margin-left:0}
  #navigation ul{display:flex;flex-wrap:wrap;gap:6px}
  #navigation li a{margin:0}
}
/* == END PART A == */
/* == PART B == */
/* Message view */
.post.pm{background:var(--yhm-panel);border:1px solid var(--yhm-rule);border-radius:12px;padding:0;overflow:hidden}
.post.pm .inner{padding:0}
.post.pm .postprofile{float:none;width:auto;display:flex;align-items:center;gap:14px;margin:0;padding:14px 18px;min-height:0;border:0;border-bottom:1px solid var(--yhm-rule);background:var(--yhm-panel2)}
.post.pm .postprofile dt{display:flex;align-items:center;gap:12px;margin:0;padding:0}
.post.pm .postprofile dd{display:none}
.post.pm .postprofile dd.profile-rank{display:block;color:var(--yhm-mute)}
.post.pm .postbody{float:none;width:auto;margin:0;padding:18px}
.post.pm .postbody h3.first{border:0;margin:0 0 6px;color:var(--yhm-gold);font-size:20px;overflow-wrap:anywhere}
.post.pm .postbody .author{border:0;color:var(--yhm-mute);font-size:13px}
.post.pm .postbody .content{min-height:0;padding-top:12px;color:#f2f2f2;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.post.pm .postbody .content img{max-width:100%;height:auto}
.post.pm .postbody .content blockquote{background:var(--yhm-panel2);border:1px solid var(--yhm-rule);border-left:3px solid var(--yhm-gold);border-radius:8px}
.post.pm .postbody .content code, .post.pm .postbody .content pre{overflow-x:auto;max-width:100%}
.post.pm .back2top{display:none}
.yh-pm-reply-bottom{margin:14px 0}
.yh-pm-reply-bottom .button{background:var(--yhm-gold);border:0;border-radius:8px;color:#111;font-weight:700;padding:10px 20px}
#topicreview.topicreview{background:var(--yhm-panel);border:1px solid var(--yhm-rule);border-radius:10px}
h3.review{color:var(--yhm-mute)}

/* Compose */
.posting-title{color:var(--yhm-gold)}
#pmheader-postingbox,#postingbox{background:var(--yhm-panel);border:1px solid var(--yhm-rule);border-radius:12px}
#pmheader-postingbox .inner,#postingbox .inner{padding:16px 18px}
#pmheader-postingbox input.inputbox,#postingbox input.inputbox,#postingbox textarea{background:#101010;border:1px solid var(--yhm-rule);border-radius:8px;color:#fff;font-size:16px;padding:10px}
#postingbox textarea{min-height:240px;width:100%;box-sizing:border-box}
#postingbox .submit-buttons .button1,#postingbox input.button1{background:var(--yhm-gold);border:0;border-radius:8px;color:#111;font-size:16px;font-weight:800;padding:10px 26px}
#postingbox .button2,#pmheader-postingbox .button2{background:var(--yhm-panel2);border:1px solid var(--yhm-rule);border-radius:8px;color:#fff}
ul.recipients li{display:inline-block;background:var(--yhm-panel2);border:1px solid var(--yhm-rule);border-radius:16px;padding:2px 10px;margin:2px 6px 2px 0}
#yh-fmt-toggle{position:absolute;opacity:0;pointer-events:none}
.yh-fmt-label{display:inline-block;margin:0 0 10px;padding:6px 14px;border:1px solid var(--yhm-rule);border-radius:16px;background:var(--yhm-panel2);color:var(--yhm-gold);cursor:pointer;font-size:14px}
#yh-fmt-toggle:checked + .yh-fmt-label{background:rgba(245,197,24,.15);border-color:rgba(245,197,24,.5)}
#yh-fmt-toggle:not(:checked) ~ #postingbox #format-buttons,
#yh-fmt-toggle:not(:checked) ~ #postingbox #smiley-box{display:none}

@media (max-width:700px){
  .post.pm .postprofile{padding:12px 14px}
  .post.pm .postbody{padding:14px}
  #postingbox textarea{min-height:180px}
}
/* == END PART B == */
/* Messages nav tab badge */
.yh-tab-messages .badge{display:inline-block;min-width:18px;margin-left:6px;padding:1px 6px;border-radius:9px;background:#c0392b;color:#fff;font-size:11px;line-height:16px;text-align:center;white-space:nowrap;vertical-align:middle}