/* _content/Bogga.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* ===== Layout ===== */
.layout[b-xwuwtwp0zu] {
    display: grid;
    grid-template-columns: auto 1fr;
    min-height: 100dvh;
}

/* ===== Content ===== */
.content[b-xwuwtwp0zu] {
    padding: 1.5rem 2rem 2rem;
    width: 100%;
    margin: 0;
    overflow-x: hidden; /* f�rhindra sidleds-scroll */
}

/* Landing host (ingen sidebar d�r) */
.landing-host[b-xwuwtwp0zu] {
    padding: 0
}

/* Bas-typografi i content */
.content[b-xwuwtwp0zu], .content *[b-xwuwtwp0zu] {
    font-size: 16px;
    line-height: 1.5;
}

    .content h1[b-xwuwtwp0zu] {
        font-size: 1.9rem;
        margin: .25rem 0 1rem
    }

    .content h2[b-xwuwtwp0zu] {
        font-size: 1.5rem;
        margin: .2rem 0 1rem
    }

    .content h3[b-xwuwtwp0zu] {
        font-size: 1.2rem;
        margin: .2rem 0 .8rem
    }
/* _content/Bogga.Web/Components/Layout/Sidebar.razor.rz.scp.css */
/* ===== Sidebar container ===== */
.sidebar[b-0yrhpjz19f] {
    position: sticky;
    top: 0;
    height: 100dvh;
    background: var(--bg-elev);
    border-right: 1px solid var(--border);
    width: 300px; /* lite bredare */
    transition: width .18s ease;
    box-shadow: 1px 0 0 rgba(0,0,0,.15);
    overflow: hidden;
    display: flex; /* gör det enkelt att “pinna” footer längst ned */
    flex-direction: column;
}

    .sidebar.closed[b-0yrhpjz19f] {
        width: 88px
    }
        /* större kollaps för luft */

        /* Dölj text/brand när sidebar är infälld */
        .sidebar.closed .sb-link .t[b-0yrhpjz19f] {
            display: none
        }

        .sidebar.closed .sb-header .brand[b-0yrhpjz19f] {
            display: none
        }

/* ===== Header ===== */
.sb-header[b-0yrhpjz19f] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--border);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.06); /* subtil separator */
}

.brand[b-0yrhpjz19f] {
    color: var(--text);
    text-decoration: none;
    font-weight: 800;
    letter-spacing: .3px;
    font-size: 1.2rem;
}

/* Hamburger-knapp */
.icon-btn[b-0yrhpjz19f] {
    appearance: none;
    cursor: pointer;
    background: var(--panel-2);
    color: var(--text);
    border: 1px solid rgba(255,255,255,.1);
    padding: .7rem .75rem;
    border-radius: .7rem;
    font-size: 1.05rem;
}

    .icon-btn:hover[b-0yrhpjz19f] {
        border-color: var(--accent);
        box-shadow: 0 0 0 .2rem var(--ring);
    }

    .icon-btn .i[b-0yrhpjz19f] {
        display: inline-block;
        min-width: 1.2rem;
        text-align: center
    }

/* ===== Nav (mitten) ===== */
.sb-nav[b-0yrhpjz19f] {
    display: grid;
    gap: .35rem;
    padding: .9rem .6rem .5rem;
}

/* ===== Footer (botten) ===== */
.sb-spacer[b-0yrhpjz19f] {
    flex: 1 1 auto
}
/* trycker ned footern */
.sb-footer[b-0yrhpjz19f] {
    padding: .6rem .6rem 1rem;
    border-top: 1px solid var(--border);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/* ===== Länkar ===== */
.sb-link[b-0yrhpjz19f] {
    display: flex;
    align-items: center;
    gap: 1rem; /* luft mellan ikon och text */
    padding: .78rem .9rem; /* högre rad – lätt att träffa */
    border-radius: .75rem;
    text-decoration: none;
    opacity: .98;
    font-size: 18px; /* större text */
    line-height: 1.25;
    position: relative;
}

    .sb-link .i[b-0yrhpjz19f] {
        width: 2rem; /* större ikon-yta */
        text-align: center;
        font-size: 1.35rem; /* större ikon */
    }

    .sb-link:hover[b-0yrhpjz19f] {
        background: rgba(255,255,255,.06)
    }

    /* Aktiv länk-indikator (vänster kant) */
    .sb-link.active[b-0yrhpjz19f] {
        background: rgba(88,101,242,.18);
    }

        .sb-link.active[b-0yrhpjz19f]::before {
            content: "";
            position: absolute;
            left: 6px;
            top: 12%;
            bottom: 12%;
            width: 3px;
            border-radius: 2px;
            background: var(--accent);
        }
/* _content/Bogga.Web/Components/Pages/Chat.razor.rz.scp.css */
.chat-header[b-bi84fbqbq0] {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin: .25rem 0 1rem;
}

    .chat-header .avatar[b-bi84fbqbq0] {
        width: 36px;
        height: 36px;
        border-radius: 50%
    }

    .chat-header .name[b-bi84fbqbq0] {
        font-weight: 700;
        font-size: 1rem
    }

    .chat-header .status[b-bi84fbqbq0] {
        font-size: .95rem;
        color: var(--muted)
    }

.chat-wrap[b-bi84fbqbq0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: none;
    margin: 0;
    flex: 1;
    min-height: 0;
}

.chat-log[b-bi84fbqbq0] {
    background: #0f1117;
    border: 1px solid var(--border);
    border-radius: .8rem;
    padding: 1rem;
    flex: 1;
    min-height: 0;
    overflow: auto;
    color: #e9ebf0;
    font-size: 16.2px;
    line-height: 1.6;
    width: 100%;
}

.chat-line[b-bi84fbqbq0] {
    color: #f2f3f5;
}

.chat-input[b-bi84fbqbq0] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .8rem;
    align-items: center;
    width: 100%;
    max-width: 100%;
    background: transparent;
    padding-bottom: 0;
}

    .chat-input input[b-bi84fbqbq0] {
        width: 100%;
        padding: .95rem 1rem;
        background: var(--panel);
        border: 1px solid rgba(255,255,255,.10);
        border-radius: .75rem;
        color: var(--text);
        font-size: 16px;
    }

        .chat-input input[b-bi84fbqbq0]::placeholder {
            color: var(--muted);
            opacity: .95
        }

    .chat-input button[b-bi84fbqbq0] {
        padding: .95rem 1.15rem;
        background: var(--accent);
        border: 1px solid var(--accent);
        color: white;
        border-radius: .75rem;
        font-weight: 600;
        min-width: 96px;
        max-width: 200px;
    }

        .chat-input button:hover[b-bi84fbqbq0] {
            background: var(--accent-2);
            border-color: var(--accent-2)
        }

        .chat-input button:disabled[b-bi84fbqbq0] {
            background: #7f86e9;
            border-color: #7f86e9;
            opacity: .55
        }

