/* LEGAME Control Center v2 — visual layer only; fitur tetap memakai fungsi YOURLS. */
:root {
    --legame-v2-ink: #07111f;
    --legame-v2-panel: #ffffff;
    --legame-v2-canvas: #eef3f9;
    --legame-v2-line: #dce5f0;
    --legame-v2-muted: #6b7c93;
    --legame-v2-blue: #246bfe;
    --legame-v2-cyan: #28d7f7;
    --legame-v2-lime: #7ee787;
    --legame-v2-violet: #8b6cff;
    --legame-v2-radius: 24px;
    --legame-v2-shadow: 0 22px 60px rgba(24, 43, 72, .1);
}

body:not(.login) {
    background:
        linear-gradient(rgba(36, 107, 254, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(36, 107, 254, .025) 1px, transparent 1px),
        var(--legame-v2-canvas) !important;
    background-size: 38px 38px !important;
}

body:not(.login) #wrap {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh;
    margin: 0 !important;
    padding: 174px clamp(18px, 3vw, 52px) 72px !important;
    background: transparent !important;
}

/* App bar */
body:not(.login) .legame-brand {
    position: fixed !important;
    z-index: 1200;
    inset: 0 0 auto 0;
    display: flex;
    align-items: center;
    width: 100% !important;
    height: 78px !important;
    padding: 0 clamp(18px, 3vw, 52px) !important;
    color: var(--legame-v2-ink);
    background: rgba(255, 255, 255, .88) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(209, 221, 235, .9) !important;
    box-shadow: 0 12px 30px rgba(15, 33, 59, .06);
    backdrop-filter: blur(18px);
}

body:not(.login) .legame-brand img {
    width: 48px !important;
    height: 48px !important;
    margin: 0 13px 0 0 !important;
    border-radius: 15px !important;
    box-shadow: 0 9px 24px rgba(36, 107, 254, .24) !important;
}

body:not(.login) .legame-brand-copy strong {
    color: var(--legame-v2-ink) !important;
    font-size: 17px !important;
    letter-spacing: .13em;
}

body:not(.login) .legame-brand-copy span {
    margin-top: 4px;
    color: #8290a4 !important;
    font-size: 8px;
    letter-spacing: .2em;
}

.legame-brand-edition {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-left: 18px;
    padding: 5px 10px;
    color: #2458c6;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
    background: #eaf1ff;
    border: 1px solid #cfe0ff;
    border-radius: 999px;
}

/* Navigasi horizontal */
body:not(.login) nav[role="navigation"] {
    position: fixed !important;
    z-index: 1190;
    inset: 78px 0 auto 0 !important;
    width: 100% !important;
    height: 64px !important;
    padding: 9px clamp(18px, 3vw, 52px) !important;
    overflow: visible !important;
    color: #dce7f8;
    background: #081526 !important;
    border: 0 !important;
    box-shadow: 0 14px 36px rgba(5, 17, 34, .2) !important;
}

body:not(.login) #admin_menu {
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px;
    width: 100% !important;
    max-width: 1480px;
    min-height: 0 !important;
    margin: 0 auto !important;
}

body:not(.login) #admin_menu > li {
    width: auto !important;
    margin: 0 !important;
}

body:not(.login) #admin_menu .admin_menu_toplevel > a,
body:not(.login) #admin_menu_help_link > a {
    min-height: 44px !important;
    padding: 0 15px !important;
    color: #8fa3bd !important;
    font-size: 12px;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
}

body:not(.login) #admin_menu .admin_menu_toplevel > a::before,
body:not(.login) #admin_menu_help_link > a::before {
    width: 25px !important;
    height: 25px !important;
    margin-right: 8px !important;
    color: #7fb4ff;
    background: #10243d !important;
    border: 1px solid #1d3d64 !important;
    border-radius: 8px !important;
}

body:not(.login) #admin_menu .admin_menu_toplevel > a:hover,
body:not(.login) #admin_menu > li.legame-current-menu > a {
    color: #fff !important;
    background: #132a47 !important;
    border-color: #244d7c !important;
    box-shadow: none !important;
    transform: none !important;
}

