:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { font-family: Inter, system-ui, sans-serif; margin: 0; background:#0b0f17; color:#dbe3ee; }
a { color:#8ab4ff; text-decoration:none; }
.layout { display:grid; grid-template-columns:220px 1fr; min-height:100vh; }
.sidebar { background:#111827; border-right:1px solid #293243; padding:16px; display:flex; flex-direction:column; gap:8px; }
.brand { font-weight:700; margin-bottom:8px; }
.nav-link { padding:8px 10px; border-radius:8px; color:#9fb0c9; }
.nav-link.active, .nav-link:hover { background:#1f2a3d; color:#fff; }
.main { padding:10px 16px 24px; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.lang-switch { display:flex; gap:6px; }
.tabs { display:flex; gap:8px; overflow:auto; border-bottom:1px solid #2b3647; padding-bottom:10px; margin-bottom:16px; }
.tab-wrap{display:flex;align-items:center;background:#151c29;border:1px solid #2a3342;border-radius:8px;}
.tab, .tab-close { padding:6px 10px; display:inline-block; color:#b9c9df; }
.tab.active { background:#22324a; border-radius:8px; color:#fff; }
.tab.add { border:1px dashed #3a4a62; border-radius:8px; }
.container { max-width:1200px; margin:0 auto; }
.card { background:#121a27; border:1px solid #2a3242; border-radius:12px; padding:14px; margin-bottom:12px; }
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.thumb{height:80px;background:#1c293d;border-radius:8px;margin-bottom:8px}
.badge { background:#334155; border-radius:8px; padding:2px 8px; }
input, textarea, select, button { width:100%; background:#0d1320; border:1px solid #2f3b52; border-radius:8px; color:#e5e7eb; padding:8px; margin:4px 0; }
button, .btn { cursor:pointer; background:#22324a; color:#e2ebf8; border:1px solid #3a4d69; border-radius:8px; padding:7px 10px; display:inline-block; width:auto; }
.btn.ghost { background:transparent; }
.toolbar { display:flex; gap:8px; margin-bottom:10px; flex-wrap:wrap; }
.row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.row3 { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.small { font-size:12px; color:#94a3b8; }
.list-row { display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px solid #253145; }
.actions { display:flex; gap:8px; align-items:center; }
.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.preview-box{background:#0d1320;border:1px solid #2f3b52;border-radius:8px;padding:10px}

.post-textarea{min-height:170px;max-height:300px}
.destination-targets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.destination-target-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #2f3b52;border-radius:8px;background:#0d1320}
.destination-target-item input{width:auto;margin:0}
.editor-actions{position:sticky;bottom:8px;padding:8px;border:1px solid #2f3b52;border-radius:10px;background:rgba(11,15,23,0.95);backdrop-filter:blur(2px);flex-wrap:wrap}
@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.editor-grid,.row,.row3,.destination-targets{grid-template-columns:1fr}}

.thumb-img{width:100%;max-height:180px;object-fit:cover;border-radius:8px;margin-bottom:8px}
.badge.warn{background:#5a2d2d;color:#ffd7d7}

.flash-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.flash{padding:10px;border-radius:8px;border:1px solid #2f3b52;background:#101827}
.flash-success{border-color:#245f3b;color:#bbf7d0}
.flash-warning{border-color:#6b4b1f;color:#fde68a}
.flash-error{border-color:#7f1d1d;color:#fecaca}
.flash-info{border-color:#1e3a8a;color:#bfdbfe}

.context-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.hint{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #3a4d69;border-radius:50%;font-size:11px;color:#b9c9df;cursor:help;margin-left:4px}

.sidebar-context{padding:8px 10px;border:1px solid #2a3342;border-radius:8px;background:#151c29;margin-bottom:6px}
.user-menu{position:relative}
.user-menu .menu{position:absolute;right:0;top:40px;min-width:180px;z-index:20;padding:8px}
[x-cloak]{display:none !important}

.preview-tabs .actions{margin:8px 0}
.active-preview-tab{background:#22324a !important;border-color:#4b6a91 !important;color:#fff !important}
.tg-preview-shell{background:#0d1320;border:1px solid #2f3b52;border-radius:12px;padding:10px;margin-top:8px}
.tg-preview-shell.mobile{max-width:340px}
.tg-preview-shell.desktop{max-width:520px}
.tg-post-card{background:#14253a;border:1px solid #243549;border-radius:12px;padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden}
.tg-post-header{display:flex;gap:8px;align-items:center;padding:10px 10px 8px}
.tg-channel{font-weight:600;color:#b18cff}
.tg-media{width:100%;max-height:300px;object-fit:cover;background:#111827;display:block}
.tg-text{white-space:pre-wrap;line-height:1.4;max-height:280px;overflow:auto;padding:10px 12px 0;color:#f3f6fb}
.media-picked-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}
.media-picked-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid #2f3b52;border-radius:8px;background:#0d1320}
.card h4{margin-top:14px;margin-bottom:8px}
.tg-preview-shell{min-height:240px}
.tg-post-card{min-height:210px}

.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:8px 0}
.media-card{border:1px solid #2f3b52;border-radius:10px;background:#0d1320;padding:6px}
.tg-album{display:grid;gap:3px;background:#243549}.tg-album.layout-2{grid-template-columns:1fr 1fr}.tg-album.layout-3{grid-template-columns:1fr 1fr}.tg-album.layout-4plus{grid-template-columns:repeat(3,1fr)}
.tg-album-item{width:100%;height:120px;object-fit:cover;background:#111827;display:block}.tg-album.layout-3 .tg-album-item.hero{grid-column:1 / span 2;height:190px}.tg-album.layout-4plus .tg-album-item.hero{grid-column:1 / span 3;height:180px}

.validation-errors{border:1px solid #7f1d1d;background:#26121a;border-radius:10px;padding:8px 10px;margin-bottom:10px}
.input-error{border-color:#ef4444 !important;box-shadow:0 0 0 1px rgba(239,68,68,.3)}
.error-outline{padding:6px;border:1px dashed #ef4444;border-radius:10px}
.media-card{position:relative;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.media-card.dragging{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.35)}
.media-card.drag-over{border-color:#4b6a91;box-shadow:0 0 0 1px rgba(75,106,145,.4)}
.drag-handle{position:absolute;top:6px;right:8px;font-size:14px;color:#94a3b8;background:rgba(13,19,32,.9);padding:2px 6px;border:1px solid #2f3b52;border-radius:6px;cursor:grab}
.desktop-like{max-width:430px}
.desktop-wrap{max-width:100%;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;line-break:auto;hyphens:none;font-size:14px;line-height:1.3;font-weight:400;letter-spacing:-.2px;padding:10px 12px 6px}



.media-card{overflow:hidden;cursor:grab;padding-top:34px}
.media-card-tools{position:absolute;top:6px;left:6px;display:flex;gap:4px;z-index:2}
.icon-btn{width:24px;height:24px;min-width:24px;padding:0;border:1px solid #2f3b52;background:rgba(13,19,32,.95);color:#b9c9df;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.icon-btn.danger{color:#fda4af}
.tg-post-header{padding:8px 10px 6px;align-items:flex-start}
.tg-header-text{display:flex;flex-direction:column;line-height:1.15}
.tg-channel{font-size:17px;font-weight:600;color:#b18cff}
.tg-date{font-size:12px;color:#90a4c1;margin-top:1px}
.tg-text{white-space:pre-wrap;line-height:1.45;max-height:280px;overflow:auto;padding:10px 12px 10px;color:#f3f6fb;overflow-wrap:break-word;word-break:normal;hyphens:none}
.post-card-title,.post-card-text{overflow-wrap:anywhere;word-break:break-word}
.post-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.post-card-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.2em}
.tg-desktop-meta{display:flex;justify-content:flex-end;align-items:center;gap:8px;color:#8fa4bf;font-size:12px;padding:0 12px 10px}
.tg-desktop-time{letter-spacing:.1px}
.tg-desktop-views{opacity:.85}


.posts-cards{align-items:stretch}
.post-card{display:flex;flex-direction:column;gap:10px;min-height:100%}
.post-card-thumb{height:120px;margin-bottom:0;background:linear-gradient(180deg,#182235 0%,#101827 100%)}
.post-card-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:5.8em;margin:0;color:#dbe3ee;line-height:1.45}
.post-card-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.post-card-actions{margin-top:auto;flex-wrap:wrap}
.post-card-empty{max-width:420px}
.editor-leave-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:60}
.editor-leave-backdrop{position:absolute;inset:0;background:rgba(3,8,17,.72);backdrop-filter:blur(3px)}
.editor-leave-dialog{position:relative;z-index:1;max-width:420px;width:calc(100% - 24px);background:#111827;border-color:#334155;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.editor-leave-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
.editor-leave-actions .danger{border-color:#7f1d1d;color:#fecaca}

.topbar-actions{display:flex;align-items:center;gap:12px}
.topbar-context{margin:0;padding:10px 14px;min-width:260px;background:#0f1724;border-color:#334155}
.topbar-context-title{font-weight:700;color:#f8fafc}
.section-block{scroll-margin-top:16px}
.danger-zone{border-color:#7f1d1d;background:#1b1117}

.context-subnav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;border:1px solid #2a3242;border-radius:14px;background:linear-gradient(180deg,#101827 0%,#0e1624 100%)}
.context-subnav-label{font-size:12px;color:#94a3b8;letter-spacing:.02em}
.context-subnav-links{display:flex;gap:8px;flex-wrap:wrap}
.context-chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid #2f3b52;border-radius:999px;background:#0d1320;color:#cbd5e1;font-size:13px}
.context-chip:hover,.context-chip.active{background:#1d2b40;border-color:#4b6a91;color:#fff}
.context-subnav-settings .context-chip{background:#101726}

.posts-toolbar-shell{margin-bottom:14px;padding:12px 14px;border:1px solid #2a3242;border-radius:16px;background:linear-gradient(180deg,#111927 0%,#0d1420 100%)}
.posts-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.posts-toolbar-group{display:flex;gap:8px;flex-wrap:wrap}
.posts-tool{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid #314056;border-radius:10px;background:#0d1320;color:#d4deeb;font-size:13px}
.posts-tool:hover,.posts-tool.active{background:#1b2b42;border-color:#4b6a91;color:#fff}
.posts-tool.accent{background:#1f3555;border-color:#5274a4}
.posts-toolbar-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.posts-toolbar-controls input,.posts-toolbar-controls select{margin:0;min-width:180px}
.posts-toolbar-controls input[name="q"]{min-width:240px}
.posts-toolbar-icons{display:flex;gap:8px}
.posts-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;padding:0;border:1px solid #314056;border-radius:10px;background:#0d1320;color:#b6c6dc}
.posts-toolbar-caption{margin-top:10px}

.posts-workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.post-work-card{position:relative;display:flex;flex-direction:column;min-height:340px;border:1px solid #2a3242;border-radius:18px;background:linear-gradient(180deg,#121a27 0%,#0f1724 100%);overflow:hidden;box-shadow:0 10px 24px rgba(3,8,17,.18)}
.post-work-card-preview{position:relative;min-height:192px;background:#cbd5e1}
.post-work-card-image{width:100%;height:192px;object-fit:cover;display:block}
.post-work-card-placeholder{display:flex;align-items:flex-end;justify-content:flex-start;width:100%;height:192px;padding:18px;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.72) 0 12%,transparent 13%),linear-gradient(153deg,rgba(255,255,255,.08) 18%,transparent 18%),linear-gradient(28deg,rgba(89,107,138,.16) 20%,transparent 20%),linear-gradient(145deg,#e2e8f0 0%,#d8dee9 55%,#cfd7e4 100%);color:rgba(71,85,105,.78);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.post-status-badge{position:absolute;top:12px;left:12px;z-index:2;padding:5px 11px;border-radius:999px;background:rgba(71,85,105,.86);color:#fff;font-size:12px;font-weight:700}
.status-scheduled .post-status-badge{background:rgba(100,116,139,.92)}
.status-draft .post-status-badge{background:rgba(82,82,91,.9)}
.post-work-card-hover{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:16px;background:rgba(241,245,249,.14);backdrop-filter:blur(8px);opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}
.post-work-card:hover .post-work-card-hover,.post-work-card:focus-within .post-work-card-hover{opacity:1;transform:translateY(0)}
.hover-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:0;border:1px solid rgba(148,163,184,.45);border-radius:10px;background:rgba(15,23,36,.82);color:#e2e8f0}
.hover-action.danger{color:#fecdd3}
.post-work-card-body{display:flex;flex-direction:column;gap:10px;padding:14px 14px 8px}
.post-work-card-title{margin:0;font-size:16px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-work-card-text{margin:0;color:#c4d0e1;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.8em}
.post-work-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 14px;border-top:1px solid #223046}
.post-work-card-meta{display:flex;align-items:center;gap:8px;color:#c8d4e3;font-size:13px}
.post-meta-dot{width:10px;height:10px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 3px rgba(110,231,183,.15)}
.status-draft .post-meta-dot{background:#cbd5e1;box-shadow:0 0 0 3px rgba(203,213,225,.12)}

.settings-page{display:flex;flex-direction:column;gap:14px}
.group-settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.group-settings-header h2{margin:6px 0 4px}
.settings-header-actions{display:flex;gap:8px;flex-wrap:wrap}
.settings-inline-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.settings-fact{padding:12px 14px;border:1px solid #2a3242;border-radius:12px;background:#101827}
.settings-fact strong{display:block;margin-top:4px;color:#f8fafc;overflow-wrap:anywhere}
.settings-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.settings-section-head h3{margin:0 0 4px}
.settings-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.settings-two-column{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}
.settings-danger-actions{display:flex;flex-direction:column;gap:12px}
.platform-oauth-card{padding:22px 24px;border-radius:24px}
.platform-oauth-form{gap:18px}
.platform-oauth-provider{padding:18px 20px;border:1px solid #253449;border-radius:20px;background:linear-gradient(180deg,#11192a 0%,#0d1320 100%)}
.platform-oauth-provider-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.platform-oauth-inline-option{display:flex;align-items:flex-start;gap:10px;color:#cbd5e1}
.platform-oauth-inline-option input{margin-top:3px}

@media (max-width: 900px){
  .topbar{flex-direction:column;align-items:stretch}
  .topbar-context{min-width:0}
  .topbar-actions{justify-content:space-between}
  .posts-toolbar-controls input[name="q"],.posts-toolbar-controls input,.posts-toolbar-controls select{min-width:0;width:100%}
  .posts-toolbar-controls{width:100%}
  .settings-two-column{grid-template-columns:1fr}
}

.composer-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:16px;align-items:start}
.composer-main,.composer-side{min-width:0}
.composer-surface,.composer-preview-card{padding:18px}
.composer-surface{display:flex;flex-direction:column;gap:18px}
.composer-section{display:flex;flex-direction:column;gap:12px;padding-bottom:18px;border-bottom:1px solid #223046}
.composer-section:last-child{padding-bottom:0;border-bottom:none}
.composer-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.composer-section-head.compact{align-items:center}
.composer-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7f92ad;margin-bottom:4px}
.composer-section h3{margin:0;font-size:20px;line-height:1.2}
.sync-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #304058;border-radius:999px;background:#0d1320;cursor:pointer}
.sync-toggle-label{font-size:13px;color:#d5dfec}
.sync-switch{position:relative;display:inline-flex}
.sync-switch input{position:absolute;opacity:0;pointer-events:none}
.sync-switch-ui{position:relative;display:inline-flex;width:42px;height:24px;border-radius:999px;background:#334155;transition:background .18s ease}
.sync-switch-ui::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#e2e8f0;transition:transform .18s ease}
.sync-switch input:checked + .sync-switch-ui{background:#14b8a6}
.sync-switch input:checked + .sync-switch-ui::after{transform:translateX(18px)}
.composer-tabs{display:inline-flex;gap:6px;padding:4px;border:1px solid #283446;border-radius:12px;background:#0d1320;width:max-content;max-width:100%}
.composer-tab{min-width:0;padding:8px 14px;border:none;background:transparent;color:#9fb0c9;border-radius:10px}
.composer-tab.active{background:#1d2b40;color:#fff;box-shadow:0 0 0 1px rgba(75,106,145,.35) inset}
.composer-textarea{min-height:240px;padding:14px 16px;border-radius:14px;background:#0c121d}
.composer-meta-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.composer-hidden-input{display:none}
.media-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:20px;border:1px dashed #36506f;border-radius:18px;background:linear-gradient(180deg,rgba(20,30,46,.96) 0%,rgba(12,18,29,.98) 100%);text-align:center;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.media-dropzone:hover,.media-dropzone.drag-active{border-color:#5f88bb;transform:translateY(-1px);box-shadow:0 12px 28px rgba(3,8,17,.22)}
.media-dropzone-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:rgba(20,184,166,.14);color:#5eead4;font-size:28px}
.media-dropzone-title{font-size:17px;font-weight:700;color:#e7eef8}
.composer-media-grid{margin-top:0}
.composer-media-card{padding:10px;padding-top:38px;border-radius:16px;background:#0c121d}
.composer-media-caption{display:flex;flex-direction:column;gap:4px}
.account-selection-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid #2f3b52;border-radius:16px;background:#0d1320}
.account-selection-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.account-summary-title{font-size:15px;font-weight:700;color:#f8fafc}
.account-chip-list{display:flex;flex-wrap:wrap;gap:10px}
.account-chip{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:9px 12px;border:1px solid #304058;border-radius:999px;background:#121b29;color:#dbe3ee}
.account-chip-avatar,.account-picker-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#1f3555;color:#fff;font-weight:700;flex:none}
.account-chip-copy,.account-picker-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}
.account-chip-copy strong,.account-picker-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chip-copy span,.account-picker-copy span{font-size:12px;color:#94a3b8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chip-remove{color:#94a3b8}
.composer-publish-bar{gap:14px}
.publish-bar-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.publish-bar-status{max-width:280px;text-align:right}
.publish-bar-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.publish-datetime-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:240px;padding:12px 14px;border:1px solid #2f3b52;border-radius:16px;background:#0d1320}
.publish-datetime-field span{font-size:12px;color:#94a3b8}
.publish-datetime-field input{margin:0;background:transparent;border:none;padding:0;font-size:15px}
.publish-datetime-field input:focus{outline:none}
.publish-clear-btn{margin:0}
.publish-bar-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.publish-primary{background:#14b8a6;border-color:#14b8a6;color:#041014}
.publish-primary:hover{background:#2dd4bf;border-color:#2dd4bf}
.preview-mode-switch{flex-wrap:nowrap}
.preview-target-chip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid #2b3647;border-radius:14px;background:#0d1320;margin-bottom:12px}
.preview-target-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}
.account-picker-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:70;padding:18px}
.account-picker-backdrop{position:absolute;inset:0;background:rgba(3,8,17,.74);backdrop-filter:blur(3px)}
.account-picker-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:min(86vh,900px);display:flex;flex-direction:column;gap:14px;padding:20px;background:#101827;border-color:#334155;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.account-picker-head,.account-picker-toolbar,.account-picker-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.platform-filter-row{display:flex;gap:8px;flex-wrap:wrap}
.platform-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border:1px solid #304058;border-radius:999px;background:#0d1320;color:#cbd5e1}
.platform-pill.active{background:#1f3555;border-color:#5274a4;color:#fff}
.account-search{margin:0}
.account-picker-list{display:flex;flex-direction:column;gap:10px;max-height:48vh;overflow:auto;padding-right:4px}
.account-picker-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #2f3b52;border-radius:16px;background:#0d1320;color:#e2e8f0;text-align:left}
.account-picker-item.selected{border-color:#14b8a6;background:rgba(20,184,166,.08)}
.account-picker-check{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#1d2b40;color:#fff;flex:none}
.account-picker-kind{margin-left:auto;font-size:12px;color:#94a3b8;border:1px solid #334155;border-radius:999px;padding:5px 9px;flex:none}

@media (max-width: 1100px){
  .composer-layout{grid-template-columns:1fr}
}

@media (max-width: 720px){
  .composer-surface,.composer-preview-card{padding:14px}
  .composer-tabs{width:100%}
  .composer-tab{flex:1}
  .account-selection-summary,.publish-bar-top,.publish-bar-controls,.publish-bar-actions{align-items:stretch}
  .publish-bar-status{text-align:left;max-width:none}
  .publish-bar-actions button,.publish-clear-btn{width:100%}
  .account-picker-dialog{padding:16px}
  .account-picker-item{align-items:flex-start}
  .account-picker-kind{margin-left:0}
}

.composer-layout-foundation .composer-surface{gap:22px}
.multipost-composer-shell{background:linear-gradient(180deg,#121b28 0%,#0f1724 100%)}
.recipient-bar-section{gap:14px}
.recipient-bar-topline,.recipient-bar-mode-row,.recipient-chip-row,.recipient-bar-caption,.publish-bar-summary,.publish-bar-action-row,.platform-options-head,.preview-switcher,.preview-meta-row,.schedule-toggle-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.recipient-bar-topline,.publish-bar-summary,.platform-options-head{justify-content:space-between;align-items:flex-start}
.mode-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid #34465d;font-size:12px;font-weight:700;letter-spacing:.08em}
.mode-badge.is-sync{background:rgba(20,184,166,.12);color:#7ef1e5;border-color:rgba(45,212,191,.45)}
.mode-badge.is-platform{background:rgba(99,102,241,.14);color:#c7d2fe;border-color:rgba(129,140,248,.35)}
.recipient-chip-row{align-items:stretch}
.recipient-chip{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:999px;border:1px solid #314056;background:#0d1320;color:#ecf3fb;max-width:100%}
.recipient-chip.active{box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 10px 24px rgba(3,8,17,.18);transform:translateY(-1px)}
.recipient-chip.telegram.active,.preview-target-chip.telegram,.account-picker-avatar.telegram{border-color:#38bdf8;background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(13,19,32,.98))}
.recipient-chip.vk.active,.preview-target-chip.vk,.account-picker-avatar.vk{border-color:#60a5fa;background:linear-gradient(180deg,rgba(96,165,250,.16),rgba(13,19,32,.98))}
.recipient-chip.instagram.active,.preview-target-chip.instagram,.account-picker-avatar.instagram{border-color:#f472b6;background:linear-gradient(180deg,rgba(244,114,182,.16),rgba(13,19,32,.98))}
.recipient-chip.youtube.active,.preview-target-chip.youtube,.account-picker-avatar.youtube{border-color:#f87171;background:linear-gradient(180deg,rgba(248,113,113,.16),rgba(13,19,32,.98))}
.recipient-chip-avatar,.recipient-add-btn span:first-child{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#162235;color:#fff;font-size:12px;font-weight:800;flex:none}
.recipient-chip-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}
.recipient-chip-copy strong{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recipient-chip-copy span{font-size:12px;color:#8ea3c0}
.recipient-chip-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.06);color:#b6c6dc;font-size:12px}
.recipient-add-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border:1px dashed #496280;border-radius:999px;background:#0d1320;color:#dbe7f5}
.content-grid-shell{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1fr);gap:18px;align-items:start}
.media-side-column,.editor-side-column,.platform-options-card,.platform-preview-shell,.preview-meta-panel,.publish-bar-compact{display:flex;flex-direction:column;gap:12px}
.media-side-column{padding:14px;border:1px solid #253145;border-radius:18px;background:#0d1320}
.media-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.media-dropzone.compact{min-height:220px}
.compact-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.compact-card{min-height:198px}
.platform-context-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid #314056;border-radius:18px;background:#0d1320}
.platform-context-banner.telegram{border-color:rgba(56,189,248,.35)}
.platform-context-banner.vk{border-color:rgba(96,165,250,.35)}
.platform-context-banner.instagram{border-color:rgba(244,114,182,.35)}
.platform-context-banner.youtube{border-color:rgba(248,113,113,.35)}
.platform-context-badge,.platform-options-tag,.option-pill,.preview-platform-head,.active-toggle-btn{display:inline-flex;align-items:center;justify-content:center}
.platform-context-badge,.platform-options-tag{padding:7px 10px;border-radius:999px;border:1px solid #34465d;background:#111b2a;font-size:12px;color:#c8d7ea}
.platform-inline-label{display:block;margin-bottom:6px;font-size:12px;color:#94a3b8}
.platform-title-input{margin:0 0 8px}
.platform-options-card{padding:16px;border:1px solid #253145;border-radius:18px;background:linear-gradient(180deg,#101827 0%,#0d1320 100%)}
.platform-option-grid{display:flex;gap:8px;flex-wrap:wrap}
.option-pill{min-height:34px;padding:8px 12px;border-radius:999px;background:#131f30;border:1px solid #334155;font-size:12px;color:#dbe7f5}
.platform-form-grid{display:grid;gap:12px}
.platform-form-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-form-grid label,.schedule-grid label{display:flex;flex-direction:column;gap:6px}
.platform-form-grid span,.schedule-grid span{font-size:12px;color:#94a3b8}
.publish-bar-compact{padding:16px;border:1px solid #253145;border-radius:18px;background:#0d1320}
.publish-bar-action-row button{margin:0}
.active-toggle-btn{background:#1d2b40 !important;border-color:#5f88bb !important;color:#fff !important}
.preview-switcher{margin:4px 0 8px}
.preview-switch-btn{width:auto;padding:8px 12px;border-radius:10px;border:1px solid #314056;background:#0d1320;color:#c2d1e4}
.preview-switch-btn.active{background:#1f3555;border-color:#5274a4;color:#fff}
.platform-preview-shell{padding:14px;border:1px solid #263246;border-radius:18px;background:#0d1320}
.preview-platform-head{min-height:30px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;width:max-content}
.telegram-head{background:rgba(56,189,248,.16);color:#7dd3fc}
.vk-head{background:rgba(96,165,250,.16);color:#93c5fd}
.instagram-head{background:rgba(244,114,182,.16);color:#f9a8d4}
.youtube-head{background:rgba(248,113,113,.16);color:#fca5a5}
.tg-post-card.modern,.vk-preview-card,.ig-preview-card,.yt-preview-card{border-radius:18px;overflow:hidden;border:1px solid #263246;background:#101a2a}
.preview-subtext{padding:0 12px 12px;color:#8da3c2;font-size:12px;white-space:pre-wrap}
.vk-preview-card,.ig-preview-card,.yt-preview-card{padding:14px}
.vk-preview-author,.ig-preview-top{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.vk-preview-logo,.ig-preview-logo{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#1f3555;color:#fff;font-size:12px;font-weight:800}
.vk-preview-text,.ig-preview-caption,.yt-preview-copy p{white-space:pre-wrap;line-height:1.45;color:#eef4fb}
.vk-preview-media,.ig-preview-media,.yt-preview-media{width:100%;border-radius:14px;object-fit:cover;max-height:250px;margin-top:12px}
.yt-preview-card{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:start}
.yt-preview-thumb{min-height:102px}
.yt-preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:102px;border-radius:14px;background:linear-gradient(135deg,#1f2937,#111827);color:#94a3b8}
.preview-meta-panel{padding:14px;border:1px solid #263246;border-radius:18px;background:#0d1320}
.preview-meta-row{justify-content:space-between;padding:10px 0;border-bottom:1px solid #1f2a39}.preview-meta-row:last-child{border-bottom:none}
.preview-meta-row span{color:#94a3b8;font-size:12px}.preview-meta-row strong{color:#eef4fb}
.account-picker-dark,.schedule-dialog{background:linear-gradient(180deg,#111927 0%,#0d1320 100%)}
.provider-tabs-row{margin-bottom:4px}
.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.schedule-toggle-row{justify-content:flex-start}
.mini-switch-row{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid #314056;border-radius:999px;background:#0d1320;width:auto}
.mini-switch-row input{width:auto;margin:0}
.post-work-card-recipients{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.post-work-card-recipient{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;border:1px solid #314056;background:#0d1320;color:#cbd5e1;font-size:11px}

@media (max-width: 1100px){
  .content-grid-shell{grid-template-columns:1fr}
}

@media (max-width: 720px){
  .recipient-bar-topline,.recipient-bar-mode-row,.publish-bar-summary,.publish-bar-action-row,.platform-options-head{align-items:stretch}
  .recipient-chip,.recipient-add-btn,.preview-target-chip{width:100%}
  .platform-form-grid.two-cols,.schedule-grid,.yt-preview-card{grid-template-columns:1fr}
  .composer-layout-foundation .composer-preview-card{margin-top:0}
}

.home-hero,.platform-page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;border:1px solid #223047;background:linear-gradient(180deg,#101827 0%,#0d1320 100%)}
.home-hero h1,.platform-page-hero h2{margin:6px 0 4px}
.home-hero-actions,.section-head-row{display:flex;gap:10px;align-items:center;justify-content:space-between}
.platform-tile-grid,.platform-module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.platform-tile,.platform-module-card,.compact-connect-card{padding:22px;border:1px solid #263246;background:linear-gradient(180deg,#101827 0%,#0c1421 100%)}
.platform-tile.telegram,.platform-module-card.telegram,.platform-page-hero.telegram{box-shadow:inset 0 0 0 1px rgba(56,189,248,.08)}
.platform-tile.vk,.platform-module-card.vk,.platform-page-hero.vk{box-shadow:inset 0 0 0 1px rgba(96,165,250,.08)}
.platform-tile.instagram,.platform-module-card.instagram,.platform-page-hero.instagram{box-shadow:inset 0 0 0 1px rgba(244,114,182,.08)}
.platform-tile.youtube,.platform-module-card.youtube,.platform-page-hero.youtube{box-shadow:inset 0 0 0 1px rgba(248,113,113,.08)}
.platform-tile-head,.platform-module-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.platform-tile-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#172334;border:1px solid #314056;font-weight:800;color:#e2e8f0}
.platform-tile-stats,.platform-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.platform-tile-stats div,.platform-module-grid div{padding:12px;border-radius:14px;border:1px solid #243246;background:#0d1320}
.platform-tile-preview{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.platform-mini-row{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:#0d1320;border:1px solid #243246}
.compact-secondary-panel{padding:22px}
.compact-module-row{align-items:center}
.compact-toolbar{margin-bottom:14px}
.compact-connect-card textarea{min-height:150px}
.compact-help-list{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #243246}
.entity-choice-list{display:flex;flex-direction:column;gap:12px;margin:18px 0}
.entity-choice-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1px solid #2a3a52;background:#0d1320;cursor:pointer}
.entity-choice-card input{width:auto;margin-top:3px}
.compact-platform-settings .settings-inline-facts{margin:18px 0}
.compact-platform-settings .compact-nested-row{display:grid;grid-template-columns:120px 1fr;gap:10px}
.account-picker-item{grid-template-columns:auto auto 1fr auto}
.account-picker-copy span{display:block;color:#94a3b8}

@media (max-width: 900px){
  .platform-tile-grid,.platform-module-list{grid-template-columns:1fr}
  .home-hero,.platform-page-hero,.home-hero-actions,.section-head-row{flex-direction:column;align-items:stretch}
}

.home-shell,.platform-connect-shell,.platform-module-shell,.platform-detail-shell{display:flex;flex-direction:column;gap:20px}
.home-hero-panel,.platform-connect-hero{padding:28px 30px;border-radius:28px;border:1px solid #27364d;background:linear-gradient(180deg,#11192a 0%,#0d1320 100%)}
.home-kicker{text-transform:uppercase;letter-spacing:.12em;color:#7b92b3}
.home-subcopy{max-width:700px;color:#9fb1c9;font-size:15px;line-height:1.55}
.platform-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.platform-home-card{padding:24px;border-radius:26px;border:1px solid #253449;background:linear-gradient(180deg,#11192a 0%,#0d1320 100%);display:flex;flex-direction:column;gap:18px;min-height:310px}
.platform-home-head,.platform-module-topline{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.platform-home-brand{display:flex;gap:14px;align-items:flex-start}
.platform-home-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:#162235;border:1px solid #314056;font-size:18px;font-weight:800;color:#f8fafc;flex:none}
.platform-home-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid #314056;font-size:12px;font-weight:700;white-space:nowrap}
.platform-home-status-pill.is-connected{background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.35);color:#99f6e4}
.platform-home-status-pill.is-empty{background:#101826;color:#9fb1c9}
.platform-home-facts,.platform-module-mini-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.platform-home-fact,.platform-module-mini-facts div{padding:14px 16px;border-radius:18px;background:#0b1220;border:1px solid #223149;display:flex;flex-direction:column;gap:4px}
.platform-home-fact strong,.platform-module-mini-facts strong{font-size:15px}
.platform-home-preview-list{display:flex;flex-direction:column;gap:10px;flex:1}
.platform-home-preview-item,.home-secondary-item,.platform-log-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border-radius:16px;background:#0b1220;border:1px solid #223149}
.platform-home-preview-item{align-items:flex-start;flex-direction:column}
.platform-home-preview-item span,.platform-home-empty-state{color:#98abc5;font-size:13px}
.platform-home-actions,.platform-module-actions-row,.platform-inline-actions,.platform-danger-actions{display:flex;gap:10px;flex-wrap:wrap}
.home-secondary-panel{padding:24px;border-radius:24px}
.home-secondary-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.home-secondary-item{padding:14px 16px}
.platform-connect-focus{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:18px;align-items:start}
.connect-focus-form,.connect-help-card,.connect-choice-card,.connect-checklist-card,.oauth-stage-card,.vk-auth-card,.vk-entities-card,.platform-info-card,.platform-edit-card,.platform-danger-card{padding:24px 26px;border-radius:24px;border:1px solid #253449;background:linear-gradient(180deg,#11192a 0%,#0d1320 100%)}
.connect-form-stack{display:flex;flex-direction:column;gap:16px}
.connect-form-stack label{display:flex;flex-direction:column;gap:8px}
.connect-form-stack label span{font-size:13px;color:#9fb1c9}
.connect-form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:4px}
.connect-form-actions.centered{justify-content:center}
.connect-form-actions.split{justify-content:space-between}
.connect-help-card h4{margin-bottom:14px}
.connect-help-steps{display:flex;flex-direction:column;gap:14px}
.connect-help-steps div,.connect-checklist-item{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:flex-start}
.connect-help-steps span,.connect-checklist-item span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid #48617f;background:#101826;color:#dce6f3;font-weight:700}
.connect-help-steps p,.connect-checklist-item p{margin:4px 0 0;color:#9fb1c9;line-height:1.5}
.instagram-connect-stack,.youtube-connect-stack,.vk-connect-stack{display:flex;flex-direction:column;gap:18px}
.connect-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.connect-choice-option{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:22px;border:1px solid #314056;background:#0e1524;cursor:pointer;min-height:190px}
.connect-choice-option input{position:absolute;inset:0;opacity:0;cursor:pointer}
.connect-choice-option.is-selected,.connect-choice-option:has(input:checked){border-color:#2dd4bf;box-shadow:0 0 0 1px rgba(45,212,191,.25) inset}
.choice-badge{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:#14b8a6;color:#fff;font-size:12px;font-weight:700}
.connect-choice-option strong{font-size:18px;line-height:1.35;margin-top:18px}
.connect-choice-option span{color:#9fb1c9}
.connect-choice-option small{margin-top:auto;color:#7eead7}
.connect-choice-option.is-disabled{opacity:.55;cursor:not-allowed}
.oauth-stage-grid{display:grid;gap:18px}
.oauth-stage-grid.two-cols{grid-template-columns:1.2fr .9fr}
.oauth-stage-copy{display:flex;flex-direction:column;gap:10px}
.oauth-stage-copy p,.oauth-stage-copy ul{margin:0;color:#9fb1c9;line-height:1.6}
.oauth-stage-icon,.vk-auth-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:#15304d;border:1px solid #314056;font-size:18px;font-weight:800;color:#fff}
.permission-pill-list{display:flex;gap:10px;flex-wrap:wrap;align-content:flex-start}
.permission-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:999px;border:1px solid #314056;background:#0b1220;color:#dce6f3;font-size:13px}
.vk-auth-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:520px}
.vk-auth-card p,.vk-auth-meta{color:#9fb1c9;line-height:1.6}
.vk-entities-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap}
.vk-filter-row{display:flex;gap:8px;flex-wrap:wrap}
.vk-entity-form{display:flex;flex-direction:column;gap:18px}
.vk-entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vk-entity-option{display:grid;grid-template-columns:auto 48px 1fr;gap:12px;align-items:center;padding:16px;border-radius:18px;border:1px solid #2a3a52;background:#0b1220;cursor:pointer}
.vk-entity-option input{width:18px;height:18px;margin:0}
.vk-entity-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#1d4ed8;color:#fff;font-weight:800}
.vk-entity-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.vk-entity-copy span{color:#9fb1c9;font-size:13px}
.sticky-submit{padding-top:6px;border-top:1px solid #253449}
.platform-module-grid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.compact-module-card{min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.platform-home-empty-card{padding:24px;border-radius:24px}
.platform-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.platform-info-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.platform-info-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #223149}.platform-info-row:last-child{border-bottom:none}
.platform-info-row span{color:#8fa3bf;font-size:13px}.platform-info-row strong{text-align:right}
.compact-edit-form .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.platform-log-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.platform-danger-card{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.danger-delete-form{display:flex;gap:10px;flex-wrap:wrap}
.account-picker-empty{padding:16px 18px;border-radius:16px;border:1px dashed #48617f;background:#0b1220;color:#9fb1c9}
.account-picker-item{padding:14px 16px;border-radius:18px;border:1px solid #223149;background:#0b1220;display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center}
.account-picker-item.selected{border-color:#2dd4bf;box-shadow:0 0 0 1px rgba(45,212,191,.2) inset;background:linear-gradient(180deg,#102032,#0b1220)}
.account-picker-avatar{width:42px;height:42px;border-radius:14px;border:1px solid #314056;font-weight:800}
.account-picker-kind{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid #314056;background:#101826;color:#dce6f3;font-size:12px}
.account-picker-copy strong{font-size:15px}
.platform-pill{min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid #314056;background:#0b1220;color:#cfe0f4}
.platform-pill.active{background:#173454;border-color:#4a85c9;color:#fff}

@media (max-width: 1100px){
  .platform-home-grid,.platform-module-grid-list,.platform-detail-grid,.vk-entity-grid{grid-template-columns:1fr}
  .platform-connect-focus,.oauth-stage-grid.two-cols,.connect-choice-grid{grid-template-columns:1fr}
}

@media (max-width: 720px){
  .home-hero-panel,.platform-connect-hero,.platform-home-card,.connect-focus-form,.connect-help-card,.connect-choice-card,.connect-checklist-card,.oauth-stage-card,.vk-auth-card,.vk-entities-card,.platform-info-card,.platform-edit-card,.platform-danger-card{padding:20px}
  .platform-home-head,.platform-module-topline,.vk-entities-head,.platform-danger-card,.connect-form-actions,.platform-home-actions,.platform-module-actions-row,.platform-danger-actions{flex-direction:column;align-items:stretch}
  .platform-home-facts,.platform-module-mini-facts,.compact-edit-form .row{grid-template-columns:1fr}
  .vk-entity-option{grid-template-columns:auto 42px 1fr}
}

.top-tabs{align-items:center;flex-wrap:wrap;padding-bottom:12px;margin-bottom:10px}
.platform-tab,.destination-tab{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab-divider{display:inline-flex;width:1px;height:24px;background:#2b3647;margin:0 2px}
.context-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.context-tab{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid #2f3b52;background:#0d1320;color:#cbd5e1;font-size:13px}
.context-tab:hover,.context-tab.active{background:#1d2b40;border-color:#4b6a91;color:#fff}
.compact-context-card{min-width:220px}

.compact-home-shell{gap:16px}
.compact-home-hero,.compact-hero-card{padding:22px 24px;border-radius:22px}
.compact-home-actions,.compact-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.compact-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.compact-platform-card{min-height:0;padding:18px;border-radius:20px;gap:14px}
.clean-home-tile{text-decoration:none;color:inherit;justify-content:space-between;min-height:180px}
.clean-home-tile:hover{border-color:#4b6a91;transform:translateY(-1px)}
.platform-home-tile-footer{color:#cfe0f4}
.clean-home-note{margin-top:-4px;color:#9fb1c9}
.connected-platforms-list{display:flex;flex-direction:column;gap:14px}
.connected-platform-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-radius:20px}
.connected-platform-copy{min-width:0}
.inline-form{display:inline-flex}
.compact-card-head{align-items:flex-start}
.platform-mini-summary{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:16px;background:#0b1220;border:1px solid #223149}
.platform-mini-summary strong{font-size:14px;line-height:1.4}
.compact-preview-list{gap:8px}
.compact-preview-item{padding:10px 12px;border-radius:14px;min-height:0}
.compact-card-actions .btn{flex:1;justify-content:center}

.connect-base-pill{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid #314056;background:#0d1320;color:#dce6f3;font-size:12px}
.oauth-feedback-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-radius:20px}
.oauth-feedback-card.warning{border-color:#6b4b1f;background:linear-gradient(180deg,#1a1620 0%,#0d1320 100%)}
.oauth-feedback-meta{display:flex;gap:8px;flex-wrap:wrap}
.compact-connect-grid{grid-template-columns:minmax(0,1fr) 320px}
.compact-connect-form,.compact-help-card{padding:20px 22px;border-radius:20px}
.connect-compact-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:6px}
.compact-form-stack{gap:14px}
.guided-connect-stack{display:flex;flex-direction:column;gap:16px}
.guided-flow-card{padding:22px 24px;border-radius:22px;background:linear-gradient(180deg,#11192a 0%,#0d1320 100%);border:1px solid #253449}
.guided-flow-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
.guided-step-grid{display:grid;gap:12px}
.guided-step-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.guided-step-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.guided-step-card{padding:16px;border-radius:18px;border:1px solid #223149;background:#0b1220}
.guided-step-card strong{display:block;margin-bottom:6px}
.guided-step-card p{margin:0;color:#9fb1c9;line-height:1.5}
.guided-step-card.muted{opacity:.72}
.callback-foundation-note{margin-top:14px;padding:12px 14px;border-radius:16px;border:1px solid #223149;background:#0b1220}
.debug-fallback-card{padding:18px 20px;border-radius:20px;background:linear-gradient(180deg,#101827 0%,#0d1320 100%)}
.debug-fallback-card summary{cursor:pointer;font-weight:700;color:#dbe7f5}
.spaced-top{margin-top:14px}
.compact-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}

@media (max-width: 1300px){
  .compact-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 1100px){
  .guided-step-grid.two-cols,.guided-step-grid.three-cols,.compact-connect-grid{grid-template-columns:1fr}
}

@media (max-width: 720px){
  .top-tabs,.context-tabs,.oauth-feedback-card,.compact-home-actions,.compact-hero-actions,.guided-flow-head{flex-direction:column;align-items:stretch}
  .compact-platform-grid,.compact-choice-grid{grid-template-columns:1fr}
  .compact-card-actions .btn{width:100%}
  .connected-platform-row{flex-direction:column;align-items:stretch}
}


.ultra-compact-platform-grid{grid-template-columns:repeat(4,minmax(0,150px));justify-content:flex-start;gap:12px}
.ultra-compact-platform-card{min-height:112px;padding:14px 16px;border-radius:18px;align-items:flex-start;justify-content:center}
.compact-platform-brand{align-items:center;min-width:0}
.compact-platform-brand h3{margin:0;font-size:16px;line-height:1.2}
.compact-platform-icon{width:42px;height:42px;border-radius:14px;font-size:14px}
.compact-oauth-feedback-card{padding:16px 18px;border-radius:18px}
.compact-guided-stack{gap:12px}
.compact-guided-flow-card{padding:18px 20px;border-radius:20px}
.compact-guided-head{margin-bottom:0}

@media (max-width: 900px){
  .ultra-compact-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 720px){
  .ultra-compact-platform-grid{grid-template-columns:1fr}
}