:root {
    --piyon-ink: #132238;
    --piyon-ink-soft: #53657b;
    --piyon-night: #091623;
    --piyon-surface: #eef3f6;
    --piyon-card: #ffffff;
    --piyon-border: rgba(19, 34, 56, 0.12);
    --piyon-primary: #d95c33;
    --piyon-primary-strong: #bd4721;
    --piyon-primary-soft: #f7ddcf;
    --piyon-accent: #0b7a75;
    --piyon-accent-soft: #d7efed;
    --piyon-gold: #d2a44b;
    --piyon-gold-soft: #f4e5bf;
    --piyon-shadow: 0 24px 60px rgba(9, 22, 35, 0.12);
    --piyon-radius-lg: 26px;
    --piyon-radius-md: 18px;
    --piyon-radius-sm: 12px;
}

body.wp-admin.piyon-admin-ui,
body.login.piyon-login-ui {
    font-family: "Aptos", "Segoe UI Variable", "Bahnschrift", "Segoe UI", sans-serif;
}

body.wp-admin.piyon-admin-ui {
    background:
        radial-gradient(circle at top right, rgba(217, 92, 51, 0.12), transparent 24rem),
        radial-gradient(circle at left 30%, rgba(11, 122, 117, 0.12), transparent 26rem),
        linear-gradient(180deg, #f8fafc 0%, var(--piyon-surface) 100%);
    color: var(--piyon-ink);
}

body.wp-admin.piyon-admin-ui #wpadminbar {
    height: 50px;
    background: rgba(9, 22, 35, 0.92);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.wp-admin.piyon-admin-ui #wpadminbar .quicklinks > ul > li > a,
body.wp-admin.piyon-admin-ui #wpadminbar .ab-item,
body.wp-admin.piyon-admin-ui #wpadminbar .ab-empty-item {
    height: 50px;
    line-height: 50px;
}

body.wp-admin.piyon-admin-ui #wpadminbar #wp-admin-bar-piyon-brand > .ab-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 16px;
    padding-right: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.piyon-adminbar-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
}

.piyon-adminbar-brand--minimal {
    gap: 0;
}

.piyon-adminbar-brand img {
    display: block;
    width: auto;
    height: 24px;
    max-width: 120px;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.28));
}

.piyon-adminbar-brand__name {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.88);
}

body.wp-admin.piyon-admin-ui #wpadminbar #wp-admin-bar-piyon-brand.piyon-brand-node > .ab-item,
#wpadminbar #wp-admin-bar-piyon-brand.piyon-brand-node > .ab-item {
    max-width: 180px;
    overflow: hidden;
}

body.wp-admin.piyon-admin-ui #adminmenuback,
body.wp-admin.piyon-admin-ui #adminmenuwrap {
    width: 264px;
    background: linear-gradient(180deg, #102033 0%, #0c1828 100%);
}

body.wp-admin.piyon-admin-ui.auto-fold #adminmenuback,
body.wp-admin.piyon-admin-ui.auto-fold #adminmenuwrap,
body.wp-admin.piyon-admin-ui.auto-fold #adminmenu,
body.wp-admin.piyon-admin-ui.folded #adminmenuback,
body.wp-admin.piyon-admin-ui.folded #adminmenuwrap,
body.wp-admin.piyon-admin-ui.folded #adminmenu {
    background: linear-gradient(180deg, #102033 0%, #0c1828 100%);
}

body.wp-admin.piyon-admin-ui #adminmenuwrap {
    position: relative;
    padding-top: 126px;
}

body.wp-admin.piyon-admin-ui #adminmenuwrap::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    height: 98px;
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(217, 92, 51, 0.98), rgba(11, 122, 117, 0.94)),
        url("./piyon-logo.png") no-repeat 18px 22px / 152px auto;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

body.wp-admin.piyon-admin-ui #adminmenuwrap::after {
    content: "Premium white-label WordPress kontrol merkezi";
    position: absolute;
    top: 76px;
    left: 22px;
    right: 22px;
    white-space: normal;
    color: rgba(255, 255, 255, 0.96);
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

body.wp-admin.piyon-admin-ui #adminmenu,
body.wp-admin.piyon-admin-ui #adminmenuback,
body.wp-admin.piyon-admin-ui #adminmenuwrap {
    margin-top: 0;
}

body.wp-admin.piyon-admin-ui #adminmenu {
    padding: 0 10px 20px;
    width: 244px;
    background: transparent;
}

body.wp-admin.piyon-admin-ui #adminmenu li.menu-top {
    margin: 0 0 6px;
}