.typing[b-bi84fbqbq0] {
    color: var(--muted);
    font-size: .95rem;
    padding: .1rem .2rem 0
}
/* _content/Bogga.Web/Components/Pages/Forbidden.razor.rz.scp.css */
/* ===== Forbidden page ===== */
.forbid[b-1y0r7mj5ty] {
    display: grid;
    place-items: center;
    min-height: 72vh;
    padding: 1.5rem
}

.card[b-1y0r7mj5ty] {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: .9rem;
    padding: 1.25rem;
    max-width: 680px;
    width: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

    .card h2[b-1y0r7mj5ty] {
        margin: .2rem 0 .4rem
    }

    .card p[b-1y0r7mj5ty] {
        color: var(--muted)
    }

.idbox[b-1y0r7mj5ty] {
    margin-top: .75rem
}

    .idbox pre[b-1y0r7mj5ty] {
        background: var(--panel-2);
        border: 1px solid var(--border);
        padding: .6rem .7rem;
        border-radius: .6rem;
        overflow: auto;
        color: var(--text);
    }

    .idbox .hint[b-1y0r7mj5ty] {
        color: var(--muted);
        margin: .35rem 0 .6rem
    }

    .idbox button[b-1y0r7mj5ty] {
        background: var(--accent);
        border: 1px solid var(--accent);
        color: white;
        padding: .55rem .85rem;
        border-radius: .55rem;
    }

        .idbox button:hover[b-1y0r7mj5ty] {
            background: var(--accent-2);
            border-color: var(--accent-2)
        }

.copied[b-1y0r7mj5ty] {
    margin-left: .5rem;
    opacity: .8;
    color: var(--muted)
}

.actions[b-1y0r7mj5ty] {
    display: flex;
    gap: .75rem;
    margin-top: 1.2rem;
    justify-content: center;
}

    .actions .btn[b-1y0r7mj5ty] {
        background: var(--panel-2);
        border: 1px solid var(--border);
        padding: .55rem .9rem;
        border-radius: .6rem;
        color: var(--text);
        font-weight: 600;
        text-decoration: none;
    }

        .actions .btn.danger[b-1y0r7mj5ty] {
            background: var(--danger);
            border-color: var(--danger);
            color: white;
        }

            .actions .btn.danger:hover[b-1y0r7mj5ty] {
                background: var(--danger-2);
                border-color: var(--danger-2);
            }
/* _content/Bogga.Web/Components/Pages/Landing.razor.rz.scp.css */
.landing[b-h4ppk6qd4s] {
    min-height: 100dvh;
    background: radial-gradient(900px 600px at 10% -20%, rgba(88,101,242,.20) 0%, rgba(88,101,242,0) 60%), radial-gradient(1200px 800px at 120% 0%, rgba(32,34,37,.6) 0%, rgba(32,34,37,0) 55%), linear-gradient(180deg, var(--landing-grad2), var(--landing-grad1));
    display: grid;
    place-items: center;
}

.hero[b-h4ppk6qd4s] {
    display: grid;
    gap: 1rem;
    place-items: center;
    padding: 7rem 1rem 5rem;
    text-align: center;
}

.hero-logo[b-h4ppk6qd4s] {
    width: 112px;
    filter: drop-shadow(0 10px 30px rgba(0,0,0,.4))
}

.hero h1[b-h4ppk6qd4s] {
    margin: .75rem 0 0;
    font-size: 2.2rem
}

.hero p[b-h4ppk6qd4s] {
    margin: .1rem 0 1.1rem;
    color: var(--muted)
}

.cta[b-h4ppk6qd4s] {
    display: inline-block;
    background: var(--accent);
    color: white;
    padding: .9rem 1.4rem;
    border-radius: .7rem;
    text-decoration: none;
    font-weight: 700;
}

    .cta:hover[b-h4ppk6qd4s] {
        background: var(--accent-2)
    }
/* _content/Bogga.Web/Components/Settings.razor.rz.scp.css */
.settings[b-ee3vieccuv] {
    display: grid;
    gap: 1rem;
}

.add[b-ee3vieccuv] {
    display: flex;
    gap: .6rem;
    align-items: center;
}

.grid[b-ee3vieccuv] {
    width: 100%;
    border-collapse: collapse;
}

    .grid th[b-ee3vieccuv], .grid td[b-ee3vieccuv] {
        border-bottom: 1px solid var(--border);
        padding: .5rem .6rem;
    }

.danger[b-ee3vieccuv] {
    background: var(--danger);
    border: 1px solid var(--danger);
    color: #fff;
    border-radius: .5rem;
    padding: .45rem .7rem;
}