body:not(.login) #admin_menu > li.legame-current-menu > a::after {
    position: absolute;
    right: 16px;
    bottom: -10px;
    left: 16px;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, var(--legame-v2-cyan), var(--legame-v2-blue));
    border-radius: 999px;
}

body:not(.login) #admin_menu .admin_menu_toplevel > a {
    position: relative;
}

body:not(.login) #admin_menu ul {
    display: none !important;
}

body:not(.login) #admin_menu_logout_link {
    display: flex;
    align-items: center;
    order: 999;
    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    font-size: 0 !important;
    border: 0 !important;
}

body:not(.login) #admin_menu_logout_link strong {
    display: none !important;
}

body:not(.login) #admin_menu_logout_link a {
    min-width: 78px;
    min-height: 38px;
    margin: 0 !important;
    padding: 8px 14px !important;
    color: #ffbdc9 !important;
    font-size: 11px !important;
    background: #2a1626 !important;
    border-color: #5b2944 !important;
    border-radius: 11px !important;
}

/* Hero control center */
.legame-dashboard-heading {
    width: 100%;
    max-width: 1480px !important;
    min-height: 164px;
    margin: 0 auto 22px !important;
    padding: 30px 34px !important;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 88% 22%, rgba(40, 215, 247, .25), transparent 17rem),
        radial-gradient(circle at 64% 120%, rgba(139, 108, 255, .25), transparent 22rem),
        linear-gradient(125deg, #071321, #0b2442 55%, #0b3860) !important;
    border: 1px solid rgba(117, 170, 235, .28);
    border-radius: 30px !important;
    box-shadow: 0 30px 70px rgba(8, 31, 59, .2);
}

.legame-dashboard-heading::before,
.legame-dashboard-heading::after {
    position: absolute;
    content: "";
    pointer-events: none;
}

.legame-dashboard-heading::before {
    top: -70px;
    right: 11%;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(106, 228, 255, .2);
    border-radius: 50%;
    box-shadow: 0 0 0 30px rgba(106, 228, 255, .04), 0 0 0 60px rgba(106, 228, 255, .025);
}

.legame-dashboard-heading::after {
    right: 34px;
    bottom: 24px;
    width: 120px;
    height: 28px;
    opacity: .32;
    background: repeating-linear-gradient(90deg, #75e9ff 0 3px, transparent 3px 11px);
}

.legame-dashboard-hero {
    position: relative;
    min-height: 240px;
    margin-bottom: -72px !important;
    padding: 42px 38px 102px !important;
}

.legame-dashboard-heading > div:first-child {
    position: relative;
    z-index: 1;
}

.legame-dashboard-heading .legame-eyebrow {
    color: #6ee7ff !important;
    font-size: 9px;
    letter-spacing: .24em;
}

.legame-dashboard-heading h2 {
    margin: 9px 0 8px !important;
    color: #fff !important;
    font-size: clamp(31px, 4vw, 54px) !important;
    line-height: 1.03 !important;
    letter-spacing: -.045em;
}

.legame-dashboard-heading p {
    max-width: 620px;
    color: #aabbd0 !important;
    font-size: 13px !important;
}

.legame-heading-actions {
    position: relative;
    z-index: 2;
}

.legame-heading-actions .legame-system-status {
    color: #b9fbc7;
    background: rgba(11, 45, 36, .75);
    border-color: rgba(126, 231, 135, .35);
}

.legame-heading-actions .legame-theme-toggle {
    color: #dbe8f7;
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .16);
    box-shadow: none;
}

/* Bento statistics */
.legame-stat-grid {
    position: relative;
    z-index: 4;
    grid-template-columns: 1.28fr 1fr 1fr 1.2fr !important;
    gap: 13px !important;
    max-width: 1420px !important;
    margin: 0 auto 34px !important;
}

.legame-stat-card {
    min-height: 136px !important;
    padding: 21px !important;
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(214, 226, 239, .92) !important;
    border-radius: 21px !important;
    box-shadow: 0 18px 45px rgba(17, 42, 75, .12) !important;
}