body.wp-admin.piyon-admin-ui #adminmenu li.menu-top > a {
    padding: 11px 12px;
    border-radius: 14px;
    width: auto;
    color: rgba(255, 255, 255, 0.88);
    transition: all 0.2s ease;
}

body.wp-admin.piyon-admin-ui #adminmenu li.menu-top:hover > a,
body.wp-admin.piyon-admin-ui #adminmenu li.opensub > a,
body.wp-admin.piyon-admin-ui #adminmenu li.current a.menu-top,
body.wp-admin.piyon-admin-ui #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
    background: linear-gradient(135deg, rgba(217, 92, 51, 0.18), rgba(11, 122, 117, 0.22));
    color: #ffffff;
}

body.wp-admin.piyon-admin-ui #adminmenu .wp-has-current-submenu .wp-submenu,
body.wp-admin.piyon-admin-ui #adminmenu .wp-submenu,
body.wp-admin.piyon-admin-ui.folded #adminmenu .wp-has-current-submenu .wp-submenu,
body.wp-admin.piyon-admin-ui.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
body.wp-admin.piyon-admin-ui.folded #adminmenu li.wp-has-current-submenu:hover .wp-submenu {
    background: rgba(4, 12, 20, 0.92);
    border-radius: 0 16px 16px 16px;
    margin-top: 2px;
    padding-bottom: 8px;
}

body.wp-admin.piyon-admin-ui #adminmenu .awaiting-mod,
body.wp-admin.piyon-admin-ui #adminmenu .update-plugins {
    background: var(--piyon-primary);
    border-radius: 999px;
    box-shadow: none;
}

body.wp-admin.piyon-admin-ui #wpcontent,
body.wp-admin.piyon-admin-ui #wpfooter {
    margin-left: 264px;
}

body.wp-admin.piyon-admin-ui.folded #wpcontent,
body.wp-admin.piyon-admin-ui.folded #wpfooter {
    margin-left: 84px;
}

body.wp-admin.piyon-admin-ui .wrap,
body.wp-admin.piyon-admin-ui .components-notice,
body.wp-admin.piyon-admin-ui .notice {
    max-width: none;
}

body.wp-admin.piyon-admin-ui .wrap > h1,
body.wp-admin.piyon-admin-ui .wrap .wp-heading-inline,
body.wp-admin.piyon-admin-ui .wrap h2,
body.wp-admin.piyon-admin-ui .wrap h3,
body.wp-admin.piyon-admin-ui .wrap h4 {
    color: var(--piyon-ink);
    font-family: "Bahnschrift", "Aptos", "Segoe UI Variable", sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    overflow-wrap: anywhere;
}

body.wp-admin.piyon-admin-ui .notice,
body.wp-admin.piyon-admin-ui .components-notice,
body.wp-admin.piyon-admin-ui .update-nag {
    border: 1px solid var(--piyon-border);
    border-left-width: 1px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 40px rgba(9, 22, 35, 0.08);
    padding: 12px 16px;
}

body.wp-admin.piyon-admin-ui .postbox,
body.wp-admin.piyon-admin-ui .stuffbox,
body.wp-admin.piyon-admin-ui .card,
body.wp-admin.piyon-admin-ui .plugin-card,
body.wp-admin.piyon-admin-ui .theme,
body.wp-admin.piyon-admin-ui .wp-list-table,
body.wp-admin.piyon-admin-ui .widefat,
body.wp-admin.piyon-admin-ui .form-table,
body.wp-admin.piyon-admin-ui .components-card,
body.wp-admin.piyon-admin-ui .woocommerce-layout__header,
body.wp-admin.piyon-admin-ui .woocommerce-admin-layout__header {
    border: 1px solid var(--piyon-border);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--piyon-shadow);
}

body.wp-admin.piyon-admin-ui .postbox .hndle,
body.wp-admin.piyon-admin-ui .stuffbox .hndle {
    padding: 18px 22px;
    border-bottom: 1px solid rgba(19, 34, 56, 0.08);
    border-radius: 22px 22px 0 0;
}

body.wp-admin.piyon-admin-ui .inside,
body.wp-admin.piyon-admin-ui .postbox .inside,
body.wp-admin.piyon-admin-ui .stuffbox .inside {
    padding: 18px 22px 22px;
}

body.wp-admin.piyon-admin-ui .wp-list-table thead th,
body.wp-admin.piyon-admin-ui .widefat thead th,
body.wp-admin.piyon-admin-ui .wp-list-table tfoot th,
body.wp-admin.piyon-admin-ui .widefat tfoot th {
    background: linear-gradient(180deg, rgba(11, 122, 117, 0.1), rgba(255, 255, 255, 0.96));
}

