/*
 * 57 车间超低温冰箱管理系统 · UI Refresh 2026-07-18
 * Direction: clinical command deck / high-readability cold-chain console
 * This file intentionally overrides the packaged legacy theme without changing business logic.
 */

body[data-ui="industrial-dashboard"] {
    --bg: #eaf1f3;
    --bg-strong: #dce7ea;
    --panel: #ffffff;
    --panel-strong: #ffffff;
    --line: rgba(22, 58, 68, 0.12);
    --line-strong: rgba(0, 123, 137, 0.3);
    --text: #102c36;
    --muted: #6d8188;
    --muted-strong: #435c65;
    --accent: #078896;
    --accent-soft: rgba(7, 136, 150, 0.1);
    --accent-2: #16a27f;
    --success: #168768;
    --warning: #c9831d;
    --danger: #cf5446;
    --shadow: 0 16px 40px rgba(18, 48, 58, 0.08);
    --radius-xl: 18px;
    --radius-lg: 14px;
    --radius-md: 10px;
    color: var(--text);
    background:
        radial-gradient(circle at 6% 2%, rgba(59, 175, 185, 0.13), transparent 28%),
        linear-gradient(rgba(29, 83, 94, 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 83, 94, 0.028) 1px, transparent 1px),
        #eaf1f3;
    background-size: auto, 28px 28px, 28px 28px, auto;
}

body[data-ui="industrial-dashboard"] .app-shell {
    width: min(1660px, calc(100vw - 32px));
    margin: 16px auto 36px;
    display: grid;
    grid-template-columns: 224px minmax(0, 1fr);
    grid-template-areas:
        "hero hero"
        "toolbar toolbar"
        "nav content";
    gap: 14px;
    align-items: start;
}

body[data-ui="industrial-dashboard"] .hero-panel {
    grid-area: hero;
    min-height: 0;
    grid-template-columns: minmax(0, 1.25fr) minmax(500px, 0.75fr);
    gap: 22px;
    padding: 22px 24px;
    overflow: hidden;
    border: 0;
    border-radius: 20px;
    color: #eaf9fa;
    background:
        radial-gradient(circle at 86% 18%, rgba(78, 220, 227, 0.16), transparent 29%),
        linear-gradient(116deg, rgba(16, 166, 153, 0.2), transparent 36%),
        #082c37;
    box-shadow: 0 20px 54px rgba(9, 45, 55, 0.2);
}

body[data-ui="industrial-dashboard"] .hero-panel::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -110px;
    bottom: -270px;
    border: 1px solid rgba(105, 230, 234, 0.2);
    border-radius: 50%;
    box-shadow:
        0 0 0 34px rgba(105, 230, 234, 0.025),
        0 0 0 72px rgba(105, 230, 234, 0.018);
    pointer-events: none;
}

body[data-ui="industrial-dashboard"] .hero-copy {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
    align-items: center;
}

body[data-ui="industrial-dashboard"] .system-mark {
    position: relative;
    width: 92px;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    border: 1px solid rgba(117, 226, 231, 0.34);
    border-radius: 50%;
    color: #7de7ec;
    background: rgba(1, 20, 28, 0.35);
    box-shadow: inset 0 0 0 8px rgba(105, 230, 234, 0.025);
}

body[data-ui="industrial-dashboard"] .system-mark::before {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1px dashed rgba(117, 226, 231, 0.28);
    border-radius: inherit;
    animation: refresh-orbit 20s linear infinite;
}

body[data-ui="industrial-dashboard"] .system-mark strong {
    font: 750 1.55rem/1 var(--mono-font);
    letter-spacing: -0.08em;
}

body[data-ui="industrial-dashboard"] .system-mark span {
    margin-left: auto;
    color: #a5cbd0;
    font: 10px/1 var(--mono-font);
}

body[data-ui="industrial-dashboard"] .system-mark i {
    position: absolute;
    width: 7px;
    height: 7px;
    top: 12px;
    right: 18px;
    border-radius: 50%;
    background: #54d7ad;
    box-shadow: 0 0 12px #54d7ad;
}

