/* Revision two: four top tabs instead of stacked app/channel sidebars. */
@media(min-width:761px){
 .shell{display:flex;flex-direction:column;min-height:650px}
 .sidebar{height:82px;flex-shrink:0;flex-direction:row;align-items:center;padding:0 28px;gap:22px;background:var(--navy)}
 .sidebar .brand{font-size:21px;padding:0;white-space:nowrap}
 .sidebar .brand-sub{font-size:7px;letter-spacing:1.1px;white-space:nowrap;margin-top:4px}
 .sidebar .company{margin:0;padding:0 0 0 22px;border-bottom:0;border-left:1px solid #ffffff25}
 .company-caption{font-size:9px}.company-name{font-size:11px}.company-symbol{display:none}
 .nav-label{display:none}.nav{flex-direction:row;gap:6px;margin-left:auto}
 .nav a{padding:13px 18px;position:relative;gap:8px;font-size:12px}
 .nav a.active:before{height:3px;width:20px;bottom:0;left:calc(50% - 10px);border-radius:3px}
 .sidebar-bottom{margin:0}.user{display:none}
 .demo-note{font-size:0;line-height:0;padding:0;border:0;margin:0}
 .demo-note strong,.demo-note br,.demo-note span{display:none}
 .demo-note button{font-size:10px;margin:0;line-height:1.5;text-decoration:none}
 .demo-note a{display:none}
 .workspace{flex:1;min-height:0}.topbar{height:46px;padding:0 30px;background:#fcfdfd}
 .chat-grid{grid-template-columns:minmax(0,1fr) 288px;grid-template-rows:65px minmax(0,1fr);max-width:1300px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
 .channels{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;padding:10px 23px;gap:8px;border-right:0;border-bottom:1px solid var(--line);background:#f3f5f7}
 .channels h2{padding:0 18px 0 0;font-size:12px;letter-spacing:0;font-weight:600}
 .channel-section,.channel-footer{display:none}.channel{padding:9px 13px;font-size:11px}.channel.selected{background:white;border:1px solid #dbe3ec;box-shadow:0 1px 2px #1b31500a}
 .channels .direct{display:none}.conversation{grid-column:1;grid-row:2}.context{grid-column:2;grid-row:2;display:block;background:#fcfdfd}
 .conversation-header{padding:18px 26px}.messages{padding:20px 27px}.message{margin-bottom:23px}
 .page-heading,.page-body{max-width:1200px;margin-left:auto;margin-right:auto;width:100%}
}
@media(min-width:761px) and (max-width:1050px){.sidebar .company{display:none}.sidebar{gap:12px;padding:0 20px}.nav a{padding:12px}.chat-grid{grid-template-columns:minmax(0,1fr) 250px}}
.proof-box{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:16px 0;background:#fbfcfd}
.proof-photo{width:100%;height:170px;object-fit:cover;display:block}
.proof-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font-size:10px;color:var(--muted)}
.proof-caption strong{color:var(--navy);font-size:11px}.proof-label{font-size:9px;color:#8a96a4}
.proof-empty{margin:16px 0;padding:14px;background:#f3f6f9;border:1px dashed #cdd8e4;border-radius:9px;font-size:11px;line-height:1.6;color:var(--muted)}
.proof-box+.detail-note{margin-top:12px}
dialog{max-height:calc(100dvh - 30px)}
.dialog-body:has(.proof-box) .detail-note{margin:10px 0;padding:10px;font-size:11px;line-height:1.6}
.dialog-body:has(.proof-box) .detail-meta{padding:12px 0;margin-bottom:12px}
.dialog-body:has(.proof-box) p{font-size:12px}
.dialog-body:has(.proof-box) .detail-actions{margin-top:14px}
.photo-preview{max-width:100%;height:auto;border-radius:9px;display:block}
.proof-open{display:block;width:100%;padding:0;text-align:left}
@media(max-width:760px){.proof-photo{height:145px}.dialog-head{padding:18px}.dialog-body{padding:18px}.detail-meta{padding:12px 0;margin-bottom:12px}.dialog-body p{font-size:12px}.detail-note{margin:12px 0;padding:10px;font-size:11px}.detail-actions{margin-top:14px}.dialog-head h2{font-size:16px}}