/* ==========================================================================
   LEDIA CLOUD — LINKEDIN
   Dedicated LinkedIn workspace
   ========================================================================== */


/* ==========================================================================
   ROOT
   ========================================================================== */

.socials-platform-mount[data-active-social-platform="linkedin"] {
    overflow: hidden;
}

.socials-platform-mount[data-active-social-platform="linkedin"]>#socials-platform-mount {
    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    overflow: hidden;
}


/* ==========================================================================
   PLATFORM SHELL
   ========================================================================== */

.linkedin-platform-shell {
    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background:
        radial-gradient(circle at 22% 0%,
            rgba(255, 255, 255, 0.025),
            transparent 30%),
        rgba(8, 9, 10, 0.28);
}


/* ==========================================================================
   LINKEDIN INTERNAL NAVIGATION
   ========================================================================== */

.linkedin-view-nav {
    flex: 0 0 auto;

    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    padding: 7px 16px;

    border-bottom:
        1px solid var(--social-border);

    background:
        rgba(255, 255, 255, 0.008);
}

.linkedin-view-tabs {
    display: flex;
    align-items: center;

    gap: 5px;
}

.linkedin-view-tab {
    appearance: none;

    min-height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 7px 13px;

    border:
        1px solid transparent;

    border-radius: 9px;

    background: transparent;

    color: var(--muted);

    font: inherit;
    font-size: 9px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background 140ms ease,
        border-color 140ms ease,
        color 140ms ease;
}

.linkedin-view-tab:hover {
    color: var(--text);

    background:
        rgba(255, 255, 255, 0.035);
}

.linkedin-view-tab.active {
    border-color:
        rgba(244, 181, 84, 0.18);

    background:
        rgba(244, 181, 84, 0.085);

    color:
        var(--social-brand);
}

.linkedin-view-tab-count {
    min-width: 19px;
    height: 19px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 5px;

    border-radius: 999px;

    background:
        rgba(255, 255, 255, 0.055);

    color: inherit;

    font-size: 7px;
    font-weight: 800;
}

.linkedin-view-tab.active .linkedin-view-tab-count {
    background:
        rgba(244, 181, 84, 0.13);
}