body[data-ui="industrial-dashboard"] .hero-copy-main {
    min-width: 0;
}

body[data-ui="industrial-dashboard"] .hero-copy h1 {
    max-width: none;
    margin: 7px 0 8px;
    color: #f5fcfd;
    font-size: clamp(1.85rem, 2.6vw, 2.8rem);
    font-weight: 760;
    letter-spacing: -0.04em;
}

body[data-ui="industrial-dashboard"] .hero-text {
    margin: 0;
    color: #a8c5ca;
    font-size: 13px;
}

body[data-ui="industrial-dashboard"] .hero-tags {
    margin-top: 14px;
    gap: 7px;
}

body[data-ui="industrial-dashboard"] .hero-tag {
    padding: 6px 9px;
    border-color: rgba(122, 222, 228, 0.18);
    color: #b9d8dc;
    background: rgba(104, 220, 226, 0.06);
}

body[data-ui="industrial-dashboard"] .hero-aside {
    position: relative;
    z-index: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

body[data-ui="industrial-dashboard"] .hero-stat {
    min-height: 72px;
    padding: 12px 14px;
    border: 1px solid rgba(125, 219, 225, 0.15);
    border-radius: 10px;
    background: rgba(8, 53, 64, 0.72);
}

body[data-ui="industrial-dashboard"] .hero-stat span {
    color: #87aeb4;
}

body[data-ui="industrial-dashboard"] .hero-stat strong {
    margin-top: 6px;
    color: #e9f7f8;
    font-size: 12px;
}

body[data-ui="industrial-dashboard"] .network-stat strong {
    color: #65dbb8;
}

body[data-ui="industrial-dashboard"] .topbar-panel {
    grid-area: toolbar;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 24px rgba(20, 53, 63, 0.055);
}

body[data-ui="industrial-dashboard"] .topbar-actions {
    gap: 8px;
}

body[data-ui="industrial-dashboard"] .toolbar-label {
    padding: 0 8px 0 3px;
    color: #82949a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

body[data-ui="industrial-dashboard"] .soft-button,
body[data-ui="industrial-dashboard"] .primary-button,
body[data-ui="industrial-dashboard"] .mini-button {
    min-height: 38px;
    border-radius: 9px;
    font-weight: 650;
}

body[data-ui="industrial-dashboard"] .soft-button {
    gap: 7px;
    border-color: rgba(23, 70, 82, 0.12);
    color: #294c56;
    background: #f5f9fa;
}

body[data-ui="industrial-dashboard"] .soft-button:hover {
    border-color: rgba(7, 136, 150, 0.34);
    color: #067684;
    background: #edf8f9;
    box-shadow: 0 6px 16px rgba(7, 136, 150, 0.1);
}

body[data-ui="industrial-dashboard"] .danger-button {
    border-color: rgba(207, 84, 70, 0.2);
    color: #ba4b3f;
    background: #fff8f7;
}

body[data-ui="industrial-dashboard"] .account-card {
    padding: 6px 7px 6px 12px;
    border-color: var(--line);
    border-radius: 10px;
    background: #f7fafb;
}

body[data-ui="industrial-dashboard"] .account-copy strong,
body[data-ui="industrial-dashboard"] .account-copy em {
    color: var(--text);
}

body[data-ui="industrial-dashboard"] .role-pill {
    border-radius: 7px;
    color: #087c89;
    background: #e8f7f7;
}

body[data-ui="industrial-dashboard"] .path-banner {
    color: #73868d;
    border-top-color: var(--line);
}

body[data-ui="industrial-dashboard"] .view-nav {
    grid-area: nav;
    position: sticky;
    top: 14px;
    z-index: 10;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(31, 111, 119, 0.14), transparent 48%),
        #0c303a;
    box-shadow: 0 16px 36px rgba(12, 48, 58, 0.16);
}

body[data-ui="industrial-dashboard"] .nav-heading {
    display: grid;
    gap: 3px;
    padding: 8px 10px 14px;
    margin-bottom: 3px;
    border-bottom: 1px solid rgba(143, 211, 216, 0.12);
}

body[data-ui="industrial-dashboard"] .nav-heading span {
    color: #e7f6f7;
    font-size: 13px;
    font-weight: 750;
}

body[data-ui="industrial-dashboard"] .nav-heading b {
    color: #6f9ca3;
    font: 9px/1 var(--mono-font);
    letter-spacing: 0.12em;
}

body[data-ui="industrial-dashboard"] .nav-chip {
    width: 100%;
    min-height: 45px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #9cb9be;
    text-align: left;
}

body[data-ui="industrial-dashboard"] .nav-chip .nav-icon {
    width: 26px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: #83cbd1;
    background: rgba(116, 215, 222, 0.07);
    font: 14px/1 var(--mono-font);
}

body[data-ui="industrial-dashboard"] .nav-chip > i {
    color: #547d84;
    font: normal 9px/1 var(--mono-font);
}

body[data-ui="industrial-dashboard"] .nav-chip:hover {
    color: #eaf8f9;
    background: rgba(111, 212, 220, 0.08);
}

body[data-ui="industrial-dashboard"] .nav-chip.active {
    border-color: rgba(107, 224, 230, 0.18);
    color: #ffffff;
    background: linear-gradient(90deg, rgba(31, 164, 170, 0.3), rgba(43, 132, 141, 0.16));
    box-shadow: inset 3px 0 0 #64dde2;
}

body[data-ui="industrial-dashboard"] .nav-chip.active .nav-icon {
    color: #072c35;
    background: #68dce1;
}

body[data-ui="industrial-dashboard"] .nav-chip.active > i {
    color: #93dfe3;
}

body[data-ui="industrial-dashboard"] .nav-footer {
    display: grid;
    gap: 6px;
    margin-top: 8px;
    padding: 13px 10px 5px;
    border-top: 1px solid rgba(143, 211, 216, 0.12);
}

body[data-ui="industrial-dashboard"] .nav-footer span {
    color: #8babb0;
    font-size: 10px;
}

body[data-ui="industrial-dashboard"] .nav-footer time {
    color: #d7edee;
    font: 650 1.12rem/1.2 var(--mono-font);
}

body[data-ui="industrial-dashboard"] .view-stack {
    grid-area: content;
    min-width: 0;
    gap: 14px;
}

body[data-ui="industrial-dashboard"] .view-section {
    gap: 14px;
    animation: refresh-view-in 260ms ease-out;
}

body[data-ui="industrial-dashboard"] .section-heading {
    min-height: 76px;
    padding: 8px 4px 14px;
    border-bottom: 1px solid rgba(22, 58, 68, 0.15);
}

body[data-ui="industrial-dashboard"] .section-heading h2 {
    color: var(--text);
    font-size: 1.55rem;
    letter-spacing: -0.03em;
}

body[data-ui="industrial-dashboard"] .section-heading p,
body[data-ui="industrial-dashboard"] .panel-head span {
    color: var(--muted);
}

body[data-ui="industrial-dashboard"] .section-kicker {
    color: #078896;
}

body[data-ui="industrial-dashboard"] .content-panel {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 10px 28px rgba(20, 53, 63, 0.055);
}

body[data-ui="industrial-dashboard"] .content-panel:hover {
    border-color: rgba(7, 136, 150, 0.2);
}

body[data-ui="industrial-dashboard"] .panel-head {
    border-bottom-color: var(--line);
}

body[data-ui="industrial-dashboard"] .panel-head h3 {
    color: var(--text);
    font-size: 1.03rem;
}

body[data-ui="industrial-dashboard"] .summary-grid {
    gap: 10px;
}

body[data-ui="industrial-dashboard"] .summary-card,
body[data-ui="industrial-dashboard"] .freezer-card,
body[data-ui="industrial-dashboard"] .alert-card,
body[data-ui="industrial-dashboard"] .status-card,
body[data-ui="industrial-dashboard"] .info-card,
body[data-ui="industrial-dashboard"] .log-card,
body[data-ui="industrial-dashboard"] .validation-card,
body[data-ui="industrial-dashboard"] .prefreeze-card,
body[data-ui="industrial-dashboard"] .user-card,
body[data-ui="industrial-dashboard"] .user-row,
body[data-ui="industrial-dashboard"] .count-card,
body[data-ui="industrial-dashboard"] .data-status-card,
body[data-ui="industrial-dashboard"] .schematic-card,
body[data-ui="industrial-dashboard"] .schematic-metric {
    border-color: rgba(22, 58, 68, 0.1);
    border-radius: 12px;
    color: var(--text);
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(20, 53, 63, 0.045);
}

body[data-ui="industrial-dashboard"] .summary-card {
    position: relative;
    min-height: 116px;
    padding: 16px;
    overflow: hidden;
}

body[data-ui="industrial-dashboard"] .summary-card::after {
    content: "";
    position: absolute;
    width: 46px;
    height: 3px;
    right: 16px;
    top: 17px;
    border-radius: 99px;
    background: linear-gradient(90deg, rgba(7, 136, 150, 0.12), #2eb7b5);
}

body[data-ui="industrial-dashboard"] .summary-card strong,
body[data-ui="industrial-dashboard"] .status-card strong,
body[data-ui="industrial-dashboard"] .count-card strong {
    color: #096f7a;
}

body[data-ui="industrial-dashboard"] .summary-label,
body[data-ui="industrial-dashboard"] .summary-hint,
body[data-ui="industrial-dashboard"] .freezer-remark,
body[data-ui="industrial-dashboard"] .log-detail,
body[data-ui="industrial-dashboard"] .cell-subtext,
body[data-ui="industrial-dashboard"] .empty-state {
    color: var(--muted);
}

body[data-ui="industrial-dashboard"] input,
body[data-ui="industrial-dashboard"] select,
body[data-ui="industrial-dashboard"] textarea {
    border-color: rgba(22, 58, 68, 0.14);
    color: var(--text);
    background: #f7fafb;
}

body[data-ui="industrial-dashboard"] input::placeholder,
body[data-ui="industrial-dashboard"] textarea::placeholder {
    color: #a2b0b5;
}

body[data-ui="industrial-dashboard"] input:hover,
body[data-ui="industrial-dashboard"] select:hover,
body[data-ui="industrial-dashboard"] textarea:hover,
body[data-ui="industrial-dashboard"] input:focus,
body[data-ui="industrial-dashboard"] select:focus,
body[data-ui="industrial-dashboard"] textarea:focus {
    border-color: rgba(7, 136, 150, 0.55);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(7, 136, 150, 0.08);
}

body[data-ui="industrial-dashboard"] select option {
    color: var(--text);
    background: #ffffff;
}

body[data-ui="industrial-dashboard"] label span {
    color: #536b73;
}

body[data-ui="industrial-dashboard"] .primary-button {
    border-color: #087e8b;
    color: #ffffff;
    background: linear-gradient(135deg, #087e8b, #0c9a91);
    box-shadow: 0 8px 18px rgba(7, 136, 150, 0.18);
}

body[data-ui="industrial-dashboard"] .primary-button:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #066e79, #07877f);
}

body[data-ui="industrial-dashboard"] .table-wrap {
    border-color: var(--line);
    border-radius: 11px;
    background: #ffffff;
}

body[data-ui="industrial-dashboard"] table {
    color: var(--text);
}

body[data-ui="industrial-dashboard"] th {
    color: #31616b;
    background: #eff6f7;
}

body[data-ui="industrial-dashboard"] td {
    border-color: rgba(22, 58, 68, 0.08);
    color: #294750;
}

body[data-ui="industrial-dashboard"] tbody tr:hover td {
    background: #f2f9f9;
}

body[data-ui="industrial-dashboard"] .inventory-schematic,
body[data-ui="industrial-dashboard"] .inventory-clarity-board,
body[data-ui="industrial-dashboard"] .tsx-overview-board,
body[data-ui="industrial-dashboard"] .room-layout-map {
    border-color: var(--line);
    background-color: #f7fafb;
}

body[data-ui="industrial-dashboard"] .blueprint-board {
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(99, 219, 232, 0.04);
}

body[data-ui="industrial-dashboard"] .freezer-zoom-dialog {
    border-radius: 16px;
}

body[data-ui="industrial-dashboard"] .toast {
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    background: #123d47;
    box-shadow: 0 16px 36px rgba(16, 44, 53, 0.22);
}

/* Login: a calm split-panel access screen with a bright, high-contrast form. */
body[data-ui="industrial-login"] {
    --text: #13323c;
    --muted: #6c8188;
    --accent: #078896;
    --line: rgba(22, 58, 68, 0.13);
    padding: 20px;
    background:
        radial-gradient(circle at 18% 18%, rgba(45, 169, 180, 0.2), transparent 34%),
        linear-gradient(rgba(20, 77, 88, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 77, 88, 0.035) 1px, transparent 1px),
        #e5eef0;
    background-size: auto, 30px 30px, 30px 30px, auto;
}

body[data-ui="industrial-login"] .login-shell {
    width: min(1120px, calc(100vw - 36px));
    min-height: 640px;
    margin: 20px auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.68);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 30px 80px rgba(20, 52, 62, 0.18);
}

body[data-ui="industrial-login"] .login-side-panel {
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(circle at 22% 18%, rgba(102, 222, 227, 0.16), transparent 28%),
        linear-gradient(145deg, rgba(18, 150, 142, 0.18), transparent 45%),
        #082d38;
    box-shadow: none;
}

body[data-ui="industrial-login"] .login-side-panel .temperature-dial {
    border-color: rgba(111, 221, 227, 0.32);
    box-shadow: inset 0 0 0 13px rgba(99, 219, 232, 0.025), 0 0 42px rgba(99, 219, 232, 0.08);
}

body[data-ui="industrial-login"] .login-side-panel .dial-value,
body[data-ui="industrial-login"] .login-side-panel .eyebrow,
body[data-ui="industrial-login"] .login-side-panel .rail-index {
    color: #5ed7dd;
}

body[data-ui="industrial-login"] .login-side-panel .dial-unit,
body[data-ui="industrial-login"] .login-side-panel .cold-status-rail small {
    color: #86aab0;
}

body[data-ui="industrial-login"] .login-side-panel .cold-status-rail strong {
    color: #d9ecee;
}

body[data-ui="industrial-login"] .login-card {
    border: 0;
    border-radius: 0;
    color: var(--text);
    background: #ffffff;
    box-shadow: none;
}

body[data-ui="industrial-login"] .login-card h2 {
    color: var(--text);
}

body[data-ui="industrial-login"] .login-card-head,
body[data-ui="industrial-login"] .login-security-line {
    border-color: var(--line);
}

body[data-ui="industrial-login"] .login-copy,
body[data-ui="industrial-login"] .login-security-line,
body[data-ui="industrial-login"] .login-hint strong {
    color: var(--muted);
}

body[data-ui="industrial-login"] .login-form label > span {
    color: #49636c;
    font-weight: 650;
}

body[data-ui="industrial-login"] .login-form input {
    border-color: rgba(22, 58, 68, 0.15);
    color: var(--text);
    background: #f3f7f8;
}

body[data-ui="industrial-login"] .login-form input:focus {
    border-color: rgba(7, 136, 150, 0.58);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(7, 136, 150, 0.09);
}

body[data-ui="industrial-login"] .login-button {
    min-height: 50px;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(135deg, #087f8c, #0c9a91);
    box-shadow: 0 12px 24px rgba(7, 136, 150, 0.2);
}

body[data-ui="industrial-login"] .login-button:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #066c77, #07857e);
}

body[data-ui="industrial-login"] .security-stamp {
    border-color: rgba(7, 136, 150, 0.24);
    color: #087c89;
    background: #edf8f8;
}

body[data-ui="industrial-login"] .login-hint {
    border-color: rgba(7, 136, 150, 0.13);
    background: #f1f8f8;
}

body[data-ui="industrial-login"] .login-hint span {
    color: #21434d;
}

@keyframes refresh-orbit {
    to { transform: rotate(360deg); }
}

@keyframes refresh-view-in {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1180px) {
    body[data-ui="industrial-dashboard"] .app-shell {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "hero"
            "toolbar"
            "nav"
            "content";
    }

    body[data-ui="industrial-dashboard"] .hero-panel {
        grid-template-columns: 1fr;
    }

    body[data-ui="industrial-dashboard"] .hero-aside {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body[data-ui="industrial-dashboard"] .view-nav {
        top: 6px;
        flex-direction: row;
        overflow-x: auto;
        border-radius: 12px;
    }

    body[data-ui="industrial-dashboard"] .nav-heading,
    body[data-ui="industrial-dashboard"] .nav-footer,
    body[data-ui="industrial-dashboard"] .nav-chip > i {
        display: none;
    }

    body[data-ui="industrial-dashboard"] .nav-chip {
        width: auto;
        flex: 0 0 auto;
        grid-template-columns: 24px auto;
        min-height: 42px;
        padding: 0 12px 0 8px;
    }
}

@media (max-width: 820px) {
    body[data-ui="industrial-dashboard"] .app-shell {
        width: min(100% - 16px, 1660px);
        margin-top: 8px;
    }

    body[data-ui="industrial-dashboard"] .hero-panel {
        padding: 18px;
    }

    body[data-ui="industrial-dashboard"] .system-mark {
        width: 74px;
    }

    body[data-ui="industrial-dashboard"] .hero-copy h1 {
        font-size: 1.75rem;
    }

    body[data-ui="industrial-dashboard"] .hero-aside {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-ui="industrial-dashboard"] .topbar-panel {
        grid-template-columns: 1fr;
    }

    body[data-ui="industrial-dashboard"] .toolbar-label {
        display: none;
    }

    body[data-ui="industrial-dashboard"] .section-heading {
        align-items: start;
        flex-direction: column;
    }

    body[data-ui="industrial-login"] {
        padding: 0;
    }

    body[data-ui="industrial-login"] .login-shell {
        width: min(100% - 20px, 620px);
        margin: 10px auto;
        border-radius: 20px;
    }
}

@media (max-width: 560px) {
    body[data-ui="industrial-dashboard"] .hero-copy {
        grid-template-columns: 1fr;
    }

    body[data-ui="industrial-dashboard"] .system-mark {
        display: none;
    }

    body[data-ui="industrial-dashboard"] .hero-tags {
        display: none;
    }

    body[data-ui="industrial-dashboard"] .summary-grid {
        grid-template-columns: 1fr;
    }

    body[data-ui="industrial-dashboard"] .topbar-actions .soft-button {
        flex: 1 1 44%;
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-ui="industrial-dashboard"] .system-mark::before,
    body[data-ui="industrial-dashboard"] .view-section {
        animation: none;
    }
}

[hidden] {
    display: none !important;
}

button:disabled {
    cursor: wait;
    opacity: 0.65;
}
/* 20260719 生物小胖个人系统入口 */
.portal-back-link {
    position: fixed;
    z-index: 1200;
    right: 18px;
    bottom: 18px;
    padding: 10px 15px;
    border: 1px solid rgba(87, 218, 198, .34);
    border-radius: 999px;
    color: #e9fffa;
    background: rgba(4, 30, 34, .92);
    box-shadow: 0 10px 28px rgba(0, 18, 20, .3);
    text-decoration: none;
    font-size: 12px;
    backdrop-filter: blur(12px);
}

.portal-back-link:hover {
    border-color: #65e4cf;
    transform: translateY(-2px);
}