:root,[data-bs-theme=dark]{color-scheme:dark;--tblr-primary:#4387ff;--tblr-primary-rgb:67,135,255;--tblr-body-bg:#17181a;--tblr-body-color:#e5e7eb;--tblr-bg-surface:#202124;--tblr-bg-surface-secondary:#25262a;--tblr-bg-surface-tertiary:#2a2b30;--tblr-secondary:#91959e;--tblr-secondary-rgb:145,149,158;--tblr-border-color:#33353b;--tblr-border-color-translucent:#33353b;--tblr-font-sans-serif:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--tblr-border-radius:6px;--tblr-card-border-radius:8px;--tblr-link-color:#79a9ff;--tblr-link-hover-color:#a3c4ff;--tblr-muted:#92969e}
body{background:#17181a;color:#e5e7eb;-webkit-font-smoothing:antialiased;font-size:13px}
a{color:#79a9ff;text-decoration:none}a:hover{color:#a3c4ff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #70a5ff;outline-offset:3px}
.icon{stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.btn{font-size:12px;font-weight:550;min-height:36px;gap:7px;border-radius:5px;box-shadow:none;transition:background-color .15s,border-color .15s,transform .15s;--tblr-btn-color:#d8dbe1;--tblr-btn-bg:#282a2f;--tblr-btn-border-color:#3c3f46;--tblr-btn-hover-bg:#33363c;--tblr-btn-hover-border-color:#4f535d;--tblr-btn-hover-color:#fff}
.btn:active{transform:translateY(1px)}.btn .icon{width:17px;height:17px}.btn-primary{--tblr-btn-color:#fff;--tblr-btn-bg:#3478f6;--tblr-btn-border-color:#3478f6;--tblr-btn-hover-bg:#4c8aff;--tblr-btn-hover-border-color:#4c8aff;--tblr-btn-active-bg:#2868db}.btn-outline-primary{--tblr-btn-color:#8bb5ff;--tblr-btn-bg:transparent;--tblr-btn-border-color:#42639b;--tblr-btn-hover-bg:#273c5d;--tblr-btn-hover-color:#fff}.btn-ghost-secondary{--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent}
.jopes-sidebar{width:226px;background:#1b1c1f;border-right:1px solid #303238;box-shadow:none}.jopes-sidebar .container-fluid{padding:0}.jopes-sidebar .navbar-brand{font-size:18px;justify-content:flex-start;gap:10px;padding:24px 20px;color:#f0f1f4;font-weight:650;letter-spacing:-.3px}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background:#3478f6;color:#fff;font-weight:750;font-size:17px;letter-spacing:-1px}.brand-suffix{font-size:10px;color:#8c929e;font-weight:600;letter-spacing:.8px;margin-left:auto}.sidebar-label{display:none}.jopes-sidebar .navbar-nav{padding:0 0 12px}.nav-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#777d88;padding:20px 21px 7px;list-style:none;font-weight:600}.jopes-sidebar .nav-link{min-height:36px;border-radius:5px;margin:2px 10px;padding:7px 11px!important;color:#aeb3bd;font-size:12px;transition:background-color .13s,color .13s}.jopes-sidebar .nav-link:hover{background:#ffffff06;color:#fff}.jopes-sidebar .nav-link-icon{color:#838b99;min-width:22px;margin-right:9px}.jopes-sidebar .nav-link .icon{width:18px;height:18px}.jopes-sidebar .nav-item.active .nav-link{background:#3478f619;color:#b4ceff}.jopes-sidebar .nav-item.active .nav-link-icon{color:#6199ff}.jopes-sidebar .nav-item.active .nav-link:before{display:none}.sidebar-footer{margin:15px 18px 18px;padding-top:16px;border-top:1px solid #303238;display:flex;align-items:center;gap:9px;font-size:10px;color:#c7cbd3}.sidebar-footer small{display:block;color:#7f8794;font-size:9px;margin-top:3px}.sidebar-footer form{margin-left:auto}.sidebar-footer .avatar{background:#30343d!important;color:#b6c6e6;font-size:10px;border:1px solid #404752}
.navbar-vertical.navbar-expand-lg~.page-wrapper{margin-left:226px}.jopes-topbar{height:57px;min-height:57px;background:#1b1c1f;border-bottom:1px solid #303238;box-shadow:none;font-size:11px}.jopes-topbar strong{font-weight:500;color:#c5cad4}.jopes-topbar .badge{font-size:9px;background:transparent!important;color:#959eac!important;border:0;font-weight:400}.jopes-topbar .btn{min-height:28px;font-size:10px}.jopes-topbar [data-theme-toggle]{display:none}.container-xl{max-width:1600px;padding-left:30px;padding-right:30px}.page-header{margin:0;padding-top:27px}.page-pretitle{display:none}.page-title{font-size:25px;line-height:1.25;letter-spacing:-.7px;font-weight:620;color:#f0f2f5}.page-description{font-size:12px;color:#8d95a2;line-height:1.6;margin:8px 0 0}.page-body{margin-top:24px}.row-cards{--tblr-gutter-x:16px;--tblr-gutter-y:16px}
.card{background:#202124;border:1px solid #33353b;box-shadow:none;border-radius:8px;overflow:hidden}.card-header{min-height:64px;padding:17px 21px;border-bottom:1px solid #33353b;background:transparent}.card-title{font-size:13px;font-weight:570;letter-spacing:0;color:#dce0e7}.card-body{padding:22px}.card-footer{background:#1e1f22;border-top:1px solid #33353b;padding:13px 21px;font-size:10px}.metric-card .card-body{padding:20px}.metric-card .subheader{font-size:10px;font-weight:500;color:#949ba8;letter-spacing:.2px;text-transform:none}.metric-card .h1{font-size:29px;line-height:1.1;font-weight:580;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#f4f5f7}.metric-card .avatar{height:27px;width:27px;background:#2b3a50!important;color:#77a9ff!important;box-shadow:none;border-radius:6px}.metric-card .avatar .icon{width:16px;height:16px}.metric-card .small{font-size:10px}.h1{font-variant-numeric:tabular-nums}.subheader{color:#969da9}.text-secondary{color:#929aa8!important}.small,small{font-size:11px}.fw-semibold{font-weight:570!important}.bg-primary-lt,.bg-azure-lt{background:#3478f61a!important;color:#83b0ff!important}.bg-success-lt{background:#2fbc8918!important;color:#77cda8!important}.bg-warning-lt{background:#e5b35218!important;color:#d7b16b!important}.bg-danger-lt{background:#ef677118!important;color:#e58a92!important}.bg-secondary-lt{background:#8993a118!important;color:#a9b1bf!important}.bg-primary-lt.border-0{background:#222832!important}.avatar-xl{width:50px;height:50px}.avatar-xl .icon{width:27px;height:27px}.service-summary h2{font-size:19px;letter-spacing:-.4px}.service-summary p{font-size:12px}.service-summary .avatar-xl{background:#26382e!important;color:#7ac59f!important}
.table{color:#d0d4dc;--tblr-table-bg:transparent;--tblr-table-border-color:#303238;--tblr-table-hover-bg:#ffffff03;--tblr-table-striped-bg:#ffffff02;margin-bottom:0}.table thead th{background:#1d1e21;color:#858e9d;font-size:9px;letter-spacing:.6px;font-weight:550;padding-top:12px;padding-bottom:12px;border-bottom-color:#33353b}.card-table td{padding-top:14px;padding-bottom:14px;font-size:11px;border-bottom-color:#303238;vertical-align:middle}.card-table tr:last-child td{border-bottom:0}.card-table tbody tr:hover{background:#ffffff02}.card-table .avatar{width:25px;height:25px}.card-table .avatar .icon{width:15px;height:15px}.card-table .btn-sm{font-size:10px;min-height:28px;background:transparent}.table-responsive{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#4a4d56 #202124}.badge{font-size:9px;font-weight:520;letter-spacing:0;padding:4px 7px;border-radius:4px;line-height:1.35;box-shadow:none}.chart-panel{height:270px;width:100%}
.form-control,.form-select{background-color:#1a1b1e;color:#dfe3eb;border:1px solid #41454e;box-shadow:none;border-radius:5px;font-size:12px;min-height:39px}.form-control::placeholder{color:#707987}.form-control:focus,.form-select:focus{background-color:#1a1b1e;color:#f2f5ff;border-color:#4e89ee;box-shadow:0 0 0 2px #3478f61a}.form-control[readonly]{background:#1b1d21;color:#aeb7c5}.form-label{font-size:11px;color:#c0c7d2;font-weight:520;margin-bottom:8px}.form-hint{font-size:10px;color:#7d8796;margin-top:7px;line-height:1.6}.form-check-input{border-color:#626b7b;background-color:#30343b}.form-check-input:checked{background-color:#3478f6;border-color:#3478f6}.search-input{max-width:220px}.action-confirm{max-width:780px}.action-confirm dt,.action-confirm dd{font-size:12px}.reward-row{background:#1b1d21;border:1px solid #3a3e46;border-radius:6px;padding:17px;margin-bottom:13px}.reward-row .fw-semibold{font-size:11px}.note-box{background:#1b1d21;border:1px solid #393f49;border-left:2px solid #4387ff;border-radius:4px;padding:16px;font-size:12px;color:#b8c4d5}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.conversation{max-width:920px}.message-bubble{background:#292c32;max-width:85%;border-radius:8px;padding:15px 18px;margin-bottom:14px;font-size:12px}.message-staff{margin-left:auto;background:#253044}.border-bottom{border-color:#363a42!important}
.grafana-card{border:1px solid #33353b;overflow:hidden}.grafana-frame,.monitor-frame{display:block;border:0;width:100%;height:calc(100vh - 192px);min-height:650px;background:#17181a}.grafana-card+.text-secondary{display:none}.empty{padding:56px 24px}.empty .icon{width:33px;height:33px;color:#616b7c}.empty-img{margin-bottom:17px}.empty-title{font-size:14px;font-weight:550;color:#b4bdcb}.empty-subtitle{font-size:11px;max-width:440px;line-height:1.7}.footer{font-size:9px;color:#657081;border:0;margin-top:30px;padding-bottom:20px}.toast{background:#292d35;color:#dce4f1;border:1px solid #454e5e}.alert{font-size:12px;border-radius:5px}
.login-page{background:#17181a}.login-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(400px,1fr);min-height:100vh}.login-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:50px;padding:45px 9%;background:#1b1c1f;border-right:1px solid #33353b;overflow:hidden}.login-brand-panel:after{display:none}.login-brand{display:flex;align-items:center;gap:11px;color:#e6eaf1;font-size:21px;font-weight:600;letter-spacing:-.4px}.login-brand:hover{color:#fff}.login-eyebrow{font-size:10px;font-weight:550;letter-spacing:1px;color:#6c9feb;margin-bottom:19px}.login-brand-panel h1{font-size:clamp(28px,3.3vw,46px);line-height:1.2;letter-spacing:-1.4px;font-weight:550;margin-bottom:22px;color:#e5e8ee}.login-brand-panel p{font-size:13px;color:#8d96a6;line-height:1.85}.login-brand-panel>.text-white-50{font-size:10px;color:#687384!important}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:48px 35px;background:#17181a}.login-card{width:100%;max-width:365px}.login-card h2{font-size:24px;letter-spacing:-.7px;font-weight:580;margin-bottom:14px}.login-card>.text-uppercase{font-size:9px!important;letter-spacing:1px}.login-card>p{font-size:12px;line-height:1.8}.login-card .form-control{height:43px}.login-card .btn-primary{height:43px;min-height:43px}.login-card .form-label{font-size:10px}.login-card .form-label span{display:block;margin-top:5px;font-size:9px}.login-card details{border-top:1px solid #33353b;padding-top:18px}.login-card details summary{font-size:11px;color:#8c97a8;cursor:pointer;line-height:1.7}.login-security{margin-top:32px;padding-top:23px;border-top:1px solid #33353b;color:#6f7b8c;font-size:10px}.login-rule{height:3px;width:38px;background:#4387ff;margin-bottom:26px}.login-features{display:grid;gap:16px;margin-top:35px}.login-features>div{display:flex;align-items:center;gap:12px;color:#9aa6b8;font-size:12px}.login-feature-dot{width:5px;height:5px;border-radius:50%;background:#5a8ddd}.login-footer{font-size:10px;color:#687384;display:flex;gap:16px}
.ts-wrapper.single .ts-control{background:#1a1b1e!important;color:#dfe3eb!important;border:1px solid #41454e!important;box-shadow:none!important;min-height:39px;font-size:12px;padding:10px 12px;border-radius:5px}.ts-dropdown{background:#25282e;color:#c8d0dd;border:1px solid #48505e;font-size:12px}.ts-dropdown .active{background:#3478f622;color:#a6c7ff}.ts-dropdown .option{padding:9px 12px}.ts-control input{color:#dfe3eb!important}.ts-wrapper.focus .ts-control{border-color:#4e89ee!important;box-shadow:0 0 0 2px #3478f61a!important}.ts-control .item{color:#e0e5ef}.ts-dropdown .no-results{color:#919dad;padding:10px}.ts-wrapper.single .ts-control:after{border-color:#94a4bd transparent transparent!important}.ts-wrapper .ts-control .item{background:transparent!important}.flatpickr-calendar{background:#26282d;color:#c8d0dd;box-shadow:0 5px 25px #0005;border:1px solid #464d5b;border-radius:6px;font-size:12px}.flatpickr-months .flatpickr-month,.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-weekdays,.flatpickr-time input,.flatpickr-time .flatpickr-am-pm{background:#26282d;color:#dfe5f0}.flatpickr-day{color:#c1cad9;border-radius:4px}.flatpickr-day:hover{background:#3b4351;border-color:#3b4351}.flatpickr-day.selected{background:#3478f6;border-color:#3478f6}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:#667184}.flatpickr-weekday{color:#8a99b1!important}.flatpickr-time{border-top:1px solid #464d5b!important}.flatpickr-current-month input.cur-year{color:#dfe5f0}.flatpickr-months svg{fill:#a4b4cd}.flatpickr-input[readonly]{cursor:pointer}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#333a46}.flatpickr-time input:hover,.flatpickr-time input:focus{background:#333a46;color:#fff}.flatpickr-calendar.arrowTop:after{border-bottom-color:#464d5b}
.htmx-request{opacity:.65;transition:opacity .13s}.htmx-request button{pointer-events:none}[hidden]{display:none!important}.loading-indicator{display:none}.htmx-request .loading-indicator{display:inline-block}
@media(min-width:992px){.navbar-vertical.navbar-expand-lg.jopes-sidebar{width:226px}.jopes-sidebar .navbar-collapse{max-height:calc(100vh - 78px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3c414c transparent}.jopes-sidebar .container-fluid{padding:0}}
@media(max-width:991px){#sidebar-menu{max-height:calc(100dvh - 62px);overflow-y:auto}.jopes-sidebar{width:100%;border-right:0;border-bottom:1px solid #33353b}.jopes-sidebar .container-fluid{padding:0 16px}.jopes-sidebar .navbar-brand{padding:12px 0;font-size:17px}.jopes-sidebar .nav-link{min-height:42px;margin-left:0;margin-right:0}.nav-label{padding-left:12px}.sidebar-footer{margin-left:10px;margin-right:10px}.navbar-vertical.navbar-expand-lg~.page-wrapper{margin-left:0}.container-xl{padding-left:21px;padding-right:21px}.page-title{font-size:24px}.page-header{padding-top:23px}.page-body{margin-top:20px}.grafana-frame{height:80vh;min-height:580px}.login-layout{grid-template-columns:1fr}.login-brand-panel{min-height:auto;padding:24px 7%;border-right:0;border-bottom:1px solid #33353b;gap:25px}.login-brand-panel h1{font-size:28px;line-height:1.25;margin:0}.login-brand-panel p,.login-features,.login-eyebrow,.login-brand-panel>.text-white-50,.login-rule,.login-footer{display:none}.login-brand-panel h1 br{display:none}.login-form-panel{padding:36px 23px;align-items:flex-start}.login-card{max-width:450px}}
@media(max-width:575px){body{font-size:12px}.container-xl{padding-left:15px;padding-right:15px}.card-body{padding:18px}.card-header{padding:15px 18px;min-height:58px}.page-title{font-size:22px}.page-description{font-size:11px}.page-header .col-auto{width:100%;margin-top:7px}.page-header .col-auto .btn{flex:1;justify-content:center;min-height:39px}.metric-card .card-body{padding:16px}.metric-card .h1{font-size:26px}.metric-card .subheader{font-size:9px}.metric-card .small{font-size:9px}.chart-panel{height:220px}.collection-filters{width:100%}.collection-filters .search-input{max-width:none;flex:1;min-width:130px}.card-table td{padding-top:12px;padding-bottom:12px}.card-table .btn{min-height:34px}.message-bubble{max-width:96%;padding:13px 15px}.action-form .card-footer .btn{flex:1}.footer .container-xl{gap:12px;font-size:8px}.grafana-frame{min-height:520px}.login-brand-panel h1{font-size:24px}.form-control,.form-select,.ts-wrapper.single .ts-control{font-size:16px!important}.form-hint{font-size:10px}.btn,.btn-sm{min-height:40px}.login-card .form-label{font-size:11px}.login-card h2{font-size:23px}.reward-row{padding:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Publication composer: flat, editorial workspace */
.post-composer{--composer-line:var(--tblr-border-color);--composer-muted:#989ba3}.post-success{padding:13px 16px;border-left:3px solid #56b881;background:rgba(86,184,129,.09);margin-bottom:22px}.composer-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 0 24px;border-bottom:1px solid var(--composer-line)}.composer-topline h2{font-size:23px;font-weight:650;letter-spacing:-.025em;margin:5px 0 0}.post-eyebrow,.preview-label>span:first-child{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--composer-muted)}.post-type-switch{display:flex;padding:3px;background:#242529;border-radius:7px}.post-type-switch input{position:absolute;opacity:0;pointer-events:none}.post-type-switch span{display:block;padding:8px 20px;border-radius:5px;color:#a7a8ad;cursor:pointer;font-size:12px}.post-type-switch input:checked+span{background:#3a3c41;color:#fff;box-shadow:0 1px 2px #0004}.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,370px);gap:clamp(28px,5vw,70px);align-items:start}.composer-main{min-width:0}.composer-section{padding:25px 0 29px;border-bottom:1px solid var(--composer-line)}.section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:17px}.section-number{font-size:10px;color:#81848c;font-variant-numeric:tabular-nums;padding-top:3px}.section-heading h3,.recent-heading h3{font-size:15px;font-weight:650;margin:0;letter-spacing:-.01em}.section-heading p{font-size:11px;color:var(--composer-muted);margin:4px 0 0;line-height:1.45}.post-editor{min-height:190px;background:transparent!important;color:var(--tblr-body-color);border-radius:0!important;border:1px solid var(--composer-line)!important;border-top:0!important}.post-editor .ql-editor{min-height:190px;font-size:14px;line-height:1.6;padding:16px}.ql-toolbar.ql-snow{background:#202124;border-color:var(--composer-line);border-radius:5px 5px 0 0}.ql-container.ql-snow{border-color:var(--composer-line)}.ql-snow .ql-stroke{stroke:#b8bac0}.ql-snow .ql-fill{fill:#b8bac0}.ql-snow .ql-picker{color:#b8bac0}.ql-snow .ql-picker-options{background:#202124;border-color:var(--composer-line)}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke{stroke:#82adff}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill{fill:#82adff}.editor-tools{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--composer-muted);font-size:10px}.text-action{border:0;background:none;color:#83aaff;padding:3px 0;font-size:11px}.text-action:hover{text-decoration:underline}.promo-options{background:linear-gradient(90deg,rgba(255,184,74,.05),transparent 75%);padding-left:16px;border-left:2px solid #c98c3e}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label>span,.url-field>span{display:block;font-size:10px;color:var(--composer-muted);margin-bottom:6px}.form-grid .field-wide{grid-column:1/-1}.button-list{display:flex;flex-direction:column}.button-entry{padding:10px 0;border-top:1px solid #2b2c30}.button-entry:first-child{border-top:0}.button-entry .form-label{font-size:10px;color:var(--composer-muted);margin-bottom:5px}.button-entry .form-control,.button-entry .form-select{min-height:36px;font-size:12px}.button-entry .btn-icon{width:36px;height:36px;border:1px solid var(--composer-line)}.media-section .filepond--root{margin:0;font-size:12px}.media-section .filepond--panel-root{background:#202124;border:1px dashed #55575e;border-radius:6px}.media-section .filepond--drop-label{min-height:76px;color:#c1c2c7}.media-section .filepond--label-action{color:#89acff;text-decoration:none}.media-section .filepond--item-panel{background:#35363a}.media-section .filepond--image-preview-wrapper{border-radius:4px}.upload-hint{font-size:10px;color:var(--composer-muted);margin-top:4px}.url-divider{display:flex;align-items:center;gap:12px;color:#777a82;font-size:10px;margin:10px 0}.url-divider:before,.url-divider:after{content:"";height:1px;background:var(--composer-line);flex:1}.url-field{display:block}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0 12px}.composer-footer>span{font-size:10px;color:var(--composer-muted);max-width:220px;line-height:1.45}.composer-footer .btn{font-size:12px}.composer-preview{border-left:1px solid var(--composer-line);padding-left:clamp(20px,3vw,36px);min-width:0}.preview-sticky{position:sticky;top:22px}.preview-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:27px 0 13px}.preview-live{font-size:9px;color:var(--composer-muted)}.preview-live i{display:inline-block;width:6px;height:6px;background:#57bd8a;border-radius:50%;margin-right:4px}.phone-preview{background:#101b27;max-width:350px;margin:auto;border-radius:9px;overflow:hidden;box-shadow:0 10px 30px #0002}.telegram-top{height:54px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#1b2a39;border-bottom:1px solid #293848}.telegram-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#517da8;color:#fff;font-size:14px}.telegram-top b,.telegram-top small{display:block}.telegram-top b{font-size:11px;color:#f0f3f6}.telegram-top small{font-size:9px;color:#9daebf;margin-top:2px}.telegram-more{margin-left:auto;color:#a9b7c5;letter-spacing:2px}.telegram-message{margin:14px 12px 13px;background:#1b2a39;border-radius:4px 12px 12px 12px;padding:12px 12px 8px;color:#e8eef3;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.telegram-message-text{white-space:normal;min-height:20px}.telegram-message-text p{margin:0 0 6px}.telegram-message-text p:last-child{margin-bottom:0}.telegram-message-text blockquote{border-left:2px solid #7195b4;margin:5px 0;padding-left:8px;color:#cbd6e0}.telegram-message-text pre{white-space:pre-wrap;background:#14202b;padding:6px;border-radius:4px}.post-preview-row{display:flex;gap:5px;margin-top:6px}.post-preview-row span{flex:1;text-align:center;padding:7px 5px;background:#253b50;color:#84c4ff;border-radius:4px;font-size:10px}.telegram-message img{max-width:100%;height:auto;border-radius:6px;margin-bottom:7px}.telegram-meta{text-align:right;color:#8d9cac;font-size:8px;margin-top:5px}.telegram-meta span{color:#69b5ed}.preview-tip{font-size:10px;color:var(--composer-muted);line-height:1.5;margin:12px 0 30px}.recent-posts{border-top:1px solid var(--composer-line);padding-top:18px}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.recent-heading h3{font-size:12px}.recent-heading>span{color:var(--composer-muted);font-size:10px}.recent-item{padding:11px 0;border-top:1px solid #2b2c30}.recent-item>div{display:flex;gap:8px;align-items:center}.recent-item b{font-size:10px}.recent-item>div span,.recent-item time{font-size:9px;color:var(--composer-muted)}.recent-item p{font-size:10px;line-height:1.4;color:#b5b7bd;margin:6px 0 0}.recent-empty{font-size:10px;color:var(--composer-muted)}
@media(max-width:1100px){.composer-layout{grid-template-columns:minmax(0,1fr) 310px;gap:25px}.composer-preview{padding-left:20px}.preview-label{display:block}.preview-live{display:block;margin-top:4px}}
@media(max-width:850px){.composer-layout{grid-template-columns:1fr}.composer-preview{border-left:0;border-top:1px solid var(--composer-line);padding:0}.preview-sticky{position:static}.preview-label{margin-top:22px}.phone-preview{margin:0;max-width:480px}.recent-posts{margin-top:25px}.composer-footer{align-items:flex-start;flex-direction:column}.composer-footer>span{max-width:none}}
@media(max-width:575px){.composer-topline{align-items:flex-start;flex-direction:column}.composer-topline h2{font-size:20px}.composer-section{padding:21px 0 23px}.section-heading{gap:9px}.section-heading p{font-size:10px}.form-grid{grid-template-columns:1fr}.form-grid .field-wide{grid-column:auto}.composer-footer .btn{width:100%;justify-content:center}.post-type-switch span{padding:8px 24px}.button-entry .col-md-4,.button-entry .col-md-6{width:100%}.button-entry .col-md-1{width:50%}}
.telegram-message-text tg-spoiler{background:#465564;color:transparent;border-radius:3px;cursor:pointer}.telegram-message-text tg-spoiler:hover{color:#e8eef3}.telegram-message-text a{color:#83caff}.telegram-message-text .tg-spoiler{background:#465564;color:transparent;border-radius:3px}.telegram-message-text .tg-spoiler:hover{color:#e8eef3}
/* Telegram post constructor */
.post-editor{min-height:220px;background:var(--tblr-bg-forms);color:var(--tblr-body-color);border-radius:0 0 6px 6px}.post-editor .ql-editor{min-height:220px;font-size:15px;line-height:1.55}.ql-toolbar.ql-snow{background:var(--tblr-bg-surface);border-color:var(--tblr-border-color)}.ql-container.ql-snow{border-color:var(--tblr-border-color)}.ql-snow .ql-stroke{stroke:var(--tblr-body-color)}.ql-snow .ql-fill{fill:var(--tblr-body-color)}.ql-snow .ql-picker{color:var(--tblr-body-color)}.post-preview-wrap{border-top:1px solid var(--tblr-border-color);padding-top:18px}.post-preview{max-width:520px;background:#18222d;color:#f1f3f5;padding:16px;border-radius:12px;white-space:normal;line-height:1.45;overflow-wrap:anywhere}.post-preview p{margin:0 0 .5em}.post-preview-row{display:flex;gap:6px;margin-top:7px}.post-preview-row span{flex:1;text-align:center;padding:7px 9px;background:#263849;color:#8fc6ff;border-radius:6px;font-size:12px}.post-image-preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px}.post-preview img{max-width:100%;height:auto;border-radius:7px;margin-top:10px}.post-preview blockquote{border-left:3px solid #8fc6ff;margin:7px 0;padding-left:10px;color:#d8e0e8}.button-entry{max-width:100%}