body.wp-admin.piyon-admin-ui .wp-list-table tbody tr:nth-child(odd) {
    background: rgba(248, 250, 252, 0.7);
}

body.wp-admin.piyon-admin-ui .button,
body.wp-admin.piyon-admin-ui .button-secondary,
body.wp-admin.piyon-admin-ui .components-button,
body.wp-admin.piyon-admin-ui .button-link-delete {
    border-radius: 999px;
}

body.wp-admin.piyon-admin-ui .button-primary,
body.wp-admin.piyon-admin-ui .components-button.is-primary,
body.wp-admin.piyon-admin-ui .page-title-action,
body.wp-admin.piyon-admin-ui .editor-post-publish-button,
body.wp-admin.piyon-admin-ui .woocommerce-layout__header-actions .components-button.is-primary {
    background: linear-gradient(135deg, var(--piyon-primary) 0%, var(--piyon-primary-strong) 100%);
    border: none;
    color: #ffffff;
    box-shadow: 0 16px 30px rgba(217, 92, 51, 0.24);
}

body.wp-admin.piyon-admin-ui .button-primary:hover,
body.wp-admin.piyon-admin-ui .button-primary:focus,
body.wp-admin.piyon-admin-ui .components-button.is-primary:hover,
body.wp-admin.piyon-admin-ui .page-title-action:hover {
    background: linear-gradient(135deg, #e0663d 0%, #bd4721 100%);
}

body.wp-admin.piyon-admin-ui input[type="text"],
body.wp-admin.piyon-admin-ui input[type="password"],
body.wp-admin.piyon-admin-ui input[type="email"],
body.wp-admin.piyon-admin-ui input[type="number"],
body.wp-admin.piyon-admin-ui input[type="search"],
body.wp-admin.piyon-admin-ui input[type="url"],
body.wp-admin.piyon-admin-ui textarea,
body.wp-admin.piyon-admin-ui select,
body.wp-admin.piyon-admin-ui .components-text-control__input,
body.wp-admin.piyon-admin-ui .components-input-control__input {
    min-height: 44px;
    border: 1px solid rgba(19, 34, 56, 0.14);
    border-radius: 14px;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.92);
}

body.wp-admin.piyon-admin-ui input[type="text"]:focus,
body.wp-admin.piyon-admin-ui input[type="password"]:focus,
body.wp-admin.piyon-admin-ui input[type="email"]:focus,
body.wp-admin.piyon-admin-ui input[type="number"]:focus,
body.wp-admin.piyon-admin-ui input[type="search"]:focus,
body.wp-admin.piyon-admin-ui input[type="url"]:focus,
body.wp-admin.piyon-admin-ui textarea:focus,
body.wp-admin.piyon-admin-ui select:focus {
    border-color: rgba(11, 122, 117, 0.56);
    box-shadow: 0 0 0 4px rgba(11, 122, 117, 0.12);
}

body.wp-admin.piyon-admin-ui .tablenav,
body.wp-admin.piyon-admin-ui .subsubsub,
body.wp-admin.piyon-admin-ui .search-form {
    color: var(--piyon-ink-soft);
}

body.wp-admin.piyon-admin-ui #adminmenu .wp-menu-name,
body.wp-admin.piyon-admin-ui .wrap p,
body.wp-admin.piyon-admin-ui .notice p,
body.wp-admin.piyon-admin-ui .update-message p,
body.wp-admin.piyon-admin-ui .plugin-card p,
body.wp-admin.piyon-admin-ui .plugin-card .name,
body.wp-admin.piyon-admin-ui .theme .theme-name,
body.wp-admin.piyon-admin-ui .theme .theme-description,
body.wp-admin.piyon-admin-ui .wp-list-table th,
body.wp-admin.piyon-admin-ui .wp-list-table td,
body.wp-admin.piyon-admin-ui .form-table th,
body.wp-admin.piyon-admin-ui .form-table td,
body.wp-admin.piyon-admin-ui .postbox .inside,
body.wp-admin.piyon-admin-ui .components-card,
body.wp-admin.piyon-admin-ui .components-panel__body,
body.wp-admin.piyon-admin-ui .subsubsub a,
body.wp-admin.piyon-admin-ui .tablenav-pages,
body.wp-admin.piyon-admin-ui .row-actions,
body.wp-admin.piyon-admin-ui .column-primary {
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.wp-admin.piyon-admin-ui #adminmenu .wp-menu-name {
    white-space: normal;
    line-height: 1.35;
}

body.wp-admin.piyon-admin-ui .wp-list-table,
body.wp-admin.piyon-admin-ui .widefat {
    table-layout: auto;
}