.legame-stat-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";
    background: currentColor;
}

.legame-stat-card::after {
    top: auto !important;
    right: -24px !important;
    bottom: -44px;
    width: 105px !important;
    height: 105px !important;
    border: 18px solid currentColor;
    background: transparent !important;
    opacity: .055 !important;
}

.legame-stat-number {
    flex-basis: 45px !important;
    width: 45px !important;
    height: 45px !important;
    margin-right: 14px !important;
    color: currentColor;
    font-size: 9px !important;
    letter-spacing: .11em;
    background: color-mix(in srgb, currentColor 9%, white) !important;
    border-radius: 50% !important;
}

.legame-stat-label {
    font-size: 9px !important;
    letter-spacing: .11em !important;
}

.legame-stat-value {
    font-size: clamp(25px, 2.4vw, 35px) !important;
}

.legame-stat-domain {
    font-size: clamp(15px, 1.5vw, 21px) !important;
}

/* Summary and controls */
body:not(.login) #wrap > p {
    max-width: 1480px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    color: var(--legame-v2-muted) !important;
    font-size: 11px !important;
}

.legame-dashboard-controls {
    grid-template-columns: minmax(290px, .82fr) minmax(420px, 1.55fr) !important;
    gap: 14px !important;
    max-width: 1480px !important;
    margin: 25px auto 20px !important;
}

.legame-create-bar,
.legame-search-card {
    min-height: 154px;
    padding: 24px !important;
    border-radius: var(--legame-v2-radius) !important;
    box-shadow: 0 14px 38px rgba(20, 44, 76, .08) !important;
}

.legame-create-bar {
    align-items: flex-start !important;
    flex-direction: column;
    justify-content: space-between !important;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(40, 215, 247, .35), transparent 13rem),
        linear-gradient(135deg, #0b1c32, #123b66) !important;
    border-color: #1c4b78 !important;
}

.legame-create-bar h3 {
    margin-top: 7px;
    color: #fff !important;
    font-size: 22px;
}

.legame-create-bar p {
    color: #9eb4ca !important;
}

.legame-create-bar .legame-control-eyebrow {
    color: #58e3ff;
}

.legame-create-trigger {
    width: 100%;
    min-height: 43px !important;
    color: #06111f !important;
    background: linear-gradient(135deg, #74ebff, #55b9ff) !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(40, 215, 247, .2) !important;
}

.legame-search-card {
    align-content: center;
    background: rgba(255, 255, 255, .92) !important;
    border-color: var(--legame-v2-line) !important;
}

.legame-search-card #filter_form {
    width: 100%;
}

.legame-search-card .legame-filter-grid.legame-search-only {
    max-width: none !important;
}

.legame-filter-field > label {
    margin-bottom: 9px;
    color: #43566f !important;
    font-size: 10px !important;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.legame-search-only #legame-filter-search {
    min-height: 48px !important;
    padding-left: 16px !important;
    background: #f6f9fc !important;
    border-color: #d9e4ef !important;
    border-radius: 14px !important;
}

/* Modern link list table */
body:not(.login) main[role="main"] {
    max-width: 1480px !important;
    overflow-x: auto;
    border-radius: 0 !important;
}

#main_table {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 9px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#main_table thead th {
    height: 45px;
    color: #93a8c0 !important;
    background: #0a192b !important;
    border: 0 !important;
}

#main_table thead th:first-child {
    padding-left: 20px !important;
    border-radius: 15px 0 0 15px !important;
}

#main_table thead th:last-child {
    border-radius: 0 15px 15px 0 !important;
}

#main_table tbody tr,
#main_table tbody tr:nth-child(even) {
    background: transparent !important;
}

#main_table tbody td {
    padding: 17px 13px !important;
    background: rgba(255, 255, 255, .94) !important;
    border-top: 1px solid var(--legame-v2-line) !important;
    border-bottom: 1px solid var(--legame-v2-line) !important;
    transition: background-color .18s ease, border-color .18s ease;
}