.linkedin-view-context {
    min-width: 0;

    color: var(--muted-2);

    font-size: 8px;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ==========================================================================
   ACTIVE VIEW
   ========================================================================== */

.linkedin-view-content {
    flex: 1 1 auto;

    min-width: 0;
    min-height: 0;

    overflow: hidden;
}


/* ==========================================================================
   CREATE POST VIEW
   ========================================================================== */

.linkedin-writer-workspace {
    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    display: grid;

    grid-template-columns:
        minmax(560px, 1fr) minmax(265px, 320px);

    overflow: hidden;
}


/* ==========================================================================
   WRITER MAIN
   ========================================================================== */

.linkedin-writer-main {
    min-width: 0;
    min-height: 0;

    display: flex;
    flex-direction: column;

    padding: 15px 18px 17px;

    border-right:
        1px solid var(--social-border);

    overflow: hidden;
}

.linkedin-writer-heading {
    flex: 0 0 auto;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 16px;

    margin-bottom: 10px;
}

.linkedin-writer-heading h2 {
    margin: 0;

    color: var(--text);

    font-size: 18px;
    font-weight: 720;

    letter-spacing: -0.03em;
}

.linkedin-writer-mode {
    display: inline-flex;
    align-items: center;

    min-height: 23px;

    padding: 4px 8px;

    border:
        1px solid rgba(244, 181, 84, 0.15);

    border-radius: 999px;

    background:
        rgba(244, 181, 84, 0.055);

    color:
        rgba(244, 181, 84, 0.9);

    font-size: 7px;
    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;

    white-space: nowrap;
}


/* ==========================================================================
   LINKEDIN COMPOSER
   ========================================================================== */

.linkedin-writer-composer {
    flex: 1 1 auto;

    width: 100%;

    min-width: 0;
    min-height: 0;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    border:
        1px solid rgba(255, 255, 255, 0.095);

    border-radius: 14px;

    background:
        rgba(18, 19, 21, 0.92);

    box-shadow:
        0 14px 38px rgba(0, 0, 0, 0.14);
}


/* ==========================================================================
   PROFILE HEADER
   ========================================================================== */

.linkedin-composer-header {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 10px 14px 8px;
}

.linkedin-profile-avatar {
    width: 35px;
    height: 35px;

    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(145deg,
            rgba(244, 181, 84, 0.95),
            rgba(204, 136, 36, 0.95));

    color: #181008;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: -0.02em;
}

.linkedin-profile-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.linkedin-profile-copy strong {
    color: var(--text);

    font-size: 11px;
    font-weight: 700;
}

.linkedin-audience-btn {
    appearance: none;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    width: fit-content;

    padding: 0;

    border: 0;

    background: transparent;

    color: var(--muted);

    font: inherit;
    font-size: 8px;

    opacity: 1;
}


/* ==========================================================================
   GENERATED POST TABS
   ========================================================================== */

.linkedin-generated-tabs {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    gap: 4px;

    padding: 0 14px 7px;

    border-bottom:
        1px solid var(--social-border-soft);
}

.linkedin-generated-tab {
    appearance: none;

    min-height: 25px;

    padding: 5px 9px;

    border:
        1px solid transparent;

    border-radius: 7px;

    background: transparent;

    color: var(--muted);

    font: inherit;
    font-size: 8px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background 140ms ease,
        color 140ms ease,
        border-color 140ms ease;
}

.linkedin-generated-tab:hover {
    color: var(--text);

    background:
        rgba(255, 255, 255, 0.035);
}

.linkedin-generated-tab.active {
    border-color:
        rgba(244, 181, 84, 0.18);

    background:
        rgba(244, 181, 84, 0.08);

    color:
        var(--social-brand);
}


/* ==========================================================================
   EDITOR
   ========================================================================== */

.linkedin-editor-shell {
    flex: 1 1 auto;

    min-width: 0;
    min-height: 0;

    display: flex;

    overflow: hidden;
}

.linkedin-writer-editor {
    appearance: none;

    display: block;

    flex: 1 1 auto;

    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 170px;

    padding: 15px 16px;

    resize: none;

    border: 0;
    outline: none;

    background: transparent;

    color: var(--text);

    font: inherit;
    font-size: 13px;
    line-height: 1.62;

    letter-spacing: -0.008em;

    white-space: pre-wrap;

    overflow-y: auto;
}

.linkedin-writer-editor::placeholder {
    color:
        rgba(255, 255, 255, 0.27);
}

.linkedin-writer-editor:disabled {
    opacity: 0.58;

    cursor: wait;
}


/* ==========================================================================
   GENERATION META
   ========================================================================== */

.linkedin-composer-meta {
    flex: 0 0 auto;

    min-height: 28px;

    display: flex;
    align-items: center;

    padding: 4px 15px;

    border-top:
        1px solid var(--social-border-soft);
}

.linkedin-composer-hint {
    color: var(--muted-2);

    font-size: 7px;
}

.linkedin-generation-meta {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 5px;

    overflow: hidden;
}

.linkedin-generation-meta>span {
    flex: 0 0 auto;

    padding: 3px 6px;

    border:
        1px solid var(--social-border-soft);

    border-radius: 5px;

    background:
        rgba(255, 255, 255, 0.018);

    color: var(--muted);

    font-size: 7px;
}

.linkedin-generation-meta .linkedin-generation-angle {
    min-width: 0;

    flex: 1 1 auto;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ==========================================================================
   COMPOSER FOOTER
   ========================================================================== */

.linkedin-composer-footer {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 43px;

    padding: 6px 11px;

    border-top:
        1px solid var(--social-border-soft);
}

.linkedin-composer-tools,
.linkedin-composer-actions {
    display: flex;
    align-items: center;

    gap: 5px;
}

.linkedin-composer-tool {
    appearance: none;

    min-height: 27px;

    padding: 5px 8px;

    border: 0;
    border-radius: 7px;

    background: transparent;

    color: var(--muted-2);

    font: inherit;
    font-size: 7px;
    font-weight: 650;

    opacity: 0.65;
}

.linkedin-secondary-btn {
    appearance: none;

    min-height: 29px;

    padding: 6px 10px;

    border:
        1px solid var(--social-border);

    border-radius: 8px;

    background:
        rgba(255, 255, 255, 0.025);

    color: var(--text);

    font: inherit;
    font-size: 8px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background 140ms ease,
        border-color 140ms ease;
}

.linkedin-secondary-btn:hover {
    background:
        rgba(255, 255, 255, 0.05);

    border-color:
        rgba(255, 255, 255, 0.14);
}


/* ==========================================================================
   POST BUTTON
   ========================================================================== */

.linkedin-post-preview-btn {
    appearance: none;

    min-width: 92px;
    min-height: 29px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 12px;

    border: 0;
    border-radius: 999px;

    background:
        var(--social-brand);

    color: #191106;

    font: inherit;
    font-size: 8px;
    font-weight: 800;

    text-decoration: none;

    cursor: pointer;

    transition:
        filter 140ms ease,
        transform 140ms ease,
        box-shadow 140ms ease;
}

.linkedin-post-preview-btn:hover:not(:disabled) {
    filter: brightness(1.04);

    box-shadow:
        0 6px 20px rgba(244, 181, 84, 0.12);
}

.linkedin-post-preview-btn:active:not(:disabled) {
    transform: translateY(1px);
}

.linkedin-post-preview-btn:disabled {
    background:
        rgba(255, 255, 255, 0.09);

    color:
        rgba(255, 255, 255, 0.35);

    cursor: default;

    box-shadow: none;
}


/* ==========================================================================
   POST INTELLIGENCE
   ========================================================================== */

.linkedin-writer-controls {
    min-width: 0;
    min-height: 0;

    display: flex;
    flex-direction: column;

    padding: 14px 15px;

    background:
        rgba(255, 255, 255, 0.008);

    overflow-y: auto;
    overflow-x: hidden;
}

.linkedin-writer-controls-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 10px;
}

.linkedin-writer-controls-head h3 {
    margin: 0;

    color: var(--text);

    font-size: 14px;
    font-weight: 700;

    letter-spacing: -0.02em;
}

.linkedin-writer-status {
    display: inline-flex;
    align-items: center;

    padding: 3px 6px;

    border:
        1px solid rgba(84, 217, 140, 0.14);

    border-radius: 999px;

    background:
        rgba(84, 217, 140, 0.045);

    color: #9fcab0;

    font-size: 6px;
    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}


/* ==========================================================================
   CONTROL BLOCKS
   ========================================================================== */

.linkedin-writer-control {
    flex: 0 0 auto;

    padding: 8px 0;

    border-top:
        1px solid var(--social-border-soft);
}

.linkedin-writer-control-label {
    display: block;

    margin-bottom: 6px;

    color: var(--muted-2);

    font-size: 7px;
    font-weight: 750;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.linkedin-writer-control-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 10px;
}

.linkedin-writer-control-heading p {
    margin: -1px 0 6px;

    color: var(--muted-2);

    font-size: 7px;
    line-height: 1.35;
}

.linkedin-selected-count {
    min-width: 19px;
    height: 19px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    border-radius: 999px;

    background:
        rgba(244, 181, 84, 0.1);

    color:
        var(--social-brand);

    font-size: 7px;
    font-weight: 750;
}


/* ==========================================================================
   POST COUNT
   ========================================================================== */

.linkedin-count-selector {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 4px;
}

.linkedin-count-btn {
    appearance: none;

    min-height: 29px;

    border:
        1px solid var(--social-border);

    border-radius: 8px;

    background:
        rgba(255, 255, 255, 0.018);

    color: var(--muted);

    font: inherit;
    font-size: 9px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background 140ms ease,
        border-color 140ms ease,
        color 140ms ease;
}

.linkedin-count-btn:hover {
    color: var(--text);

    background:
        rgba(255, 255, 255, 0.035);
}

.linkedin-count-btn.active {
    border-color:
        rgba(244, 181, 84, 0.24);

    background:
        rgba(244, 181, 84, 0.09);

    color:
        var(--social-brand);
}


/* ==========================================================================
   FRAMEWORK
   ========================================================================== */

.linkedin-framework-select {
    appearance: none;

    width: 100%;
    min-height: 32px;

    padding: 6px 29px 6px 9px;

    border:
        1px solid var(--social-border);

    border-radius: 8px;
    outline: none;

    background:
        rgba(255, 255, 255, 0.025);

    color: var(--text);

    font: inherit;
    font-size: 9px;

    cursor: pointer;
}

.linkedin-framework-select:focus {
    border-color:
        rgba(244, 181, 84, 0.3);

    box-shadow:
        0 0 0 3px rgba(244, 181, 84, 0.04);
}


/* ==========================================================================
   FOUNDATION KNOWLEDGE
   ========================================================================== */

.linkedin-foundation-block {
    flex: 0 0 auto;

    padding: 8px 0;

    border-top:
        1px solid var(--social-border-soft);
}

.linkedin-foundation-item {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    padding: 6px 8px;

    border:
        1px solid var(--social-border-soft);

    border-radius: 8px;

    background:
        rgba(255, 255, 255, 0.015);
}

.linkedin-foundation-item+.linkedin-foundation-item {
    margin-top: 4px;
}

.linkedin-foundation-item>div {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 1px;
}

.linkedin-foundation-item strong {
    color: var(--text);

    font-size: 8px;
    font-weight: 700;
}

.linkedin-foundation-item span:not(.linkedin-foundation-check) {
    min-width: 0;

    overflow: hidden;

    color: var(--muted-2);

    font-size: 6px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.linkedin-foundation-check {
    flex: 0 0 auto;

    color: #54d98c;

    font-size: 9px;
    font-weight: 800;
}


/* ==========================================================================
   KNOWLEDGE SELECTOR
   ========================================================================== */

.linkedin-knowledge-control {
    min-height: 0;
}

.linkedin-knowledge-list {
    max-height: 130px;

    overflow-y: auto;

    padding-right: 3px;
}

.linkedin-knowledge-option {
    display: flex;
    align-items: center;

    gap: 7px;

    padding: 5px 6px;

    border-radius: 7px;

    cursor: pointer;

    transition:
        background 130ms ease;
}

.linkedin-knowledge-option:hover {
    background:
        rgba(255, 255, 255, 0.025);
}

.linkedin-knowledge-option input {
    flex: 0 0 auto;

    accent-color:
        var(--social-brand);
}

.linkedin-knowledge-option-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 1px;
}

.linkedin-knowledge-option-copy strong {
    min-width: 0;

    overflow: hidden;

    color: var(--text);

    font-size: 8px;
    font-weight: 650;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.linkedin-knowledge-option-copy small {
    min-width: 0;

    overflow: hidden;

    color: var(--muted-2);

    font-size: 6px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.linkedin-knowledge-state {
    padding: 8px;

    border:
        1px dashed var(--social-border);

    border-radius: 8px;

    color: var(--muted);

    font-size: 7px;
    line-height: 1.4;
}

.linkedin-knowledge-error {
    border-color:
        rgba(241, 96, 93, 0.18);

    color:
        rgba(241, 130, 127, 0.9);
}


/* ==========================================================================
   GENERATE
   ========================================================================== */

.linkedin-generate-btn {
    appearance: none;

    flex: 0 0 auto;

    width: 100%;
    min-height: 35px;

    margin-top: 5px;

    padding: 8px 12px;

    border: 0;
    border-radius: 9px;

    background:
        var(--social-brand);

    color: #191106;

    font: inherit;
    font-size: 9px;
    font-weight: 800;

    cursor: pointer;

    transition:
        transform 140ms ease,
        filter 140ms ease,
        box-shadow 140ms ease;
}

.linkedin-generate-btn:hover:not(:disabled) {
    filter: brightness(1.04);

    box-shadow:
        0 7px 22px rgba(244, 181, 84, 0.12);
}

.linkedin-generate-btn:active:not(:disabled) {
    transform: translateY(1px);
}

.linkedin-generate-btn:disabled {
    opacity: 0.6;

    cursor: wait;
}

.linkedin-generation-feedback {
    flex: 0 0 auto;

    min-height: 14px;

    padding-top: 5px;

    color: var(--muted);

    font-size: 7px;
    line-height: 1.35;
}


/* ==========================================================================
   SAVED POSTS VIEW
   ========================================================================== */

.linkedin-library-section {
    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    display: flex;
    flex-direction: column;

    padding: 14px 16px 16px;

    overflow: hidden;

    background:
        rgba(255, 255, 255, 0.003);
}

.linkedin-library-head {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    margin-bottom: 8px;
}

.linkedin-library-head h2 {
    margin: 0;

    color: var(--text);

    font-size: 17px;
    font-weight: 700;

    letter-spacing: -0.025em;
}

.linkedin-library-head .socials-stats-row {
    margin: 0;
}


/* ==========================================================================
   SAVED POSTS TOOLBAR
   ========================================================================== */

.linkedin-library-toolbar {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    margin-bottom: 9px;
}

.linkedin-library-filters {
    flex: 0 0 auto;
}


/* ==========================================================================
   MANUAL EXISTING POST
   ========================================================================== */

.linkedin-manual-save {
    min-width: 190px;

    color: var(--muted);
}

.linkedin-manual-save>summary {
    width: fit-content;

    list-style: none;

    cursor: pointer;

    color: var(--muted);

    font-size: 8px;
    font-weight: 650;
}

.linkedin-manual-save>summary::-webkit-details-marker {
    display: none;
}

.linkedin-manual-save>summary:hover {
    color: var(--text);
}

.linkedin-manual-save-body {
    position: absolute;

    z-index: 20;

    width: 300px;

    margin-top: 7px;

    padding: 10px;

    border:
        1px solid var(--social-border);

    border-radius: 10px;

    background:
        rgba(18, 19, 21, 0.99);

    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.32);
}

.linkedin-manual-save-body p {
    margin: 0 0 7px;

    color: var(--muted);

    font-size: 7px;
}


/* ==========================================================================
   SAVED POSTS — QUEUE + INSPECTOR
   ========================================================================== */

.linkedin-library-section .socials-workspace-grid {
    flex: 1 1 auto;

    width: 100%;

    min-width: 0;
    min-height: 0;

    display: grid;

    grid-template-columns:
        minmax(520px, 1.7fr) minmax(290px, 0.72fr);

    gap: 11px;

    overflow: hidden;
}

.linkedin-library-section .socials-workspace-grid>* {
    min-width: 0;
    min-height: 0;
}


/* ==========================================================================
   QUEUE
   ========================================================================== */

.linkedin-library-section .social-queue-panel,
.linkedin-library-section .queue-panel,
.linkedin-library-section .social-queue-shell,
.linkedin-library-section .queue-shell {
    height: 100%;

    min-height: 0;

    overflow: hidden;
}


/* ==========================================================================
   OPEN COLUMN
   ========================================================================== */

.linkedin-library-section .social-queue-open {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    min-height: 100%;
}

.linkedin-library-section .social-open-btn {
    min-width: 58px;
    min-height: 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 10px;

    border:
        1px solid var(--social-border);

    border-radius: 8px;

    background:
        rgba(255, 255, 255, 0.025);

    color: var(--text);

    font-size: 8px;
    font-weight: 700;

    text-decoration: none;

    cursor: pointer;
}

.linkedin-library-section .social-open-btn:hover {
    border-color:
        rgba(244, 181, 84, 0.2);

    background:
        rgba(244, 181, 84, 0.07);

    color:
        var(--social-brand);
}


/* ==========================================================================
   INSPECTOR
   ========================================================================== */

.linkedin-library-section .socials-detail-panel {
    height: 100%;

    min-height: 0;

    overflow-y: auto;
    overflow-x: hidden;
}

.linkedin-inspector-content {
    max-height: none;

    white-space: pre-wrap;

    overflow: visible;
}


/* ==========================================================================
   SAVED POST ACTIONS
   ========================================================================== */

.linkedin-library-section .social-detail-actions {
    position: sticky;

    bottom: 0;

    margin-top: auto;

    padding:
        10px 0 2px;

    background:
        linear-gradient(to bottom,
            rgba(15, 16, 18, 0),
            rgba(15, 16, 18, 0.96) 28%);
}


/* ==========================================================================
   EMPTY STATES
   ========================================================================== */

.linkedin-library-section .socials-detail-empty {
    min-height: 100%;
}


/* ==========================================================================
   SHORT LAPTOP VIEWPORTS
   ========================================================================== */

@media (max-height: 820px) {

    .linkedin-view-nav {
        min-height: 42px;

        padding-top: 5px;
        padding-bottom: 5px;
    }

    .linkedin-view-tab {
        min-height: 29px;

        padding-top: 5px;
        padding-bottom: 5px;
    }

    .linkedin-writer-main {
        padding:
            10px 15px 11px;
    }

    .linkedin-writer-heading {
        margin-bottom: 7px;
    }

    .linkedin-writer-controls {
        padding:
            10px 13px;
    }

    .linkedin-writer-controls-head {
        margin-bottom: 7px;
    }

    .linkedin-writer-control,
    .linkedin-foundation-block {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .linkedin-knowledge-list {
        max-height: 92px;
    }

    .linkedin-library-section {
        padding:
            10px 14px 12px;
    }
}


/* ==========================================================================
   NARROW DESKTOP
   ========================================================================== */

@media (max-width: 1180px) {

    .linkedin-writer-workspace {
        grid-template-columns:
            minmax(500px, 1fr) 280px;
    }

    .linkedin-library-section .socials-workspace-grid {
        grid-template-columns:
            minmax(500px, 1.55fr) 275px;
    }
}


/* ==========================================================================
   SMALL WIDTH
   ========================================================================== */

@media (max-width: 960px) {

    .socials-platform-mount[data-active-social-platform="linkedin"] {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .linkedin-platform-shell {
        min-width: 880px;
    }

    .linkedin-writer-workspace {
        grid-template-columns:
            minmax(560px, 1fr) 280px;
    }

    .linkedin-library-section .socials-workspace-grid {
        grid-template-columns:
            minmax(540px, 1fr) 280px;
    }
}