body.wp-admin.piyon-admin-ui .wp-list-table th,
body.wp-admin.piyon-admin-ui .wp-list-table td,
body.wp-admin.piyon-admin-ui .form-table th,
body.wp-admin.piyon-admin-ui .form-table td {
    white-space: normal;
    vertical-align: top;
}

body.wp-admin.piyon-admin-ui .plugin-card,
body.wp-admin.piyon-admin-ui .theme,
body.wp-admin.piyon-admin-ui .postbox,
body.wp-admin.piyon-admin-ui .stuffbox,
body.wp-admin.piyon-admin-ui .card,
body.wp-admin.piyon-admin-ui .components-card {
    overflow: hidden;
}

.piyon-welcome-panel {
    display: grid;
    gap: 24px;
    margin: 18px 0 30px;
}

.piyon-welcome-panel__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.95fr);
    gap: 22px;
}

.piyon-welcome-panel__copy,
.piyon-welcome-panel__surface,
.piyon-link-card,
.piyon-stat-card,
.piyon-dashboard-widget {
    border: 1px solid var(--piyon-border);
    background: rgba(255, 255, 255, 0.94);
    border-radius: var(--piyon-radius-lg);
    box-shadow: var(--piyon-shadow);
}

.piyon-welcome-panel__copy {
    padding: 30px 32px;
    background:
        radial-gradient(circle at top right, rgba(217, 92, 51, 0.12), transparent 18rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.92));
}

.piyon-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--piyon-primary-soft);
    color: var(--piyon-primary-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.piyon-welcome-panel__copy h2 {
    margin: 18px 0 10px;
    color: var(--piyon-ink);
    font-size: 34px;
    line-height: 1.08;
}

.piyon-welcome-panel__copy p,
.piyon-link-card p,
.piyon-dashboard-widget__lead {
    margin: 0;
    color: var(--piyon-ink-soft);
    font-size: 15px;
    line-height: 1.7;
}

.piyon-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.piyon-chip {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(19, 34, 56, 0.06);
    color: var(--piyon-ink);
    font-size: 12px;
    font-weight: 700;
}

.piyon-welcome-panel__surface {
    padding: 26px;
    background:
        linear-gradient(180deg, rgba(9, 22, 35, 0.98), rgba(16, 32, 51, 0.98)),
        url("./piyon-mark.svg") no-repeat right 18px bottom 18px / 110px 110px;
    color: #ffffff;
}

.piyon-brand-showcase {
    padding: 18px 18px 16px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    margin-bottom: 18px;
}

.piyon-brand-showcase__logo {
    display: block;
    width: min(100%, 260px);
    height: auto;
    filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.28));
}

.piyon-brand-showcase p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.piyon-brand-lockup {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.piyon-brand-lockup__mark {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(217, 92, 51, 1), rgba(11, 122, 117, 1)),
        url("./piyon-mark.svg") center / 36px 36px no-repeat;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28);
}

.piyon-brand-lockup strong,
.piyon-link-card strong,
.piyon-stat-card strong,
.piyon-mini-card strong {
    display: block;
    font-size: 20px;
    line-height: 1.2;
}

.piyon-brand-lockup div span {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.piyon-snapshot {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.piyon-snapshot li,
.piyon-mini-card {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
}

.piyon-snapshot li span,
.piyon-stat-card span,
.piyon-mini-card span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.piyon-snapshot li strong {
    color: #ffffff;
    font-size: 16px;
    overflow-wrap: anywhere;
}

.piyon-stat-grid,
.piyon-link-grid,
.piyon-mini-grid {
    display: grid;
    gap: 18px;
}

.piyon-stat-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.piyon-stat-card {
    padding: 20px;
}

.piyon-stat-card span,
.piyon-mini-card span {
    color: var(--piyon-ink-soft);
}

.piyon-stat-card strong,
.piyon-mini-card strong {
    margin-top: 10px;
    color: var(--piyon-ink);
}

.piyon-stat-card--coral {
    background: linear-gradient(180deg, rgba(247, 221, 207, 0.92), rgba(255, 255, 255, 0.96));
}

.piyon-stat-card--teal {
    background: linear-gradient(180deg, rgba(215, 239, 237, 0.92), rgba(255, 255, 255, 0.96));
}

.piyon-stat-card--gold {
    background: linear-gradient(180deg, rgba(244, 229, 191, 0.92), rgba(255, 255, 255, 0.96));
}

.piyon-stat-card--ink {
    background: linear-gradient(180deg, rgba(226, 234, 241, 0.92), rgba(255, 255, 255, 0.96));
}

.piyon-link-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.piyon-link-card {
    display: block;
    padding: 22px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.piyon-link-card:hover,
.piyon-link-card:focus {
    transform: translateY(-3px);
    box-shadow: 0 28px 55px rgba(9, 22, 35, 0.16);
}

.piyon-link-card .dashicons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-bottom: 16px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--piyon-primary-soft), var(--piyon-accent-soft));
    color: var(--piyon-ink);
    font-size: 24px;
}