#main_table tbody td:first-child {
    padding-left: 20px !important;
    border-left: 1px solid var(--legame-v2-line) !important;
    border-radius: 16px 0 0 16px;
}

#main_table tbody td:last-child {
    padding-right: 16px !important;
    border-right: 1px solid var(--legame-v2-line) !important;
    border-radius: 0 16px 16px 0;
}

#main_table tbody tr:hover td {
    background: #f8fbff !important;
    border-color: #bcd4f2 !important;
}

#main_table tbody td.keyword a {
    color: #145be7 !important;
    font-size: 12px !important;
}

#main_table tbody td.url > a.legame-destination-url {
    color: #0b1b30 !important;
    font-size: 12px !important;
}

#main_table td.actions .button {
    min-width: 38px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    color: #41556d !important;
    background: #f6f9fd !important;
    border-color: #dce6f1 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

#main_table td.actions .button_stats {
    color: #047857 !important;
    background: #edfff8 !important;
    border-color: #a9efda !important;
}

#main_table td.actions .button_edit {
    color: #5b36d6 !important;
    background: #f5f2ff !important;
    border-color: #d9d0ff !important;
}

#main_table td.actions .button_delete {
    color: #c51d4a !important;
    background: #fff3f6 !important;
    border-color: #ffc9d6 !important;
}

/* Create/edit popup becomes a right control drawer */
.legame-modal {
    position: fixed !important;
    inset: 0 0 0 auto !important;
    width: min(580px, 100vw) !important;
    max-width: 580px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 0 0 auto !important;
    overflow: hidden !important;
    border-radius: 30px 0 0 30px !important;
}

.legame-modal[open] {
    animation: legame-drawer-in .24s ease-out;
}

@keyframes legame-drawer-in {
    from { opacity: 0; transform: translateX(38px); }
    to { opacity: 1; transform: translateX(0); }
}

.legame-modal::backdrop {
    background: rgba(3, 12, 25, .72) !important;
    backdrop-filter: blur(8px);
}

.legame-modal-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: none !important;
    border: 0 !important;
    border-radius: 30px 0 0 30px !important;
    box-shadow: -28px 0 80px rgba(2, 12, 27, .3) !important;
}

.legame-modal-header {
    padding: 30px 30px 24px !important;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(40, 215, 247, .28), transparent 14rem),
        linear-gradient(135deg, #071522, #12365c) !important;
    border-color: #234665 !important;
}

.legame-modal-header h3 {
    color: #fff !important;
    font-size: 27px !important;
}

.legame-modal-header p {
    color: #a8bbd0 !important;
}

.legame-modal-header .legame-control-eyebrow {
    color: #60e6ff !important;
}

.legame-modal-close {
    color: #c3d2e3 !important;
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .15) !important;
    border-radius: 50% !important;
}

.legame-modal-body {
    flex: 1 1 auto;
    padding: 30px !important;
    overflow-y: auto;
}

.legame-modal-footer {
    padding: 18px 30px 25px !important;
}

.legame-modal input[type="text"],
.legame-modal input[type="url"] {
    min-height: 49px !important;
    border-radius: 14px !important;
}

/* Delete remains a compact confirmation popup. */
html body:not(.login) #delete-confirm-dialog[open] {
    height: min(330px, calc(100dvh - 28px)) !important;
    max-height: min(330px, calc(100dvh - 28px)) !important;
    border-radius: 24px !important;
}

#delete-confirm-dialog [name="dialog_title"] {
    color: #fff !important;
    background: linear-gradient(120deg, #101f35, #173f68) !important;
    border-color: #25547e !important;
}

/* Analytics and recycle bin */
.legame-analytics-page,
.legame-trash-page {
    max-width: 1480px !important;
}

.legame-analytics-page .legame-dashboard-heading,
.legame-trash-page .legame-dashboard-heading {
    position: relative;
    min-height: 168px;
}

.legame-analytics-filter {
    padding: 17px !important;
    background: #0b192b !important;
    border-color: #203c5e !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(9, 28, 52, .14) !important;
}

.legame-analytics-filter label {
    color: #8da4bf !important;
}

