/* TAS final command-centre design */
body{background:#f7f8fb;color:#28263c}
.brand{width:235px}
.brand img{width:195px;height:54px;object-fit:contain;object-position:left center}
.header-tools{display:flex;gap:8px;margin-left:auto}
.header-icon{width:38px;height:38px;padding:0;border:1px solid #ffffff2c;background:#ffffff12}
.user{margin-left:0}
.user img{width:38px;height:38px;border-radius:50%;border:2px solid #eaaa28}
.user button{border:1px solid #ffffff24}
.login-logo{width:220px;max-height:85px;object-fit:contain;margin:auto;background:linear-gradient(105deg,#103f47,#175d67);padding:12px 20px;border-radius:12px}
.heading h1{letter-spacing:-.04em}
.monitor-strip{border-radius:12px;padding:13px 16px;background:linear-gradient(110deg,#102f38,#123f49 58%,#174d55);box-shadow:0 10px 28px #103f4724}
.monitor-strip>b small{display:block;color:#9ec2c7;font-size:10px}
.monitor-strip span{font-size:11px}
.monitor-strip span i{width:6px;height:6px;box-shadow:0 0 0 3px #42d99e20}
.radar{width:34px;height:34px;flex:0 0 auto;border:1px solid #53e1cc50;border-radius:50%;display:grid;place-items:center;position:relative}
.radar:before,.radar:after{content:"";position:absolute;border:1px solid #53e1cc44;border-radius:50%}
.radar:before{width:20px;height:20px}
.radar:after{width:8px;height:8px}
.radar i{width:4px;height:4px;border-radius:50%;background:#56e2c0;box-shadow:0 0 10px #56e2c0;animation:tasPulse 1.5s infinite}
.scan{margin-left:auto;width:85px;height:28px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 8px,#75e5d317 8px 9px)}
.scan i{position:absolute;top:2px;bottom:2px;width:1px;background:#59e6cc;box-shadow:0 0 10px #59e6cc;animation:tasScan 2.6s linear infinite}
@keyframes tasScan{from{left:0}
to{left:100%}
}
@keyframes tasPulse{50%{transform:scale(1.6);opacity:.5}
}
.stats{gap:12px}
.stats article,.panel{border-radius:12px;box-shadow:0 3px 12px #24223a0e}
.stats article:nth-child(2){border-top-color:#49a6f2}
.stats article:nth-child(3){border-top-color:#2db67c}
.stats article:nth-child(4){border-top-color:#e95376}
.stats small{font-size:10px;letter-spacing:.06em}
.stats em{font-size:11px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:12px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.panel-head select{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;color:#514e61}
.chart{height:250px;position:relative}
.chart-lines{position:absolute;inset:10px 0 25px;display:grid;grid-template-rows:repeat(4,1fr)}
.chart-lines i{border-top:1px dashed #e8eaf0}
.chart svg{position:absolute;inset:0;width:100%;height:100%}
.legend{display:flex;gap:18px;color:var(--muted);font-size:11px}
.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7161e8;margin-right:6px}
.legend span+span i{background:#55a4ed}
.pulse-account{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:19px 2px;border-bottom:1px solid #efedf4}
.instagram-logo{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:23px;background:radial-gradient(circle at 31% 100%,#ffd600 0 10%,#ff7a00 28%,#ff0169 52%,#d300c5 72%,#7638fa 100%)}
.pulse-account b,.pulse-account small,.pulse-account strong{display:block}
.pulse-account small{color:var(--muted)}
.pulse-account>strong{text-align:right;color:var(--green);font-size:22px}
.pulse-account>strong small{font-size:11px;font-weight:400}
.attention{margin-top:15px;padding:14px;border-radius:10px;background:#fff8ed;border:1px solid #f9e5bd}
.attention p{font-size:12px;color:#8a6429;margin:5px 0 10px}
.attention>i{display:block;width:32%;height:6px;background:#efaa35;border-radius:8px}
.comparison{margin-top:0}
.count-chip{padding:5px 8px;border-radius:7px;background:#eaf8f2;color:#208b5a;font-size:11px}
.rank{border-color:#e9ebf2;border-radius:9px}
.rank-num{background:#efedff;color:#6655dc}
.rank-bar{height:5px;background:#eeedf4}
.rank-bar i{background:linear-gradient(90deg,#7b68ee,#38bdf8)}

@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:620px){.header-tools{display:none}
.user img{width:34px;height:34px}
.dashboard-grid{display:block}
.growth-panel,.pulse-panel{margin-bottom:12px}
.scan{display:none}
.monitor-strip>b{min-width:110px}
}

nav button{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:650}
nav button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.order-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.order-kpis article{background:#fff;border:1px solid #e5e6ee;border-radius:11px;padding:16px;box-shadow:0 3px 12px #24223a0e}
.order-kpis small{display:block;color:#858195;font-size:10px;font-weight:800;letter-spacing:.06em}
.order-kpis b{display:block;margin-top:7px;font-size:20px}
.product-select{width:100%;min-height:44px;padding:10px;border:1px solid #dedde7;border-radius:8px;background:#fff;color:#28263c}
.service-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;background:#f8f7ff;border:1px solid #e8e4ff;border-radius:8px;font-size:11px;color:#655f78}
.service-meta b{display:block;color:#28263c;font-size:13px}
.order-link{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#6552df}
.service-name{display:block;min-width:220px}
.service-name small{display:block;color:#858195;margin-top:2px}
.loading-row{text-align:center;padding:28px!important;color:#858195}
@media(max-width:900px){nav button svg{width:20px;height:20px}
.order-kpis{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){.order-kpis{grid-template-columns:1fr 1fr}
nav button{gap:0;justify-content:center}
nav button svg{display:block}
.service-meta{grid-template-columns:1fr}
}
.monitor-strip{min-height:66px;position:relative;overflow:hidden;border:1px solid #2a6872}
.monitor-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#4fffd00b,transparent);animation:streamSweep 4.5s linear infinite}
.monitor-strip>*{position:relative;z-index:1}.monitor-signal{display:flex;align-items:stretch;gap:8px;flex:1}
.monitor-strip>b small span{background:none;border:0;padding:0;border-radius:0}.monitor-strip>b{white-space:nowrap}
.monitor-signal>span{min-width:112px;padding:7px 10px!important;display:grid;grid-template-columns:9px 1fr;align-items:center;line-height:1.2;color:#c7dadd}
.monitor-signal>span>b{grid-column:2;display:block;font-size:10px;color:#64e2b8;letter-spacing:.08em;margin-top:2px}
.wave-bars{display:flex;align-items:center;gap:3px;height:28px}.wave-bars i{width:3px!important;height:9px;border-radius:4px!important;background:#63e9c6!important;box-shadow:none!important;animation:wave 1s ease-in-out infinite}
.wave-bars i:nth-child(2n){animation-delay:.18s}.wave-bars i:nth-child(3n){animation-delay:.35s}
@keyframes wave{50%{height:27px;opacity:.45}}@keyframes streamSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.pulse-accounts{display:grid;gap:0;max-height:360px;overflow:auto;margin-top:10px}.pulse-accounts .pulse-account{grid-template-columns:40px 1fr auto auto;padding:12px 2px}
.pulse-state{font-style:normal;font-size:9px;font-weight:800;color:#168358;background:#e8f8f1;border-radius:20px;padding:5px 7px;white-space:nowrap}.pulse-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22bd7c;box-shadow:0 0 0 3px #22bd7c22}
.pulse-accounts .instagram-logo{width:38px;height:38px;font-size:19px}.pulse-accounts .pulse-account>strong{font-size:17px}
.chat-live{color:#14815a;background:#e8f7f1;padding:7px 11px;border-radius:20px;font-weight:800}.chat-shell{padding:0;overflow:hidden}
.chat-messages{height:min(590px,calc(100vh - 265px));min-height:380px;overflow:auto;padding:22px;background:linear-gradient(#f9fafc,#f5f7fa);display:flex;flex-direction:column;gap:14px}
.chat-message{display:flex;gap:10px;max-width:75%;align-self:flex-start}.chat-message.mine{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:#173f49;color:#fff;display:grid;place-items:center;font-weight:850}
.chat-message>div:last-child{background:#fff;border:1px solid #e4e7ee;border-radius:4px 14px 14px 14px;padding:10px 13px;box-shadow:0 4px 12px #22233a0a}.chat-message.mine>div:last-child{background:#6751db;color:#fff;border-color:#6751db;border-radius:14px 4px 14px 14px}
.chat-message header{position:static;height:auto;background:none;color:inherit;padding:0;display:flex;gap:7px;align-items:center}.chat-message header span{text-transform:capitalize;font-size:9px;opacity:.62}.chat-message header time{font-size:9px;opacity:.55;margin-left:auto}.chat-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-form{display:flex;gap:10px;padding:14px;border-top:1px solid #e4e7ee;background:#fff}.chat-form input{flex:1;padding:12px 14px;border:1px solid #dfe2e9;border-radius:10px;outline:none}.chat-form input:focus{border-color:#7864e7;box-shadow:0 0 0 3px #7864e714}.chat-empty{text-align:center;color:#858195;margin:auto}
.messenger{padding:0;overflow:hidden;display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 190px);min-height:600px;width:100%;max-width:none;margin-inline:auto;border-radius:16px}
.chat-people{position:static;width:auto;background:#fff;border:0;border-right:1px solid #e8e9ef;padding:16px;overflow:auto}.messenger-brand{display:flex;gap:10px;align-items:center;padding-bottom:16px;border-bottom:1px solid #ececf2}.messenger-brand small,.chat-person small{display:block;color:#8a8798}.chat-people h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9793a3;margin:18px 5px 10px}.chat-person{display:flex;align-items:center;gap:10px;padding:10px 6px;border-radius:10px}.chat-person:hover{background:#f4f3fb}.chat-person .chat-avatar{position:relative}.chat-person .chat-avatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#25bf7c;border:2px solid #fff}.chat-conversation{min-width:0;display:grid;grid-template-rows:auto 1fr auto;background:#fff}.chat-topbar{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid #e8e9ef;box-shadow:0 2px 8px #28263c08;z-index:2}.chat-topbar small{display:block;color:#8a8798}.chat-topbar small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25bf7c;margin-right:4px}.chat-info{margin-left:auto;background:#f0effa;color:#6651d8;border-radius:50%;width:34px;height:34px;padding:0}.messenger .chat-messages{height:auto;min-height:0;padding:22px 26px;background-color:#f7f8fb;background-image:radial-gradient(#dddfea 1px,transparent 1px);background-size:20px 20px}.messenger .chat-message>div:last-child{max-width:560px}.messenger .chat-message.mine>div:last-child{background:linear-gradient(135deg,#735be6,#5e46cf)}.messenger .chat-form{padding:12px 16px}.messenger .chat-form input{border-radius:22px;background:#f1f2f6;border-color:transparent}.chat-plus{width:38px;height:38px;padding:0;border-radius:50%;background:#eeecfb;color:#6b54db;font-size:22px}.chat-send{width:42px;height:38px;padding:0;border-radius:20px;font-size:18px}.verified{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#20a868;color:#fff;font-size:10px;vertical-align:middle}.verified-label{display:inline-flex;align-items:center;gap:5px;color:#16875a;font-weight:800;background:#e7f7ef;border-radius:18px;padding:5px 9px}.muted-label{color:#9995a5}.team-actions{white-space:nowrap}.team-actions button{margin:2px}.verify-btn{color:#16875a;border-color:#bfe8d3}.sound-toggle.enabled{background:#1fa66a;color:#fff}.sound-toggle.needs-sound{animation:soundPulse .8s infinite}@keyframes soundPulse{50%{background:#f2a900;transform:scale(1.08)}}
@media(max-width:1100px){.monitor-signal>span:nth-child(4),.wave-bars{display:none}.pulse-accounts{max-height:420px}}
@media(max-width:720px){.monitor-signal>span:nth-child(3){display:none}.monitor-signal>span{min-width:100px}.chat-message{max-width:90%}.pulse-accounts .pulse-account{grid-template-columns:38px 1fr auto}.pulse-state{display:none}}
@media(max-width:850px){.messenger{grid-template-columns:1fr;height:calc(100vh - 175px);min-height:460px}.chat-people{display:none}.messenger .chat-messages{padding:16px}.chat-topbar{padding:10px 14px}}
@media(min-width:701px){aside{width:235px!important}aside nav button{font-size:13px!important}aside nav button svg{width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important}.content{margin-left:235px!important}}
@media(max-width:620px){.monitor-strip{padding:12px;gap:10px}.monitor-signal{overflow-x:auto}.monitor-signal>span:nth-child(2){display:none}.radar{width:30px;height:30px}.pulse-accounts{max-height:none}.heading h1{font-size:23px}}

/* V7 Messenger stickers, verification and alert controls */
.sticker-picker{display:none;grid-template-columns:repeat(6,minmax(42px,1fr));gap:8px;padding:12px 16px;border-top:1px solid #e7e8ee;background:#fff}
.sticker-picker.show{display:grid}
.sticker-picker button{padding:8px 4px;border:0;border-radius:12px;background:#f2f3f7;font-size:27px;line-height:1.2}
.sticker-picker button:hover{background:#e9e7fb;transform:scale(1.08)}
.chat-message.sticker>div:last-child,.chat-message.sticker.mine>div:last-child{padding:2px;background:transparent;border:0;box-shadow:none;color:inherit}
.sticker-message{font-size:54px!important;line-height:1.05;margin:2px!important;filter:drop-shadow(0 3px 3px #15152520)}
.verified{width:17px;height:17px;background:#1faa68;border:2px solid #fff;box-shadow:0 0 0 1px #c9ead9;font-size:10px;font-weight:950}
@media(max-width:850px){.sticker-picker{grid-template-columns:repeat(6,1fr)}}

/* V8 clean Messenger conversation */
.messenger{border:1px solid #e4e7ee;box-shadow:0 12px 36px #25243b12}
.chat-conversation{background:#f5f6f8}
.chat-topbar{min-height:66px;background:#fff;padding:12px 20px}
.messenger .chat-messages{padding:24px 32px;gap:7px;background:#f5f6f8;background-image:none}
.chat-message{width:100%;max-width:none;gap:9px;align-items:flex-end}
.chat-message.mine{align-self:stretch;flex-direction:row-reverse}
.chat-message .chat-avatar{width:31px;height:31px;border-radius:50%;font-size:12px;margin-bottom:18px}
.chat-message.mine .chat-avatar{display:none}
.chat-message>div.message-stack,.chat-message.mine>div.message-stack{display:flex;flex-direction:column;align-items:flex-start;max-width:min(70%,620px);padding:0;background:transparent;color:inherit;border:0;border-radius:0;box-shadow:none}
.chat-message.mine .message-stack{align-items:flex-end;margin-left:auto}
.message-name{font-size:11px;font-weight:750;color:#656273;margin:0 8px 4px}
.chat-message.mine .message-name{display:none}
.message-bubble{padding:10px 14px;border-radius:18px 18px 18px 5px;background:#fff;border:1px solid #e1e4ea;color:#29273a;box-shadow:0 2px 5px #2022340a;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.chat-message.mine .message-bubble{border:0;border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,#7159e3,#5d45cf);color:#fff}
.message-meta{font-size:9px;color:#9996a4;margin:3px 8px 0}
.chat-message.mine .message-meta b{color:#20a868;font-size:11px;letter-spacing:-2px;margin-left:2px}
.chat-message.sticker .message-stack{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.sticker-message{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:58px;line-height:1.1;padding:2px 6px}
.chat-form{align-items:center;box-shadow:0 -2px 12px #29283d09}
.messenger .chat-form input{height:44px;padding:0 18px;font-size:14px}
.chat-plus,.chat-send{flex:0 0 auto}
.sticker-picker{position:absolute;left:316px;bottom:67px;width:330px;border:1px solid #dedfe7;border-radius:15px;box-shadow:0 15px 38px #22243b20;z-index:10}
.chat-conversation{position:relative}
@media(max-width:850px){.sticker-picker{left:14px;bottom:68px;width:min(330px,calc(100% - 28px))}.message-stack{max-width:82%}.messenger .chat-messages{padding:18px 14px}}

/* V9 responsive chat workspace — composer always visible */
#chat.active{display:flex;height:calc(100vh - 128px);min-height:0;overflow:hidden;flex-direction:column}
#chat.active>.heading{flex:0 0 auto;margin-bottom:12px}
#chat.active>.heading h1{font-size:25px}
#chat.active>.heading p:after{content:" · Every active member can message";color:#1b9364;font-weight:700}
#chat .messenger{flex:1;height:auto!important;min-height:0!important;margin:0!important;grid-template-columns:270px minmax(0,1fr);border-radius:14px}
#chat .chat-people{position:static!important;inset:auto!important;width:auto!important;height:auto!important;padding:16px!important;z-index:auto!important}
#chat .chat-conversation{height:100%;min-height:0;overflow:hidden;grid-template-rows:66px minmax(0,1fr) auto}
#chat .chat-messages{height:auto!important;min-height:0!important;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#chat .chat-form{position:relative;z-index:4;min-height:68px;margin:0;background:#fff}
#chat .message-stack{max-width:min(68%,650px)}
#chat .message-bubble{font-size:14px;min-width:42px}
#chat .sticker-picker{left:286px}
@media(max-width:1100px){#chat .messenger{grid-template-columns:220px minmax(0,1fr)}#chat .sticker-picker{left:236px}}
@media(max-width:850px){#chat.active{height:calc(100vh - 118px)}#chat.active>.heading{margin-bottom:8px}#chat .messenger{display:block;position:relative}#chat .chat-people{display:none!important}#chat .chat-conversation{height:100%;display:grid}#chat .sticker-picker{left:14px}#chat .message-stack{max-width:82%}}
@media(max-width:620px){#chat.active{height:calc(100dvh - 156px);overflow:hidden}#chat.active>.heading{min-height:45px;align-items:center}#chat.active>.heading h1{font-size:20px}#chat.active>.heading p{display:none}#chat .messenger{border-radius:12px}#chat .chat-conversation{grid-template-rows:56px minmax(0,1fr) 62px}#chat .chat-topbar{min-height:56px;padding:8px 12px}#chat .chat-messages{padding:14px 10px 10px;gap:5px}#chat .chat-form{min-height:62px;padding:8px;gap:7px}#chat .chat-form input{height:42px;min-width:0;padding:0 13px}#chat .chat-plus{width:36px;height:36px}#chat .chat-send{width:39px;height:36px}#chat .message-stack{max-width:86%}#chat .message-bubble{font-size:13px;padding:9px 12px}#chat .chat-message .chat-avatar{width:27px;height:27px;margin-bottom:17px}#chat .sticker-picker{bottom:58px;grid-template-columns:repeat(4,1fr);width:calc(100% - 20px);left:10px;padding:10px}}
@media(min-width:621px) and (max-height:720px){#chat.active{height:calc(100vh - 112px)}#chat.active>.heading{display:none}#chat .chat-conversation{grid-template-rows:58px minmax(0,1fr) 62px}}

.spiderman-picker{background:radial-gradient(circle at 50% 42%,#ef3148 0 45%,#9f1026 46% 100%)!important;border:2px solid #18243d!important;position:relative;overflow:hidden}
.spiderman-picker:before,.spiderman-picker:after{content:"";position:absolute;top:10px;width:9px;height:16px;background:#fff;border:2px solid #18243d;transform:skew(-12deg);border-radius:80% 20%}
.spiderman-picker:before{left:10px}.spiderman-picker:after{right:10px;transform:skew(12deg)}.spiderman-picker span{opacity:0}

/* V14 global Messenger notification */
.chat-notice{position:fixed;right:22px;bottom:22px;z-index:45;width:min(365px,calc(100vw - 28px));display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e3e4ec;border-radius:16px;background:#fff;color:#28263c;box-shadow:0 18px 55px #15172c38;text-align:left;opacity:0;visibility:hidden;transform:translateY(22px) scale(.96);transition:.25s ease}
.chat-notice.show{opacity:1;visibility:visible;transform:none}.notice-avatar{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#735be6,#4f39c4);color:#fff;font-weight:900;font-size:17px;box-shadow:0 0 0 4px #eeeafd}.notice-copy{min-width:0;flex:1}.notice-copy b,.notice-copy small{display:block}.notice-copy b{font-size:13px}.notice-copy small{margin-top:3px;color:#747181;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-notice>i{font-style:normal;color:#6550d7;font-size:11px;font-weight:850}.chat-notice .verified{width:15px;height:15px;font-size:8px}
nav button.has-unread{position:relative}nav button.has-unread:after{content:"";position:absolute;right:10px;top:9px;width:9px;height:9px;border-radius:50%;background:#e52c4d;border:2px solid #fff;box-shadow:0 0 0 2px #e52c4d22}
@media(max-width:620px){.chat-notice{right:10px;bottom:77px;width:calc(100vw - 20px);padding:11px 12px}.notice-avatar{width:39px;height:39px}nav button.has-unread:after{right:3px;top:3px}}

/* V15 live Instagram posts */
.live-posts-panel{margin-top:16px}.post-tools{display:flex;align-items:center;gap:9px}.post-tools select{min-width:155px;padding:8px 10px;border:1px solid #e1e3ea;border-radius:9px;background:#fff;color:#3c394c}.live-post-chip{padding:6px 9px;border-radius:20px;background:#e7f8f0;color:#18885b;font-size:10px;font-weight:900;letter-spacing:.05em}.live-posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.live-post-card{min-width:0;border:1px solid #e6e7ed;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 5px 16px #22243a0c;transition:.2s}.live-post-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #22243a14}.post-media{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(135deg,#283c49,#101f29);overflow:hidden}.post-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.live-post-card:hover .post-media img{transform:scale(1.025)}.post-media em{position:absolute;right:9px;top:9px;padding:5px 7px;border-radius:7px;background:#10131bbd;color:#fff;font-size:9px;font-style:normal;font-weight:850}.media-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:52px;opacity:.45}.post-media img~.media-fallback{display:none}.post-body{padding:13px}.post-body header{position:static;height:auto;padding:0;background:none;color:#29273a;display:flex;align-items:center;gap:9px}.post-avatar{width:35px;height:35px;border-radius:50%;overflow:hidden;background:#173f49;color:#fff;display:grid;place-items:center;font-weight:850;flex:0 0 auto}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-body header div{min-width:0}.post-body header b,.post-body header small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-body header small{color:#8a8797;font-size:10px}.post-body>p{height:42px;margin:12px 0;color:#565363;font-size:12px;line-height:1.45;overflow:hidden}.post-body footer{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #efeff3;color:#777485;font-size:10px}.post-body footer a{margin-left:auto;color:#6652da;font-weight:800}.posts-empty{grid-column:1/-1;min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed #dfe1e8;border-radius:13px;color:#8a8797}.posts-empty b,.posts-empty span{display:block}.posts-empty b{color:#454253;margin-bottom:5px}.post-notice{position:fixed;right:22px;bottom:22px;z-index:46;width:min(390px,calc(100vw - 28px));display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e3e4ec;border-radius:16px;background:#fff;color:#28263c;box-shadow:0 18px 55px #15172c38;text-align:left;opacity:0;visibility:hidden;transform:translateY(22px) scale(.96);transition:.25s}.post-notice.show{opacity:1;visibility:visible;transform:none}.post-notice-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:24px;background:radial-gradient(circle at 30% 100%,#ffd600,#ff0169 48%,#7638fa)}.post-notice>span:nth-child(2){min-width:0;flex:1}.post-notice b,.post-notice small{display:block}.post-notice small{margin-top:3px;color:#777485;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-notice i{font-style:normal;color:#6550d7;font-size:10px;font-weight:900}
@media(max-width:1180px){.live-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.live-posts-panel .panel-head{align-items:flex-start;flex-direction:column}.post-tools{width:100%}.post-tools select{flex:1;min-width:0}.live-posts-grid{grid-template-columns:1fr}.post-media{aspect-ratio:16/10}.post-notice{right:10px;bottom:77px;width:calc(100vw - 20px)}}
.posts-empty button{margin-top:14px;background:#6751db;border-radius:20px;padding:9px 16px;box-shadow:0 5px 14px #6751db2b}
.webhook-panel{margin-top:16px;max-width:700px}.webhook-panel h2{margin:0}.webhook-panel p{margin:5px 0;color:#747f86}.webhook-panel input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;background:#f6f8f9}