.piyon-link-card strong {
    color: var(--piyon-ink);
    font-size: 18px;
    margin-bottom: 8px;
}

.piyon-dashboard-widget {
    padding: 20px 22px 22px;
}

.piyon-mini-grid {
    margin-top: 18px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.piyon-mini-card {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(255, 255, 255, 0.98));
}

body.login.piyon-login-ui {
    min-height: 100vh;
    background:
        radial-gradient(circle at top right, rgba(217, 92, 51, 0.22), transparent 20rem),
        radial-gradient(circle at left 35%, rgba(11, 122, 117, 0.22), transparent 22rem),
        linear-gradient(135deg, #0a1522 0%, #14253a 48%, #1d3046 100%);
}

body.login.piyon-login-ui::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.06), transparent 40%),
        url("./piyon-mark.svg") no-repeat right 6vw bottom 10vh / min(28vw, 280px);
    pointer-events: none;
}

body.login.piyon-login-ui #login {
    width: min(420px, calc(100vw - 40px));
    padding-top: 7vh;
}

body.login.piyon-login-ui #login h1 {
    margin-bottom: 18px;
}

body.login.piyon-login-ui #login h1 a {
    width: min(100%, 320px);
    height: 110px;
    margin: 0 auto;
    background-image: url("./piyon-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.3));
}

body.login.piyon-login-ui #loginform,
body.login.piyon-login-ui .message,
body.login.piyon-login-ui .notice,
body.login.piyon-login-ui #nav,
body.login.piyon-login-ui #backtoblog {
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 28px 65px rgba(0, 0, 0, 0.22);
    background: rgba(255, 255, 255, 0.94);
}

body.login.piyon-login-ui #loginform {
    padding: 26px 26px 28px;
}

body.login.piyon-login-ui .message,
body.login.piyon-login-ui .notice {
    padding: 14px 16px;
}

body.login.piyon-login-ui label {
    color: var(--piyon-ink);
}

body.login.piyon-login-ui input[type="text"],
body.login.piyon-login-ui input[type="password"] {
    min-height: 48px;
    border-radius: 16px;
    border: 1px solid rgba(19, 34, 56, 0.14);
}

body.login.piyon-login-ui .button-primary {
    width: 100%;
    min-height: 46px;
    border-radius: 999px;
    border: none;
    background: linear-gradient(135deg, var(--piyon-primary) 0%, var(--piyon-primary-strong) 100%);
    box-shadow: 0 18px 36px rgba(217, 92, 51, 0.24);
}

body.login.piyon-login-ui .forgetmenot {
    display: flex;
    align-items: center;
    min-height: 46px;
}

body.login.piyon-login-ui #nav,
body.login.piyon-login-ui #backtoblog {
    margin-top: 12px;
    padding: 12px 18px;
}

body.login.piyon-login-ui #nav a,
body.login.piyon-login-ui #backtoblog a,
body.login.piyon-login-ui .privacy-policy-page-link a {
    color: #ffffff;
}

body.login.piyon-login-ui #nav,
body.login.piyon-login-ui #backtoblog {
    background: rgba(9, 22, 35, 0.62);
    border-color: rgba(255, 255, 255, 0.12);
}

@media (max-width: 960px) {
    .piyon-welcome-panel__hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 782px) {
    body.wp-admin.piyon-admin-ui #wpcontent,
    body.wp-admin.piyon-admin-ui #wpfooter,
    body.wp-admin.piyon-admin-ui.auto-fold #wpcontent,
    body.wp-admin.piyon-admin-ui.auto-fold #wpfooter {
        margin-left: 0;
    }

    body.wp-admin.piyon-admin-ui #adminmenuwrap {
        padding-top: 0;
    }

    body.wp-admin.piyon-admin-ui #adminmenuwrap::before,
    body.wp-admin.piyon-admin-ui #adminmenuwrap::after {
        display: none;
    }

    .piyon-welcome-panel__copy {
        padding: 24px;
    }

    .piyon-welcome-panel__copy h2 {
        font-size: 28px;
    }

    .piyon-adminbar-brand__name {
        display: none;
    }
}