.morlix-account-auth .morlix-beta-modal__dialog {
    max-width: 560px;
}
.morlix-account-auth .morlix-account-links {
    display:flex;
    flex-wrap:wrap;
    gap:14px 22px;
    margin-top:18px;
    font-size:12px;
    font-weight:600;
    line-height:1.55;
}
.morlix-account-auth .morlix-account-links a {
    color:inherit !important;
    font:inherit !important;
    text-decoration:underline !important;
    text-underline-offset:2px !important;
}
.morlix-account-alert {
    margin:0 0 18px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:12px;
    background:rgba(255,255,255,.12);
    font-size:13px;
    line-height:1.5;
}
.morlix-account-alert.is-error { border-color:rgba(255,200,200,.55); }
.morlix-account-shell {
    min-height:100vh;
    position:relative;
    z-index:2;
    padding:38px;
    color:#fff;
}
.morlix-account-topbar {
    max-width:1180px;
    margin:0 auto 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.morlix-account-topbar img { width:205px; height:auto; }
.morlix-account-user {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:13px;
}
.morlix-account-logout {
    appearance:none;
    border:0;
    background:transparent;
    color:inherit;
    text-decoration:underline;
    text-underline-offset:2px;
    cursor:pointer;
    font:inherit;
}
.morlix-account-panel {
    max-width:1180px;
    margin:0 auto;
    border:1px solid rgba(255,255,255,.18);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(109,171,196,.48),rgba(32,82,112,.5));
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 24px 80px rgba(7,36,57,.18);
    overflow:hidden;
}
.morlix-account-hero {
    padding:38px 42px 30px;
    border-bottom:1px solid rgba(255,255,255,.14);
}
.morlix-account-kicker {
    display:inline-flex;
    padding:7px 13px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
}
.morlix-account-hero h1 {
    margin:18px 0 8px;
    font-size:38px;
    font-weight:300;
}
.morlix-account-hero p { margin:0; opacity:.78; }
.morlix-account-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    padding:28px 42px 42px;
}
.morlix-account-card {
    min-height:180px;
    padding:24px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:20px;
    background:rgba(255,255,255,.08);
}
.morlix-account-card h2 {
    margin:0 0 16px;
    font-size:17px;
    font-weight:600;
}
.morlix-account-card dl { margin:0; }
.morlix-account-card dt {
    margin-top:12px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em;
    opacity:.6;
}
.morlix-account-card dd {
    margin:3px 0 0;
    font-size:13px;
    overflow-wrap:anywhere;
}
.morlix-account-empty {
    margin-top:22px;
    font-size:13px;
    opacity:.72;
}
.morlix-account-number {
    font-size:34px;
    line-height:1;
    font-weight:300;
}
.morlix-account-subtext {
    margin-top:10px;
    font-size:12px;
    opacity:.68;
}
.morlix-account-claim {
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:14px;
}
.morlix-account-claim input {
    min-width:0;
    width:100%;
    height:48px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:13px;
    background:rgba(255,255,255,.10);
    color:#fff;
    outline:none;
}
.morlix-account-claim input::placeholder { color:rgba(255,255,255,.55); }
.morlix-account-claim button {
    flex:0 0 auto;
    height:48px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:13px;
    background:rgba(255,255,255,.16);
    color:#fff;
    cursor:pointer;
    font:inherit;
    font-weight:600;
}
.morlix-account-section {
    padding:0 42px 42px;
}
.morlix-account-section h2 {
    margin:0 0 16px;
    font-size:22px;
    font-weight:400;
}
.morlix-account-license {
    margin-top:14px;
    padding:22px 24px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:20px;
    background:rgba(255,255,255,.07);
}
.morlix-account-license-head {
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
}
.morlix-account-license-title {
    font-size:16px;
    font-weight:600;
}
.morlix-account-license-meta {
    margin-top:5px;
    font-size:12px;
    opacity:.7;
}
.morlix-account-badge {
    display:inline-flex;
    padding:6px 10px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    font-size:11px;
    font-weight:600;
}
.morlix-account-license-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}
.morlix-account-license-item {
    padding:14px 16px;
    border-radius:14px;
    background:rgba(255,255,255,.06);
    font-size:12px;
}
.morlix-account-license-item strong {
    display:block;
    margin-bottom:5px;
    font-size:13px;
}
@media(max-width:900px){
    .morlix-account-shell{padding:20px}
    .morlix-account-grid{grid-template-columns:1fr;padding:22px}
    .morlix-account-hero{padding:28px 22px}
    .morlix-account-section{padding:0 22px 28px}
    .morlix-account-license-grid{grid-template-columns:1fr}
    .morlix-account-claim{flex-direction:column;align-items:stretch}
}