.legame-analytics-filter select {
    background: #122944 !important;
    border-color: #2b5079 !important;
}

.legame-selected-link,
.legame-analytics-panel,
.legame-trash-card {
    border-radius: var(--legame-v2-radius) !important;
    box-shadow: 0 16px 42px rgba(19, 43, 73, .08) !important;
}

.legame-analytics-stat-grid {
    gap: 11px !important;
}

.legame-analytics-card {
    border-top: 4px solid currentColor !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(19, 43, 73, .08) !important;
}

.legame-chart-panel {
    background:
        linear-gradient(rgba(36, 107, 254, .025) 1px, transparent 1px),
        #fff !important;
    background-size: 28px 28px !important;
}

.legame-trash-table th {
    color: #91a5bd !important;
    background: #0b192b !important;
}

.legame-trash-count {
    color: #ffd4df !important;
    background: rgba(125, 25, 57, .42) !important;
    border-color: rgba(255, 151, 177, .35) !important;
}

/* Wide split-screen login */
body.login {
    display: grid !important;
    place-items: center;
    padding: 30px !important;
    background:
        radial-gradient(circle at 12% 20%, rgba(40, 215, 247, .18), transparent 28rem),
        radial-gradient(circle at 88% 80%, rgba(139, 108, 255, .2), transparent 28rem),
        #040c17 !important;
}

body.login #wrap {
    display: grid;
    grid-template-columns: minmax(320px, .92fr) minmax(360px, 1.08fr);
    width: min(980px, 100%) !important;
    max-width: 980px !important;
    min-height: 560px;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid rgba(126, 168, 220, .22) !important;
    border-radius: 34px !important;
    box-shadow: 0 40px 120px rgba(0, 0, 0, .46) !important;
}

body.login .legame-brand {
    position: relative !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    min-height: 560px !important;
    padding: 46px !important;
    text-align: left !important;
    background:
        radial-gradient(circle at 20% 20%, rgba(40, 215, 247, .25), transparent 16rem),
        linear-gradient(145deg, #071422, #0f355c) !important;
    border-radius: 32px 0 0 32px;
}

body.login .legame-brand::before {
    position: absolute;
    top: 46px;
    left: 46px;
    color: #6984a3;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .22em;
    content: "SECURE LINK WORKSPACE";
}

body.login .legame-brand img {
    width: 92px !important;
    height: 92px !important;
    margin: 0 0 22px !important;
    border-radius: 27px !important;
}

body.login .legame-brand-copy {
    align-items: flex-start;
}

body.login .legame-brand-copy strong {
    font-size: 30px !important;
    letter-spacing: .14em;
}

body.login .legame-brand-copy span {
    display: block !important;
}

body.login .legame-brand-edition {
    margin: 20px 0 0;
    color: #a7eefe;
    background: rgba(40, 215, 247, .08);
    border-color: rgba(40, 215, 247, .22);
}

body.login main[role="main"] {
    display: flex;
    align-items: center;
    padding: 54px !important;
    background: #fff;
    border-radius: 0 32px 32px 0;
}

body.login #login::before {
    margin-bottom: 30px;
    color: #0a1728;
    font-size: 28px;
    text-align: left;
    content: "Masuk ke Control Center";
}

body.login #login label {
    color: #43566f;
}

body.login #login input.text,
body.login #login input[type="password"] {
    min-height: 51px;
    color: #0b1727 !important;
    background: #f5f8fc !important;
    border-color: #d7e2ee !important;
    border-radius: 14px !important;
}

body.login #submit {
    min-height: 51px;
    border-radius: 14px !important;
}

/* Dark mode */
html[data-legame-theme="dark"] body:not(.login) .legame-brand {
    color: #eef6ff;
    background: rgba(6, 17, 31, .9) !important;
    border-color: #213753 !important;
}

html[data-legame-theme="dark"] body:not(.login) .legame-brand-copy strong {
    color: #fff !important;
}

html[data-legame-theme="dark"] .legame-brand-edition {
    color: #a8ddff;
    background: #10243d;
    border-color: #294f78;
}

