/* TR Global v453 — simplified Style Comments */
body[data-communication-page] .communication-simple-page{display:grid;gap:18px;min-width:0}
body[data-communication-page] .communication-coverage-board{display:none!important}
body[data-communication-page] .communication-simple-inbox,
body[data-communication-page] .communication-style-picker,
body[data-communication-page] .communication-center-board-simple{border:1px solid #dfe4ef;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(23,31,74,.055);overflow:visible}

body[data-communication-page] .communication-active-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px 18px;border-bottom:0;background:#fff}
body[data-communication-page] .communication-active-inbox-head h2{margin:5px 0 6px;font-size:1.55rem;line-height:1.12;color:#111747;letter-spacing:-.025em}
body[data-communication-page] .communication-active-inbox-head p{max-width:760px;margin:0;color:#6b7288;line-height:1.55}
body[data-communication-page] .communication-active-inbox-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
body[data-communication-page] .communication-active-inbox-actions>strong{padding:9px 12px;border-radius:999px;background:#eef1ff;color:#3d46ad;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em}

body[data-communication-page] .communication-recent-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;padding:0 24px 18px;border-bottom:1px solid #e7eaf1}
body[data-communication-page] .communication-recent-toolbar label,
body[data-communication-page] .communication-style-search-label,
body[data-communication-page] .communication-composer-fields label,
body[data-communication-page] .communication-composer-message,
body[data-communication-page] .communication-file-control{display:grid;gap:7px;color:#3d435f;font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
body[data-communication-page] .communication-recent-toolbar input,
body[data-communication-page] .communication-recent-toolbar select,
body[data-communication-page] .communication-style-search-label input,
body[data-communication-page] .communication-composer-fields input,
body[data-communication-page] .communication-composer-fields select,
body[data-communication-page] .communication-composer-message textarea{width:100%;min-height:48px;border:1px solid #d8deea;border-radius:13px;background:#fbfcff;color:#161a3e;font:inherit;font-size:.94rem;font-weight:700;letter-spacing:0;text-transform:none;padding:12px 14px;outline:0;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
body[data-communication-page] .communication-recent-toolbar input:focus,
body[data-communication-page] .communication-recent-toolbar select:focus,
body[data-communication-page] .communication-style-search-label input:focus,
body[data-communication-page] .communication-composer-fields input:focus,
body[data-communication-page] .communication-composer-fields select:focus,
body[data-communication-page] .communication-composer-message textarea:focus{border-color:#6d75d2;background:#fff;box-shadow:0 0 0 3px rgba(77,87,190,.09)}

body[data-communication-page] .communication-active-inbox-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:16px 20px 20px!important;background:#fafbfe!important;max-height:610px;overflow:auto}
body[data-communication-page] .communication-active-inbox-card{display:grid!important;grid-template-columns:74px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:13px 14px!important;border:1px solid #e0e4ed!important;border-radius:17px!important;background:#fff!important;box-shadow:none!important;transform:none!important;position:relative;transition:border-color .16s ease,box-shadow .16s ease!important}
body[data-communication-page] .communication-active-inbox-card:hover{border-color:#bfc5dc!important;box-shadow:0 9px 25px rgba(25,33,78,.07)!important}
body[data-communication-page] .communication-active-inbox-card.selected{border-color:#5962be!important;box-shadow:0 0 0 3px rgba(89,98,190,.08)!important}
body[data-communication-page] .communication-active-inbox-card.has-new-comment{border-left:4px solid #4e57c1!important;padding-left:11px!important}
body[data-communication-page] .communication-active-thumb{width:74px!important;height:74px!important;border-radius:14px!important;border:1px solid #e3e6ef!important;background:#f7f8fb!important}
body[data-communication-page] .communication-active-card-copy{min-width:0}
body[data-communication-page] .communication-active-card-top{display:flex;align-items:center;justify-content:flex-start!important;gap:7px!important;margin:0 0 4px!important}
body[data-communication-page] .communication-active-card-top span{padding:4px 8px!important;border-radius:999px!important;font-size:.62rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.06em}
body[data-communication-page] .communication-active-card-top span.open{background:#eef8f1!important;color:#267449!important}
body[data-communication-page] .communication-active-card-top span.closed{background:#f0f1f5!important;color:#6f7485!important}
body[data-communication-page] .communication-active-card-top time{margin-left:auto;color:#858b9d;font-size:.7rem;white-space:nowrap}
body[data-communication-page] .communication-new-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#111747;color:#fff;font-size:.59rem;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.065em}
body[data-communication-page] .communication-active-card-copy h3{margin:0 0 2px!important;color:#111747!important;font-size:1rem!important;line-height:1.35;white-space:normal!important;overflow:visible!important}
body[data-communication-page] .communication-active-card-copy>strong{display:block;color:#353b5d!important;font-size:.84rem!important;white-space:normal!important;overflow:visible!important}
body[data-communication-page] .communication-recent-preview{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;margin:5px 0!important;color:#73798f!important;font-size:.78rem!important;line-height:1.42!important;white-space:normal!important}
body[data-communication-page] .communication-active-card-copy>small{display:block;color:#9297a8;font-size:.69rem;line-height:1.35}
body[data-communication-page] .communication-active-open{min-width:118px;white-space:nowrap}
body[data-communication-page] .communication-active-inbox-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:13px;min-height:110px;padding:24px;border:1px dashed #d5d9e5;border-radius:16px;background:#fff;color:#72788d}

body[data-communication-page] .communication-style-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:22px;align-items:end;padding:22px 24px;position:relative}
body[data-communication-page] .communication-style-picker h2{margin:4px 0 5px;color:#111747;font-size:1.24rem;letter-spacing:-.02em}
body[data-communication-page] .communication-style-picker p{margin:0;color:#747b91;line-height:1.5}
body[data-communication-page] .communication-style-search-label{position:relative}
body[data-communication-page] .communication-search-results{position:absolute;z-index:30;right:24px;top:calc(100% - 6px);width:min(560px,calc(100% - 48px));max-height:360px;overflow:auto;border:1px solid #d8dce8;border-radius:15px;background:#fff;box-shadow:0 18px 44px rgba(18,25,65,.15);padding:7px}
body[data-communication-page] .communication-search-result{width:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:14px;padding:11px 12px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}
body[data-communication-page] .communication-search-result:hover{background:#f4f6fb}
body[data-communication-page] .communication-search-result strong{color:#111747}
body[data-communication-page] .communication-search-result small{display:block;margin-top:2px;color:#848a9d}

body[data-communication-page] .communication-style-context-simple{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:20px!important;align-items:center!important;padding:20px!important;border:1px solid #dfe4ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 36px rgba(23,31,74,.045)!important}
body[data-communication-page] .communication-style-context-simple .communication-style-image{width:132px!important;height:132px!important;min-height:132px!important;border-radius:17px!important;background:#f7f8fb!important}
body[data-communication-page] .communication-style-context-simple .communication-style-image img{width:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important;padding:7px}
body[data-communication-page] .communication-style-context-simple .communication-style-copy h2{margin:5px 0 13px;color:#111747;font-size:1.55rem;line-height:1.18;letter-spacing:-.03em}
body[data-communication-page] .communication-style-facts-simple{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 13px!important}
body[data-communication-page] .communication-style-facts-simple span{display:grid;gap:3px;padding:9px 10px;border:1px solid #e5e8ef;border-radius:11px;background:#fafbfe;color:#2c3152;font-size:.81rem;min-width:0}
body[data-communication-page] .communication-style-facts-simple b{color:#8a8fa1;font-size:.62rem;text-transform:uppercase;letter-spacing:.055em}

body[data-communication-page] .communication-center-board-simple{overflow:hidden}
body[data-communication-page] .communication-center-head-simple{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;margin:0!important;padding:22px 24px!important;border-bottom:1px solid #e5e8ef!important;background:#fff!important}
body[data-communication-page] .communication-center-head-simple h3{margin:4px 0 5px;color:#111747;font-size:1.32rem;letter-spacing:-.025em}
body[data-communication-page] .communication-center-head-simple p{margin:0;color:#737a90;line-height:1.5}
body[data-communication-page] .communication-center-head-simple>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
body[data-communication-page] .communication-center-head-simple em{font-style:normal;padding:7px 10px;border-radius:999px;background:#f0f1f5;color:#676d82;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
body[data-communication-page] .communication-center-head-simple em.open{background:#edf8f1;color:#267449}

body[data-communication-page] .communication-quick-composer{display:grid;gap:14px;margin:18px 20px;padding:18px;border:1px solid #d9deea;border-radius:18px;background:linear-gradient(180deg,#fbfcff,#fff)}
body[data-communication-page] .communication-composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
body[data-communication-page] .communication-composer-head h4{margin:4px 0 4px;color:#111747;font-size:1.12rem}
body[data-communication-page] .communication-composer-head p{margin:0;color:#767d92;font-size:.84rem;line-height:1.45}
body[data-communication-page] .communication-composer-status{padding:6px 9px;border-radius:999px;background:#eff1f6;color:#6e7487;font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
body[data-communication-page] .communication-composer-status.open{background:#edf8f1;color:#267449}
body[data-communication-page] .communication-composer-status.ready{background:#eef1ff;color:#3d46ad}
body[data-communication-page] .communication-composer-fields{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}
body[data-communication-page] .communication-composer-fields label small{font-size:.64rem;font-weight:800;color:#9a9eac;text-transform:none;letter-spacing:0}
body[data-communication-page] .communication-composer-message textarea{min-height:118px!important;resize:vertical;line-height:1.5}
body[data-communication-page] .communication-composer-bottom{display:flex;align-items:end;justify-content:space-between;gap:18px}
body[data-communication-page] .communication-file-control{min-width:0;max-width:480px}
body[data-communication-page] .communication-file-control input{max-width:100%;color:#555c76;font-size:.78rem;font-weight:700;text-transform:none;letter-spacing:0}
body[data-communication-page] .communication-file-control small{color:#9297a8;font-size:.66rem;font-weight:700;text-transform:none;letter-spacing:0}
body[data-communication-page] .communication-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
body[data-communication-page] .communication-readonly-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 20px;padding:15px 17px;border:1px dashed #d8dce7;border-radius:15px;background:#fafbfe;color:#777d90}
body[data-communication-page] .communication-readonly-note strong{color:#313754}

body[data-communication-page] .communication-current-thread{display:grid;gap:10px;margin:0 20px 20px}
body[data-communication-page] .communication-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:5px 2px}
body[data-communication-page] .communication-section-heading h3{margin:3px 0 0;color:#111747;font-size:1rem}
body[data-communication-page] .communication-section-heading>span{color:#84899a;font-size:.72rem;font-weight:800}
body[data-communication-page] .communication-thread-card{border:1px solid #e0e4ed;border-radius:17px;background:#fff;overflow:hidden}
body[data-communication-page] .communication-thread-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #e8eaf0;background:#fbfcfe}
body[data-communication-page] .communication-thread-header h4{margin:3px 0 3px;color:#111747;font-size:1rem}
body[data-communication-page] .communication-thread-header p{margin:0;color:#858a9d;font-size:.72rem}
body[data-communication-page] .communication-thread-status{padding:6px 9px;border-radius:999px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
body[data-communication-page] .communication-thread-status.open{background:#edf8f1;color:#267449}
body[data-communication-page] .communication-thread-status.closed{background:#f0f1f5;color:#707687}
body[data-communication-page] .communication-message-timeline{display:grid;gap:13px;padding:16px 17px 18px;background:#fff}
body[data-communication-page] .communication-message{display:grid;gap:5px;max-width:88%}
body[data-communication-page] .communication-message.buyer{justify-self:end}
body[data-communication-page] .communication-message-meta{display:flex;align-items:center;gap:7px;color:#7d8396;font-size:.69rem;line-height:1.25;flex-wrap:wrap}
body[data-communication-page] .communication-message.buyer .communication-message-meta{justify-content:flex-end}
body[data-communication-page] .communication-message-meta strong{color:#444a66}
body[data-communication-page] .communication-message-meta time{color:#9a9eac}
body[data-communication-page] .communication-role{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#eef0f6;color:#5d647a;font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
body[data-communication-page] .communication-role.team,
body[data-communication-page] .communication-role.admin,
body[data-communication-page] .communication-role.staff{background:#eef1ff;color:#4149aa}
body[data-communication-page] .communication-role.vendor{background:#fff4dc;color:#8a6119}
body[data-communication-page] .communication-role.buyer{background:#eaf7f2;color:#23724d}
body[data-communication-page] .communication-message-bubble{padding:12px 14px;border:1px solid #e2e5ed;border-radius:15px;background:#f8f9fc;color:#2f344f;line-height:1.58}
body[data-communication-page] .communication-message.buyer .communication-message-bubble{background:#f2f5ff;border-color:#dce2f6}
body[data-communication-page] .communication-message-bubble>p{margin:0}
body[data-communication-page] .communication-message-bubble .vendor-update-attachment{margin-top:10px}
body[data-communication-page] .communication-no-replies{padding:9px 11px;border-radius:10px;background:#fafbfc;color:#9296a5;font-size:.76rem}
body[data-communication-page] .communication-closed-note{display:grid;gap:3px;margin:0 17px 16px;padding:11px 13px;border-radius:12px;background:#f5f6f8;color:#6d7282;font-size:.74rem}
body[data-communication-page] .communication-closed-note strong{color:#42485e}
body[data-communication-page] .communication-closed-note p{margin:3px 0 0}

body[data-communication-page] .communication-history-master{margin:0 20px 20px;border:1px solid #e0e4ed;border-radius:16px;background:#fafbfe;overflow:hidden}
body[data-communication-page] .communication-history-master>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;cursor:pointer;list-style:none}
body[data-communication-page] .communication-history-master>summary::-webkit-details-marker{display:none}
body[data-communication-page] .communication-history-master>summary span{display:grid;gap:2px}
body[data-communication-page] .communication-history-master>summary strong{color:#20264a}
body[data-communication-page] .communication-history-master>summary small{color:#858a9c}
body[data-communication-page] .communication-history-master>summary b{min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#ebeef5;color:#555c74;font-size:.72rem}
body[data-communication-page] .communication-history-master[open]>summary{border-bottom:1px solid #e3e6ee;background:#fff}
body[data-communication-page] .communication-history{display:grid;gap:9px;margin:0!important;padding:12px!important;background:#fafbfe}
body[data-communication-page] .communication-history-item{border:1px solid #e2e5ec;border-radius:13px;background:#fff;overflow:hidden}
body[data-communication-page] .communication-history-item>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;cursor:pointer;list-style:none}
body[data-communication-page] .communication-history-item>summary::-webkit-details-marker{display:none}
body[data-communication-page] .communication-history-item>summary span{display:grid;gap:2px}
body[data-communication-page] .communication-history-item>summary strong{color:#2d3353;font-size:.83rem}
body[data-communication-page] .communication-history-item>summary small{color:#8b90a1;font-size:.69rem}
body[data-communication-page] .communication-history-item>summary em{font-style:normal;color:#777d8f;font-size:.68rem;font-weight:800}
body[data-communication-page] .communication-history-item .communication-thread-card{border:0;border-top:1px solid #e8eaf0;border-radius:0}

body[data-communication-page] .communication-qc-source{margin-top:10px}
body[data-communication-page] .vendor-update-attachment{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px 10px;border:1px solid #e0e4ec;border-radius:10px;background:#fff}
body[data-communication-page] .vendor-update-attachment>span{margin-right:auto;color:#555c73;font-size:.73rem;font-weight:800}

@media(max-width:1100px){
  body[data-communication-page] .communication-style-facts-simple{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-communication-page] .communication-active-inbox-card{grid-template-columns:68px minmax(0,1fr)!important}
  body[data-communication-page] .communication-active-thumb{width:68px!important;height:68px!important}
  body[data-communication-page] .communication-active-open{grid-column:2;justify-self:start}
}
@media(max-width:820px){
  body[data-communication-page] .communication-active-inbox-head,
  body[data-communication-page] .communication-center-head-simple{display:grid!important}
  body[data-communication-page] .communication-active-inbox-actions,
  body[data-communication-page] .communication-center-head-simple>div:last-child{justify-content:flex-start}
  body[data-communication-page] .communication-recent-toolbar,
  body[data-communication-page] .communication-style-picker,
  body[data-communication-page] .communication-composer-fields{grid-template-columns:1fr}
  body[data-communication-page] .communication-search-results{position:static;width:100%;max-height:320px;grid-column:1/-1}
  body[data-communication-page] .communication-style-context-simple{grid-template-columns:100px minmax(0,1fr)!important}
  body[data-communication-page] .communication-style-context-simple .communication-style-image{width:100px!important;height:100px!important;min-height:100px!important}
  body[data-communication-page] .communication-composer-bottom{align-items:stretch;flex-direction:column}
  body[data-communication-page] .communication-composer-actions{justify-content:flex-start}
  body[data-communication-page] .communication-message{max-width:100%}
}
@media(max-width:600px){
  body[data-communication-page] .communication-active-inbox-head,
  body[data-communication-page] .communication-recent-toolbar,
  body[data-communication-page] .communication-active-inbox-list,
  body[data-communication-page] .communication-style-picker{padding-left:14px!important;padding-right:14px!important}
  body[data-communication-page] .communication-active-inbox-card{grid-template-columns:56px minmax(0,1fr)!important;padding:11px!important}
  body[data-communication-page] .communication-active-thumb{width:56px!important;height:56px!important}
  body[data-communication-page] .communication-active-card-top time{width:100%;margin-left:0}
  body[data-communication-page] .communication-active-open{grid-column:1/-1;width:100%;justify-self:stretch}
  body[data-communication-page] .communication-style-context-simple{grid-template-columns:1fr!important}
  body[data-communication-page] .communication-style-context-simple .communication-style-image{width:100%!important;height:190px!important;min-height:190px!important}
  body[data-communication-page] .communication-style-facts-simple{grid-template-columns:1fr 1fr!important}
  body[data-communication-page] .communication-quick-composer,
  body[data-communication-page] .communication-current-thread,
  body[data-communication-page] .communication-history-master{margin-left:12px;margin-right:12px}
  body[data-communication-page] .communication-composer-head{display:grid}
  body[data-communication-page] .communication-composer-status{justify-self:start}
}