.morlix-account-inline-form {
    margin:10px 0 0;
}
.morlix-account-test-pay {
    appearance:none;
    -webkit-appearance:none;
    margin-top:8px;
    min-height:48px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:13px;
    background:rgba(255,255,255,.16);
    color:#fff;
    font:inherit;
    font-weight:600;
    cursor:pointer;
}
.morlix-account-test-pay:hover,
.morlix-account-test-pay:focus-visible {
    background:rgba(255,255,255,.22);
}
.morlix-account-small-action,
.morlix-account-back-link {
    appearance:none;
    -webkit-appearance:none;
    display:inline;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:inherit !important;
    font:inherit !important;
    font-weight:600 !important;
    text-decoration:underline !important;
    text-underline-offset:2px !important;
    cursor:pointer;
}
.morlix-account-key-content {
    padding:30px 42px 42px;
}
.morlix-account-key-content > p:first-child {
    margin:0 0 16px;
}
.morlix-account-key-value {
    display:block;
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    background:rgba(255,255,255,.09);
    color:#fff;
    font-size:16px;
    line-height:1.5;
    overflow-wrap:anywhere;
    user-select:all;
}
.morlix-account-key-content .morlix-account-back-link {
    display:inline-block;
    margin-top:24px;
}
@media(max-width:900px){
    .morlix-account-key-content{padding:24px 22px 30px}
}

