/* V1 parity block: Team Messages. Functional/mobile workflow only. */
.messages-screen{max-width:1120px;margin:0 auto}
.messages-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;align-items:center;margin-bottom:10px}
.messages-toolbar strong{font-size:16px;color:var(--green)}
.messages-toolbar button{min-height:40px}
.message-filter-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:13px}
.message-filter-row button{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:6px;background:#fff;color:var(--green);border:1px solid var(--line)}
.message-filter-row button.active{background:var(--green);color:#fff;border-color:var(--green)}
.message-filter-row strong{font-size:12px}
.mobile-new-message-btn{display:none!important}
.message-list-heading{margin:12px 2px 8px;color:var(--green);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.message-thread-list{display:grid;gap:8px}
.message-empty{padding:18px 12px;border:1px solid #d3dcd7;border-radius:12px;background:#fff;color:var(--muted);text-align:center}
.message-inbox-card{background:#fff;border:1px solid #d3dcd7;border-radius:12px;padding:12px;cursor:pointer}
.message-inbox-card.unread{border-top:3px solid var(--green)}
.message-inbox-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.message-inbox-label{font-size:14px;font-weight:900;color:#1f2937;line-height:1.3;overflow-wrap:anywhere}
.message-inbox-type,.message-inbox-meta{margin-top:3px;color:#667085;font-size:11px;line-height:1.35}
.message-inbox-preview{margin-top:9px;color:#24312b;font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.message-state-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.message-state-badge{display:inline-flex;padding:4px 7px;border:1px solid #cbd5d0;border-radius:999px;background:#f4f7f5;color:var(--green);font-size:10px;font-weight:900}
.message-state-badge.starred{border-top:3px solid var(--gold);color:#725b15;background:#faf9f3}
.message-state-badge.later{color:#59645f}
.message-quick-organize{position:relative;flex:0 0 auto}
.message-quick-organize summary{list-style:none;min-height:36px;padding:7px 9px;border:1px solid #c7d2cc;border-radius:8px;background:#fff;color:var(--green);font-size:11px;font-weight:850;cursor:pointer}
.message-quick-organize summary::-webkit-details-marker{display:none}
.message-quick-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:20;min-width:160px;padding:6px;background:#fff;border:1px solid #cbd5d0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.message-quick-option{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:7px;background:#fff;color:#24312b;text-align:left;font-size:12px}
.message-quick-option.active{background:#f4f7f5;color:var(--green)}
.message-thread-flags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}
.message-thread-flag{min-height:40px;border:1px solid #c7d2cc;border-radius:9px;background:#fff;color:var(--green);font-size:11px;font-weight:900}
.message-thread-flag.active{background:#f4f7f5;border-top:3px solid var(--green)}
.message-thread-flag[data-message-flag="starred"].active,.message-thread-flag[data-thread-flag="starred"].active{border-top-color:var(--gold);color:#725b15;background:#faf9f3}
.message-section-help{margin-bottom:9px;color:var(--muted);font-size:11px}
.message-section-title{font-size:14px;font-weight:900;color:var(--green)}
.team-message{padding:10px 11px;background:#fff;border:1px solid #d6ded9;border-radius:11px}
.team-message.mine{background:#f7faf8}
.team-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:#68736e;font-size:10.5px;line-height:1.35}
.team-message-who{font-weight:900;color:#33423b}
.team-message-text{margin-top:6px;color:#24312b;font-size:13px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}
.message-compose{margin-top:10px;padding-top:10px;border-top:1px solid #e0e6e2}
.message-compose-grid{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr) auto;gap:9px;align-items:end}
.message-compose-grid label{display:grid;gap:5px}
.message-compose-grid label>span{color:#68736e;font-size:10px;font-weight:900;letter-spacing:.035em;text-transform:uppercase}
.message-compose-grid select,.message-compose-grid textarea{width:100%;min-height:43px;padding:9px 10px;border:1px solid #c7d2cc;border-radius:9px;background:#f4f7f5;color:var(--text);font:inherit;box-sizing:border-box}
.message-compose-grid textarea{min-height:74px;resize:vertical}
.message-compose-grid button{min-height:43px}
.message-form-actions{display:flex;gap:8px}
.message-composer-panel,.general-thread-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;margin-bottom:10px}
.general-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.record-message-panel{padding-top:2px}
.lead-core-messages .lead-core-disclosure-body{padding-top:10px}

@media(max-width:700px){
  .messages-toolbar{grid-template-columns:auto minmax(0,1fr) auto}
  .messages-toolbar .message-add-main{display:none}
  .messages-toolbar strong{text-align:center;font-size:14px}
  .message-filter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px}
  .message-filter-row button{min-height:44px;padding:8px 7px;font-size:11px}
  .mobile-new-message-btn{display:flex!important}
  .message-compose-grid{grid-template-columns:1fr}
  .message-wide{grid-column:auto}
  .message-compose-grid button{width:100%;min-height:44px}
  .message-form-actions{display:grid;grid-template-columns:1fr 1fr}
  .message-inbox-top{gap:8px}
  .message-quick-organize{min-width:112px}
  .message-quick-organize summary{min-height:42px;padding:8px 9px;font-size:12px}
  .message-quick-menu{min-width:172px}
  .message-quick-option{min-height:42px;font-size:12px}
  .team-message-head{display:block}
  .team-message-head>span:last-child{display:block;margin-top:2px}
  .message-thread-flag{min-height:42px}
}
/* Messages main-screen V2 hierarchy refinement — 2026-10-01 */
.messages-screen{
  max-width:none;
  margin:0;
  display:grid;
  gap:9px;
}
.messages-heading{margin:0 2px 1px}
.message-filter-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.message-control-btn{
  min-width:0;
  min-height:40px;
  padding:7px 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #c7d2cc;
  border-radius:9px;
  background:#fff;
  color:#52605a;
  box-shadow:none;
  font-size:11.5px;
  font-weight:850;
  line-height:1.1;
}
.message-control-btn strong{
  color:var(--green);
  font-size:10.5px;
  font-weight:900;
}
.message-control-btn.active{
  border-color:var(--green);
  background:var(--green);
  color:#fff;
}
.message-control-btn.active strong{color:#fff}
.message-new-control{
  border-color:#b9cbc1;
  background:#fff;
  color:var(--green);
  font-weight:900;
}
.message-list-heading{
  margin:4px 2px 0;
  font-size:13px;
}
.message-empty{
  padding:14px 12px;
  border-style:dashed;
  background:#fff;
  font-size:12px;
}
@media(max-width:700px){
  .messages-screen{max-width:none;margin:0;gap:9px}
  .message-filter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0}
  .message-control-btn{min-height:40px;padding:7px 7px;font-size:11px}
  .message-list-heading{margin:4px 2px 0}
}
/* Specificity lock: override the legacy Messages filter-button rules without changing cards. */
.message-filter-row .message-control-btn{
  min-width:0;
  min-height:40px;
  padding:7px 9px;
  justify-content:center;
  border:1px solid #c7d2cc;
  border-radius:9px;
  background:#fff;
  color:#52605a;
  font-size:11.5px;
  font-weight:850;
  line-height:1.1;
}
.message-filter-row .message-control-btn.active{
  border-color:var(--green);
  background:var(--green);
  color:#fff;
}
.message-filter-row .message-new-control{
  border-color:#b9cbc1;
  background:#fff;
  color:var(--green);
  font-weight:900;
}
@media(max-width:700px){
  .message-filter-row .message-control-btn{min-height:40px;padding:7px 7px;font-size:11px}
}


/* Message detail / composer V2 visual cleanup — 2026-10-01 */
.messages-screen .message-composer-panel .message-form-actions [data-new-general-send],
.messages-screen .general-thread-panel [data-general-reply-send]{
  min-height:42px;
  padding:9px 12px;
  border:1px solid var(--green);
  border-top:3px solid var(--gold);
  border-radius:9px;
  background:var(--green);
  color:#fff;
  box-shadow:none;
  font-size:12px;
  font-weight:900;
  line-height:1.1;
}
.messages-screen .message-composer-panel .message-form-actions [data-new-general-cancel],
.messages-screen .general-thread-panel [data-general-thread-back]{
  min-height:38px;
  padding:8px 10px;
  border:1px solid #c7d2cc;
  border-radius:9px;
  background:#fff;
  color:var(--green);
  box-shadow:none;
  font-size:11.5px;
  font-weight:900;
  line-height:1.1;
}
.general-thread-actions{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:7px;
  flex:0 0 auto;
}
.general-thread-actions .message-quick-organize{min-width:0}
.general-thread-actions .message-quick-organize summary{
  min-height:38px;
  padding:8px 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid #c7d2cc;
  border-radius:9px;
  background:#fff;
  color:var(--green);
  font-size:11.5px;
  font-weight:900;
  line-height:1.1;
}
.message-quick-menu{
  min-width:132px;
  padding:4px;
  border-radius:9px;
}
.message-quick-option{
  min-height:34px;
  padding:7px 8px;
  border-radius:7px;
  font-size:11.5px;
  font-weight:800;
}
.message-quick-option.active{
  background:#eef5f0;
  color:var(--green);
}
@media(max-width:700px){
  .general-thread-head{align-items:flex-start;gap:8px}
  .general-thread-actions{gap:6px}
  .messages-screen .general-thread-panel [data-general-thread-back],
  .general-thread-actions .message-quick-organize summary{min-height:40px;padding:8px 9px}
  .message-quick-organize{min-width:0}
  .message-quick-menu{min-width:140px;padding:4px}
  .message-quick-option{min-height:38px;padding:8px;font-size:11.5px}
}