:root {
    --sidebar-w: 248px;
    --icon-edit-url: url("../icons/action-edit.svg");
    --icon-disconnect-url: url("../icons/action-disconnect.svg");
}

body.platform-page { padding: 10px 0 calc(76px + 12px) !important; background: #f4f6fb !important; }
.platform-page .platform-shell { width: calc(100vw - 20px) !important; max-width: none !important; margin: 0 10px !important; display: block !important; }
.platform-sidebar { display: none; }
.platform-panel { background: #f8f9ff !important; border: 1px solid #e4e8f3 !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: 0 12px 34px rgba(17, 24, 39, 0.08) !important; }
.platform-header { padding: 18px 16px 12px !important; border-bottom: 1px solid #e4e8f3 !important; }
.platform-header-toggle { display: none; }
.platform-header h1 { font-size: 22px !important; font-weight: 900 !important; line-height: 1.3 !important; margin: 0 !important; }
.platform-header p { margin: 6px 0 0 !important; font-size: 14px !important; color: #78809a !important; }
.platform-toolbar { padding: 14px 16px !important; border-bottom: 1px solid #e4e8f3 !important; }
.platform-search { min-height: 46px !important; border: 1px solid #d6dcee !important; border-radius: 14px !important; background: #fff !important; display: flex !important; align-items: center !important; gap: 8px !important; padding: 0 12px !important; }
.platform-empty-state { margin: 16px !important; padding: 26px 14px !important; border: 1px dashed #d6dcee !important; border-radius: 14px !important; background: #fff !important; font-size: 14px !important; }
.platform-list { padding: 12px 14px 18px !important; gap: 10px !important; }
.platform-card { border: 1px solid #e4e8f3 !important; border-radius: 14px !important; background: #fff !important; padding: 12px !important; gap: 10px !important; }
.platform-icon-wrap { width: 44px !important; height: 44px !important; border-radius: 11px !important; }
.platform-name { font-size: 18px !important; font-weight: 900 !important; }
.platform-status { font-size: 13px !important; font-weight: 800 !important; background: #e8f8f0 !important; color: #169d67 !important; }
.platform-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
.card-btn { min-height: 40px !important; border-radius: 11px !important; border: 1px solid #ccd4e8 !important; font-size: 15px !important; }

.floating-add-btn {
    left: 28px !important;
    bottom: calc(76px + 34px) !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    font-size: 32px !important;
    line-height: 1 !important;
    transform: translateY(24px) scale(.92) !important;
    opacity: 0 !important;
    transition: opacity .2s ease, transform .24s ease !important;
}

.floating-add-btn.is-mounted {
    transform: translateY(0) scale(1) !important;
    opacity: 1 !important;
}

.floating-add-btn.is-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(12px) scale(.88) !important;
}

.floating-add-btn:hover { transform: translateY(-2px) scale(1.08) !important; }

.platform-page .sheet-overlay:not(.d-none) {
    z-index: 120 !important;
}

.platform-sheet {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    border-radius: 22px 22px 0 0 !important;
    max-height: min(92dvh, 720px) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.platform-page .platform-sheet:not(.d-none) {
    z-index: 125 !important;
}

body.platform-page.platform-sheet-open .mobile-unified-tabs {
    display: none !important;
}

.platform-page .platform-sheet:not(.d-none) .sheet-header {
    flex: 0 0 auto !important;
}

.platform-page .platform-sheet:not(.d-none) .sheet-body.sheet-body--channel-settings {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.platform-page .channel-settings-layout {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.platform-page .channel-settings-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 14px 16px 8px !important;
    -webkit-overflow-scrolling: touch !important;
}

.platform-page .channel-settings-footer {
    flex: 0 0 auto !important;
    padding: 10px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    background: #fff !important;
    border-top: 1px solid #e7eaf4 !important;
    box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.06) !important;
}

.platform-page .channel-settings-footer .sheet-primary-btn,
.platform-page .channel-settings-footer .sheet-secondary-btn {
    width: 100% !important;
}

.platform-page.platform-sheet-open .platform-sheet:not(.d-none) .sheet-body:not(.sheet-body--channel-settings) {
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
}