html[data-legame-theme="dark"] .legame-stat-card,
html[data-legame-theme="dark"] .legame-search-card,
html[data-legame-theme="dark"] #main_table tbody td,
html[data-legame-theme="dark"] .legame-chart-panel {
    background: #0d1d32 !important;
    border-color: #263e5b !important;
}

html[data-legame-theme="dark"] #main_table tbody tr:hover td {
    background: #122a46 !important;
    border-color: #315b88 !important;
}

html[data-legame-theme="dark"] #main_table tbody td.url > a.legame-destination-url {
    color: #e5eef9 !important;
}

html[data-legame-theme="dark"] .legame-filter-field > label {
    color: #96aac1 !important;
}

html[data-legame-theme="dark"] .legame-search-only #legame-filter-search {
    background: #10243d !important;
    border-color: #345172 !important;
}

/* Responsive */
@media (max-width: 1050px) {
    .legame-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .legame-dashboard-controls {
        grid-template-columns: 1fr !important;
    }

    .legame-create-bar {
        align-items: center !important;
        flex-direction: row;
    }

    .legame-create-trigger {
        width: auto;
        min-width: 175px;
    }
}

@media (max-width: 760px) {
    body:not(.login) #wrap {
        padding: 102px 14px 50px !important;
    }

    body:not(.login) .legame-brand {
        height: 70px !important;
        padding: 0 15px !important;
    }

    body:not(.login) .legame-brand img {
        width: 43px !important;
        height: 43px !important;
    }

    .legame-brand-edition {
        display: none;
    }

    #legame-menu-toggle {
        display: block !important;
        background: #0f233d !important;
    }

    body:not(.login) nav[role="navigation"] {
        inset: 70px 12px auto 12px !important;
        width: auto !important;
        height: auto !important;
        padding: 10px !important;
        transform: translateY(-140%);
        border: 1px solid #294766 !important;
        border-radius: 16px;
        transition: transform .22s ease;
    }

    body.legame-menu-open:not(.login) nav[role="navigation"] {
        transform: translateY(0) !important;
    }

    body:not(.login) #admin_menu {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body:not(.login) #admin_menu > li {
        width: 100% !important;
    }

    body:not(.login) #admin_menu .admin_menu_toplevel > a {
        width: 100%;
    }

    body:not(.login) #admin_menu_logout_link {
        margin: 6px 0 0 !important;
    }

    .legame-dashboard-heading,
    .legame-dashboard-hero {
        min-height: 210px;
        margin-bottom: 14px !important;
        padding: 28px 24px !important;
        border-radius: 24px !important;
    }

    .legame-dashboard-heading::after {
        display: none;
    }

    .legame-dashboard-heading h2 {
        font-size: 34px !important;
    }

    .legame-stat-grid {
        margin-bottom: 20px !important;
    }

    .legame-create-bar {
        align-items: stretch !important;
        flex-direction: column;
    }

    .legame-create-trigger {
        width: 100%;
    }

    .legame-modal,
    .legame-modal-card {
        width: 100vw !important;
        max-width: 100vw !important;
        border-radius: 0 !important;
    }

    body.login {
        padding: 15px !important;
    }

    body.login #wrap {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    body.login .legame-brand {
        align-items: center !important;
        justify-content: center !important;
        min-height: 250px !important;
        padding: 34px !important;
        text-align: center !important;
        border-radius: 32px 32px 0 0;
    }

    body.login .legame-brand::before {
        display: none;
    }

    body.login .legame-brand-copy {
        align-items: center;
    }

    body.login .legame-brand-edition {
        display: inline-flex;
    }

    body.login main[role="main"] {
        padding: 34px 25px !important;
        border-radius: 0 0 32px 32px;
    }
}

@media (max-width: 520px) {
    .legame-stat-grid {
        grid-template-columns: 1fr !important;
    }

    .legame-stat-card {
        min-height: 112px !important;
    }

    .legame-search-card {
        padding: 18px !important;
    }

    .legame-filter-grid.legame-search-only {
        grid-template-columns: 1fr !important;
    }
}