/* Account Center application shell */
.morlix-account-shell.is-app {
    width:min(1480px,calc(100% - 40px));
    min-height:100vh;
    margin:0 auto;
    padding:24px 0;
    display:grid;
    grid-template-columns:270px minmax(0,1fr);
    gap:22px;
    align-items:start;
}
.morlix-account-sidebar {
    position:sticky;
    top:24px;
    min-height:calc(100vh - 48px);
    min-height:calc(100dvh - 48px);
    height:auto;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    padding:22px 16px 16px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:24px;
    background:linear-gradient(180deg,rgba(15,48,67,.94),rgba(8,29,42,.92));
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    box-shadow:0 24px 70px rgba(2,18,29,.22);
}
.morlix-account-sidebar-brand {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:2px 8px 22px;
}
.morlix-account-sidebar-brand a {
    display:block;
    min-width:0;
}
.morlix-account-sidebar-brand img {
    display:block;
    width:154px;
    height:auto;
}
.morlix-account-env {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:24px;
    padding:0 8px;
    border:1px solid rgba(174,231,248,.28);
    border-radius:999px;
    background:rgba(174,231,248,.09);
    color:#c9f4ff;
    font-size:9px;
    font-weight:800;
    letter-spacing:.14em;
}
.morlix-account-nav {
    display:flex;
    flex-direction:column;
    gap:6px;
}
.morlix-account-nav-label {
    padding:0 12px 8px;
    color:rgba(225,244,252,.46);
    font-size:10px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.morlix-account-nav-link {
    display:flex;
    align-items:center;
    gap:12px;
    min-height:46px;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:14px;
    color:rgba(238,249,253,.78) !important;
    text-decoration:none !important;
    font-size:13px;
    font-weight:650;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.morlix-account-nav-link:hover,
.morlix-account-nav-link:focus-visible {
    background:rgba(255,255,255,.07);
    border-color:rgba(255,255,255,.08);
    color:#fff !important;
}
.morlix-account-nav-link.is-active {
    background:linear-gradient(135deg,rgba(174,231,248,.17),rgba(109,171,196,.12));
    border-color:rgba(174,231,248,.24);
    color:#fff !important;
}
.morlix-account-nav-icon {
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:rgba(255,255,255,.06);
    color:#bdefff;
    font-size:13px;
}
.morlix-account-nav-link.is-active .morlix-account-nav-icon {
    background:rgba(174,231,248,.16);
    color:#e6fbff;
}
.morlix-account-nav-divider {
    height:1px;
    margin:10px 10px;
    background:rgba(255,255,255,.09);
}
.morlix-account-sidebar-user {
    margin-top:auto;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 32px;
    align-items:center;
    gap:10px;
    padding:14px 10px 4px;
    border-top:1px solid rgba(255,255,255,.09);
}
.morlix-account-user-avatar {
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(174,231,248,.12);
    color:#d7f7ff;
}
.morlix-account-user-copy {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
}
.morlix-account-user-copy strong {
    overflow:hidden;
    color:#f2fbff;
    font-size:12px;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.morlix-account-user-copy span {
    overflow:hidden;
    color:rgba(223,242,249,.54);
    font-size:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.morlix-account-sidebar-logout {
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:10px;
    background:transparent;
    color:rgba(231,246,251,.58);
    cursor:pointer;
}
.morlix-account-sidebar-logout:hover,
.morlix-account-sidebar-logout:focus-visible {
    background:rgba(255,255,255,.08);
    color:#fff;
}
.morlix-account-main {
    min-width:0;
}
.morlix-account-workspace {
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(42,91,116,.72),rgba(15,51,70,.78));
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 24px 80px rgba(7,36,57,.2);
}
.morlix-account-page-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    padding:34px 36px 26px;
    border-bottom:1px solid rgba(255,255,255,.10);
}
.morlix-account-page-head-copy {
    min-width:0;
}
.morlix-account-page-head .morlix-account-kicker {
    margin-bottom:12px;
}
.morlix-account-page-head h1 {
    margin:0;
    color:#fff;
    font-size:32px;
    font-weight:400;
    line-height:1.16;
}
.morlix-account-page-head p {
    max-width:720px;
    margin:9px 0 0;
    color:rgba(229,245,251,.68);
    font-size:14px;
    line-height:1.6;
}
.morlix-account-page-account {
    display:flex;
    align-items:center;
    gap:9px;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:13px;
    background:rgba(255,255,255,.05);
    color:rgba(235,248,253,.76);
    font-size:12px;
    white-space:nowrap;
}
.morlix-account-page-account i {
    color:#bdefff;
}
.morlix-account-content {
    padding:28px 34px 38px;
}
.morlix-account-stats {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:30px;
}
.morlix-account-stat {
    position:relative;
    min-height:112px;
    padding:18px 18px 16px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.11);
    border-radius:18px;
    background:rgba(255,255,255,.055);
}
.morlix-account-stat-icon {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    margin-bottom:16px;
    border-radius:11px;
    background:rgba(174,231,248,.11);
    color:#cdf4ff;
    font-size:14px;
}
.morlix-account-stat-value {
    color:#fff;
    font-size:30px;
    font-weight:350;
    line-height:1;
}
.morlix-account-stat-label {
    margin-top:8px;
    color:rgba(229,245,251,.58);
    font-size:11px;
    font-weight:650;
}
.morlix-account-block {
    margin-top:30px;
    scroll-margin-top:28px;
}
.morlix-account-block:first-child {
    margin-top:0;
}
.morlix-account-block-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}
.morlix-account-block-head h2 {
    margin:0;
    color:#fff;
    font-size:20px;
    font-weight:500;
}
.morlix-account-block-head p {
    margin:5px 0 0;
    color:rgba(227,244,250,.56);
    font-size:12px;
    line-height:1.5;
}
.morlix-account-text-link {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#c9f4ff !important;
    font-size:12px;
    font-weight:700;
    text-decoration:none !important;
}
.morlix-account-text-link:hover {
    text-decoration:underline !important;
    text-underline-offset:3px;
}
.morlix-account-product-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.morlix-account-product-card {
    display:flex;
    flex-direction:column;
    min-height:190px;
    padding:20px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:19px;
    background:rgba(255,255,255,.055);
}
.morlix-account-product-card-top {
    display:flex;
    align-items:flex-start;
    gap:14px;
}
.morlix-account-product-icon {
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:rgba(174,231,248,.12);
    color:#d2f6ff;
    font-size:17px;
}
.morlix-account-product-copy {
    min-width:0;
}
.morlix-account-product-copy h3 {
    margin:1px 0 4px;
    color:#fff;
    font-size:16px;
    font-weight:700;
}
.morlix-account-product-copy p {
    margin:0;
    color:rgba(227,244,250,.58);
    font-size:12px;
    line-height:1.5;
}
.morlix-account-product-card-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:auto;
    padding-top:18px;
}
.morlix-account-plan-pill,
.morlix-account-state-pill {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(255,255,255,.055);
    color:rgba(240,250,253,.82);
    font-size:10px;
    font-weight:800;
    letter-spacing:.03em;
}
.morlix-account-state-pill.is-good {
    border-color:rgba(174,231,248,.22);
    background:rgba(174,231,248,.09);
    color:#d8f8ff;
}
.morlix-account-list {
    display:flex;
    flex-direction:column;
    gap:10px;
}
.morlix-account-list-row {
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) auto;
    gap:16px;
    align-items:center;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:rgba(255,255,255,.045);
}
.morlix-account-list-title {
    min-width:0;
}
.morlix-account-list-title strong {
    display:block;
    color:#fff;
    font-size:13px;
}
.morlix-account-list-title span,
.morlix-account-list-meta {
    display:block;
    margin-top:4px;
    color:rgba(226,243,249,.54);
    font-size:11px;
    line-height:1.45;
}
.morlix-account-empty-state {
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px;
    border:1px dashed rgba(255,255,255,.14);
    border-radius:16px;
    color:rgba(229,245,251,.64);
    font-size:12px;
}
.morlix-account-empty-state i {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    flex:0 0 34px;
    border-radius:11px;
    background:rgba(255,255,255,.06);
    color:#bdefff;
}
/* DEV CMS sites: detailed per-site license and read-only inventory cards. */
.morlix-account-site-card {
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:20px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:18px;
    background:rgba(255,255,255,.05);
}
.morlix-account-site-head {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
}
.morlix-account-site-head > .morlix-account-list-title { flex:1 1 220px; }
.morlix-account-site-head .morlix-account-list-title strong { font-size:16px; }
.morlix-account-site-properties {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.morlix-account-site-properties > div {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:14px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:12px;
    background:rgba(4,16,26,.24);
}
.morlix-account-site-key {
    font-size:11px;
    font-weight:650;
    color:rgba(229,245,251,.56);
}
.morlix-account-site-properties strong {
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    color:#effaff;
    overflow-wrap:anywhere;
}
.morlix-account-site-properties small {
    color:rgba(229,245,251,.56);
    font-size:11px;
    line-height:1.5;
}
.morlix-account-site-details {
    border-top:1px solid rgba(255,255,255,.1);
    padding-top:14px;
}
.morlix-account-site-details summary {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    cursor:pointer;
    font-size:13px;
    font-weight:600;
    color:#d6f4ff;
    list-style:none;
}
.morlix-account-site-details summary::-webkit-details-marker { display:none; }
.morlix-account-site-details summary i { transition:transform .2s ease; }
.morlix-account-site-details[open] summary i { transform:rotate(180deg); }
.morlix-account-site-details > .morlix-account-site-properties { margin-top:14px; }
.morlix-account-site-note {
    margin:13px 0 0;
    font-size:11px;
    line-height:1.65;
    color:rgba(229,245,251,.62);
}
@media (max-width:640px) {
    .morlix-account-site-card { padding:15px; }
    .morlix-account-site-properties { grid-template-columns:1fr; }
}
.morlix-account-profile-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.morlix-account-profile-card {
    padding:18px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:17px;
    background:rgba(255,255,255,.045);
}
.morlix-account-profile-card .label {
    color:rgba(226,243,249,.48);
    font-size:10px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.morlix-account-profile-card .value {
    margin-top:7px;
    color:#fff;
    font-size:13px;
    overflow-wrap:anywhere;
}
.morlix-account-support-details {
    margin-top:14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:15px;
    background:rgba(0,0,0,.07);
}
.morlix-account-support-details summary {
    padding:14px 16px;
    color:rgba(236,248,252,.72);
    font-size:11px;
    font-weight:700;
    cursor:pointer;
}
.morlix-account-support-details-content {
    padding:0 16px 15px;
    color:#fff;
    font-size:11px;
    line-height:1.6;
}
.morlix-account-support-details-content p {
    color:#fff !important;
    opacity:1 !important;
}
.morlix-account-support-details code {
    color:#fff;
}
.morlix-account-profile-form {
    padding:20px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(255,255,255,.045);
}
.morlix-account-form-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.morlix-account-field {
    display:flex;
    flex-direction:column;
    gap:8px;
}
.morlix-account-field.is-wide {
    grid-column:1 / -1;
}
.morlix-account-field > span {
    color:rgba(239,250,253,.82);
    font-size:11px;
    font-weight:800;
    letter-spacing:.03em;
}
.morlix-account-field input {
    width:100%;
    min-height:46px;
    box-sizing:border-box;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:13px;
    background:rgba(6,29,42,.28);
    color:#fff;
    outline:none;
    font:inherit;
    font-size:13px;
}
.morlix-account-field input:focus {
    border-color:rgba(174,231,248,.45);
    box-shadow:0 0 0 3px rgba(174,231,248,.08);
}
.morlix-account-field input[readonly] {
    color:rgba(239,250,253,.72);
    background:rgba(255,255,255,.035);
}
.morlix-account-select {
    width:100%;
    min-height:46px;
    box-sizing:border-box;
    padding:0 38px 0 14px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:13px;
    background:rgba(6,29,42,.55);
    color:#fff;
    outline:none;
    font:inherit;
    font-size:13px;
}
.morlix-account-select:focus {
    border-color:rgba(174,231,248,.45);
    box-shadow:0 0 0 3px rgba(174,231,248,.08);
}
.morlix-account-select option {
    background:#0a2230;
    color:#fff;
}
.morlix-account-field small {
    color:rgba(229,245,251,.52);
    font-size:10px;
    line-height:1.5;
}
.morlix-account-form-actions {
    display:flex;
    justify-content:flex-start;
    margin-top:18px;
}
.morlix-account-password-note {
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:16px;
    padding:13px 14px;
    border:1px solid rgba(174,231,248,.10);
    border-radius:13px;
    background:rgba(174,231,248,.045);
    color:rgba(232,248,253,.67);
    font-size:11px;
    line-height:1.5;
}
.morlix-account-password-note i {
    margin-top:2px;
    color:#c9f4ff;
}
.morlix-account-user-avatar {
    overflow:hidden;
}
.morlix-account-user-avatar img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.morlix-account-avatar-panel {
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
    gap:22px;
    align-items:center;
    padding:20px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(255,255,255,.045);
}
.morlix-account-avatar-preview {
    width:110px;
    height:110px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(174,231,248,.16);
    border-radius:50%;
    background:rgba(174,231,248,.08);
    color:#d9f7ff;
    font-size:34px;
}
.morlix-account-avatar-preview img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.morlix-account-avatar-preview.morlix-brand-square {
    border-radius:18px;
}
.morlix-account-product-icon img,
.morlix-brand-card-thumb {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.morlix-brand-card-thumb {
    width:48px;
    height:48px;
    flex:0 0 48px;
    border-radius:12px;
    border:1px solid rgba(174,231,248,.12);
}
.morlix-brand-card-thumb.is-circle { border-radius:50%; }
.morlix-account-avatar-copy {
    min-width:0;
}
.morlix-account-avatar-copy > strong {
    display:block;
    color:#fff;
    font-size:16px;
}
.morlix-account-avatar-copy > span {
    display:block;
    margin-top:5px;
    color:rgba(229,245,251,.56);
    font-size:11px;
}
.morlix-account-avatar-form {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-top:15px;
}
.morlix-account-avatar-form input[type="file"] {
    max-width:320px;
    color:rgba(239,250,253,.74);
    font-size:11px;
}
.morlix-account-avatar-file {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
body.morlix-avatar-editor-open {
    overflow:hidden;
}
.morlix-avatar-editor[hidden] {
    display:none !important;
}
.morlix-avatar-editor {
    position:fixed;
    inset:0;
    z-index:1400;
    display:grid;
    place-items:center;
    padding:22px;
}
.morlix-avatar-editor-backdrop {
    position:absolute;
    inset:0;
    background:rgba(2,12,18,.82);
    backdrop-filter:blur(8px);
}
.morlix-avatar-editor-dialog {
    position:relative;
    z-index:1;
    width:min(100%,620px);
    max-height:calc(100vh - 24px);
    max-height:calc(100dvh - 24px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:24px;
    border:1px solid rgba(174,231,248,.20);
    border-radius:24px;
    background:linear-gradient(180deg,rgba(18,52,67,.98),rgba(7,28,39,.99));
    box-shadow:0 28px 90px rgba(0,0,0,.42);
}
.morlix-avatar-editor-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}
.morlix-avatar-editor-head h3 {
    margin:5px 0 0;
    color:#fff;
    font-size:22px;
    line-height:1.15;
}
.morlix-avatar-editor-head p {
    margin:8px 0 0;
    color:rgba(229,245,251,.60);
    font-size:11px;
    line-height:1.5;
}
.morlix-avatar-editor-close {
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    background:rgba(255,255,255,.05);
    color:#e7fbff;
    cursor:pointer;
}
.morlix-avatar-editor-error {
    margin-top:16px;
    padding:11px 13px;
    border:1px solid rgba(255,181,193,.24);
    border-radius:12px;
    background:rgba(255,181,193,.08);
    color:#ffdce3;
    font-size:11px;
    line-height:1.5;
}
.morlix-avatar-editor-error[hidden] {
    display:none !important;
}
.morlix-avatar-crop-shell {
    display:grid;
    place-items:center;
    margin:24px 0 20px;
}
.morlix-avatar-crop-stage {
    position:relative;
    width:min(380px, calc(100vw - 84px), calc(100vh - 310px));
    width:min(380px, calc(100vw - 84px), max(120px, calc(100dvh - 310px)));
    max-width:100%;
    aspect-ratio:1;
    overflow:hidden;
    border-radius:18px;
    background:#061824;
    cursor:grab;
    touch-action:none;
    user-select:none;
}
.morlix-avatar-crop-stage.is-dragging {
    cursor:grabbing;
}
.morlix-avatar-crop-image {
    position:absolute;
    max-width:none !important;
    max-height:none !important;
    user-select:none;
    pointer-events:none;
    -webkit-user-drag:none;
}
.morlix-avatar-crop-frame {
    position:absolute;
    inset:2px;
    border:2px solid rgba(255,255,255,.88);
    border-radius:50%;
    box-shadow:0 0 0 999px rgba(2,12,18,.58);
    pointer-events:none;
}
.morlix-avatar-crop-frame::before,
.morlix-avatar-crop-frame::after {
    content:"";
    position:absolute;
    background:rgba(255,255,255,.20);
    pointer-events:none;
}
.morlix-avatar-crop-frame::before {
    left:50%;
    top:0;
    width:1px;
    height:100%;
}
.morlix-avatar-crop-frame::after {
    left:0;
    top:50%;
    width:100%;
    height:1px;
}
.morlix-avatar-editor-controls {
    display:grid;
    gap:12px;
}
.morlix-avatar-editor-controls label {
    display:grid;
    grid-template-columns:auto minmax(120px,1fr) auto;
    align-items:center;
    gap:12px;
    color:#e8f9ff;
    font-size:11px;
    font-weight:800;
}
.morlix-avatar-editor-controls label > span {
    display:inline-flex;
    align-items:center;
    gap:7px;
}
.morlix-avatar-editor-controls input[type="range"] {
    width:100%;
    cursor:pointer;
}
.morlix-avatar-editor-hint {
    display:flex;
    align-items:flex-start;
    gap:9px;
    padding:11px 13px;
    border:1px solid rgba(174,231,248,.10);
    border-radius:12px;
    background:rgba(174,231,248,.045);
    color:rgba(229,245,251,.62);
    font-size:10px;
    line-height:1.5;
}
.morlix-avatar-editor-actions {
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:20px;
}
.morlix-account-action.is-secondary {
    background:rgba(255,255,255,.035);
    color:rgba(235,249,253,.76) !important;
}
.morlix-account-action:disabled {
    opacity:.58;
    cursor:wait;
}
.morlix-account-team-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.morlix-account-team-card {
    padding:20px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(255,255,255,.045);
}
.morlix-account-team-card h3 {
    margin:0;
    color:#fff;
    font-size:16px;
}
.morlix-account-team-meta {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}
.morlix-account-team-role {
    display:inline-flex;
    align-items:center;
    padding:5px 9px;
    border:1px solid rgba(174,231,248,.16);
    border-radius:999px;
    background:rgba(174,231,248,.07);
    color:#d9f7ff;
    font-size:10px;
    font-weight:700;
}
.morlix-account-member-row {
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:14px 16px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:15px;
    background:rgba(255,255,255,.04);
}
.morlix-account-member-avatar {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    background:rgba(174,231,248,.08);
    color:#c9f4ff;
}
.morlix-account-member-avatar img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.morlix-account-member-copy strong {
    display:block;
    color:#fff;
    font-size:12px;
}
.morlix-account-member-copy span {
    display:block;
    margin-top:3px;
    color:rgba(229,245,251,.52);
    font-size:10px;
}
.morlix-account-member-actions {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}
.morlix-account-member-actions form {
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
}
.morlix-account-select.is-compact {
    min-height:38px;
    width:auto;
    min-width:145px;
    padding-top:0;
    padding-bottom:0;
}
.morlix-account-project-card {
    padding:18px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:17px;
    background:rgba(255,255,255,.045);
}
.morlix-account-project-card h3 {
    margin:0 0 6px;
    color:#fff;
    font-size:15px;
}
.morlix-account-resource-card {
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:15px;
    background:rgba(255,255,255,.04);
}
.morlix-account-resource-card strong {
    display:block;
    color:#fff;
    font-size:13px;
}
.morlix-account-resource-card .meta {
    margin-top:5px;
    color:rgba(226,243,249,.55);
    font-size:10px;
    line-height:1.5;
}
.morlix-account-action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:38px;
    padding:0 14px;
    border:1px solid rgba(174,231,248,.2);
    border-radius:12px;
    background:rgba(174,231,248,.09);
    color:#e7fbff !important;
    font-size:11px;
    font-weight:800;
    text-decoration:none !important;
    cursor:pointer;
}
.morlix-account-action:hover,
.morlix-account-action:focus-visible {
    background:rgba(174,231,248,.15);
}
.morlix-account-action.is-danger {
    border-color:rgba(255,181,193,.18);
    background:rgba(255,181,193,.07);
    color:#ffdce3 !important;
}
/* Team and project branding: scoped styles, independent of product and profile cards. */
.morlix-team-card-layout,
.morlix-project-card-layout {
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    align-items:stretch;
    gap:18px;
}
.morlix-team-card-logo,
.morlix-project-card-logo {
    width:112px;
    height:112px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(174,231,248,.16);
    background:rgba(174,231,248,.08);
    color:#d9f7ff;
    font-size:34px;
}
.morlix-team-card-logo { border-radius:50%; }
.morlix-project-card-logo { border-radius:17px; }
.morlix-team-card-logo img,
.morlix-project-card-logo img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.morlix-team-card-details {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:12px;
    min-width:0;
}
.morlix-team-card-copy h3,
.morlix-account-team-card .morlix-team-card-copy h3 {
    margin:0 0 7px;
    color:#fff;
    font-size:21px;
    line-height:1.2;
    overflow-wrap:anywhere;
}
.morlix-team-card-copy p {
    margin:0;
    color:rgba(227,244,250,.62);
    font-size:12px;
    line-height:1.5;
}
.morlix-team-card-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:8px 12px;
}
.morlix-project-card-details {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-width:0;
}
.morlix-account-project-card .morlix-project-card-details h3 {
    margin:0 0 8px;
    font-size:21px;
    line-height:1.2;
    overflow-wrap:anywhere;
}
.morlix-project-card-details .morlix-account-subtext {
    width:100%;
    line-height:1.5;
    overflow-wrap:anywhere;
}
.morlix-project-card-details .morlix-account-team-meta { margin-top:12px; }
.morlix-project-card-link { margin-top:14px; }
.morlix-brand-panel .morlix-brand-entity-name {
    display:block;
    margin-bottom:10px;
    font-size:28px;
    font-weight:750;
    line-height:1.15;
    overflow-wrap:anywhere;
}
.morlix-brand-panel.is-project .morlix-brand-entity-name { font-size:30px; }
.morlix-account-content > .morlix-brand-panel + .morlix-account-stats {
    margin-top:22px;
}
.morlix-account-content > .morlix-brand-panel + .morlix-account-block {
    margin-top:22px;
}
/* Team and project workspaces: one compact creation action, consistent card spacing. */
.morlix-account-content.morlix-teams-workspace,
.morlix-account-content.morlix-team-workspace,
.morlix-account-content.morlix-project-workspace {
    display:flex;
    flex-direction:column;
    gap:24px;
}
.morlix-account-content.morlix-teams-workspace > .morlix-account-block,
.morlix-account-content.morlix-team-workspace > .morlix-account-block,
.morlix-account-content.morlix-project-workspace > .morlix-account-block,
.morlix-account-content.morlix-team-workspace > .morlix-account-stats,
.morlix-account-content.morlix-project-workspace > .morlix-account-stats,
.morlix-account-content .morlix-workspace-create {
    margin:0;
}
.morlix-account-content .morlix-workspace-create {
    border:1px solid rgba(174,231,248,.17);
    background:rgba(174,231,248,.045);
}
.morlix-account-content .morlix-workspace-create summary {
    padding:16px 18px;
    color:#e7fbff;
    font-size:12px;
}
.morlix-account-content .morlix-workspace-create[open] summary {
    border-bottom:1px solid rgba(174,231,248,.12);
}
.morlix-account-content .morlix-workspace-create .morlix-account-support-details-content {
    padding:16px;
}
.morlix-account-content .morlix-workspace-create .morlix-account-profile-form {
    margin:0;
}
.morlix-team-workspace > .morlix-brand-panel .morlix-account-avatar-panel,
.morlix-project-workspace > .morlix-brand-panel .morlix-account-avatar-panel {
    padding:24px;
}
.morlix-account-alert-wrap {
    padding:18px 34px 0;
}
@media(max-width:1100px){
    .morlix-account-shell.is-app{
        width:min(100% - 24px,1100px);
        grid-template-columns:1fr;
        padding:12px 0 24px;
    }
    .morlix-account-sidebar{
        position:relative;
        top:auto;
        height:auto;
        padding:14px;
    }
    .morlix-account-sidebar-brand{padding:0 4px 12px}
    .morlix-account-nav{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .morlix-account-nav-label,
    .morlix-account-nav-divider{display:none}
    .morlix-account-nav-link{
        justify-content:center;
        padding:0 8px;
    }
    .morlix-account-sidebar-user{margin-top:12px}
    .morlix-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
    .morlix-avatar-editor{padding:10px}
    .morlix-avatar-editor-dialog{padding:18px;border-radius:20px}
    .morlix-avatar-editor-head h3{font-size:19px}
    .morlix-avatar-editor-actions{flex-direction:column-reverse}
    .morlix-avatar-editor-actions .morlix-account-action{width:100%}
    .morlix-account-shell.is-app{width:calc(100% - 16px)}
    .morlix-account-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
    .morlix-account-page-head{padding:25px 20px 20px}
    .morlix-account-page-head{flex-direction:column}
    .morlix-account-page-account{white-space:normal}
    .morlix-account-page-head h1{font-size:27px}
    .morlix-account-content{padding:20px}
    .morlix-account-alert-wrap{padding:14px 20px 0}
    .morlix-account-stats{grid-template-columns:1fr 1fr}
    .morlix-account-product-grid,
    .morlix-account-profile-grid,
    .morlix-account-form-grid,
    .morlix-account-team-grid{grid-template-columns:1fr}
    .morlix-account-avatar-panel{grid-template-columns:1fr;text-align:center}
    .morlix-account-avatar-preview{margin:0 auto}
    .morlix-account-avatar-form{justify-content:center}
    .morlix-account-list-row{grid-template-columns:1fr;gap:8px}
    .morlix-account-member-row{grid-template-columns:42px minmax(0,1fr)}
    .morlix-account-member-row .morlix-account-team-role{grid-column:2}
    .morlix-account-product-card-footer{align-items:flex-start;flex-direction:column}
    .morlix-team-card-layout,.morlix-project-card-layout{grid-template-columns:92px minmax(0,1fr);gap:14px}
    .morlix-team-card-logo,.morlix-project-card-logo{width:92px;height:92px}
    .morlix-brand-panel .morlix-brand-entity-name{font-size:25px}
    .morlix-brand-panel.is-project .morlix-brand-entity-name{font-size:27px}
}
@media(max-width:480px){
    .morlix-account-stats{grid-template-columns:1fr}
    .morlix-account-sidebar-brand img{width:132px}
    .morlix-team-card-layout,.morlix-project-card-layout{grid-template-columns:76px minmax(0,1fr);gap:12px}
    .morlix-team-card-logo,.morlix-project-card-logo{width:76px;height:76px;font-size:27px}
    .morlix-team-card-copy h3,.morlix-account-team-card .morlix-team-card-copy h3{font-size:18px}
    .morlix-account-project-card .morlix-project-card-details h3{font-size:18px}
    .morlix-team-card-footer{justify-content:flex-start}
}