/* [O3O二改] 状态栏「看原文」浮层：只读一段原样文字，样式沿用面板那套毛玻璃。 */

/* 底部三个玻璃键原来的位置（bottom:80 / 居中）正好和「关闭 ×」重叠，
   中间那个会把 × 整个盖住、面板关不掉。所以整排往上挪一层，× 留在原地。 */
#char-status-overlay .status-glass-action { bottom: 140px; }
#char-status-overlay .status-slide { padding-bottom: 200px; }

#status-raw-view { left: 50%; }

.status-raw-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1006;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 12px 18px;
    background: rgba(0, 0, 0, 0.28);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.status-raw-sheet {
    width: min(100%, 460px);
    max-height: 76%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
    color: #333;
}

.status-raw-head {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px 16px 9px;
}

.status-raw-head strong { font-size: 15px; font-weight: 600; }

.status-raw-hint {
    font-size: 11px;
    line-height: 1.55;
    color: #8a929e;
}

.status-raw-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 2px 14px 6px;
    -webkit-overflow-scrolling: touch;
}

.status-raw-text {
    margin: 0 0 10px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid #e8edf5;
    background: rgba(244, 247, 252, 0.92);
    color: #31363d;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.75;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    user-select: text;
    -webkit-user-select: text;
}

.status-raw-label {
    margin: 8px 2px 6px;
    font-size: 11px;
    color: #8a929e;
}

.status-raw-empty {
    margin: 12px 2px;
    font-size: 12px;
    line-height: 1.75;
    color: #8a929e;
}

.status-raw-actions {
    display: flex;
    gap: 10px;
    padding: 10px 14px 14px;
}

.status-raw-btn {
    flex: 1 1 0;
    padding: 10px;
    border-radius: 13px;
    border: 1px solid #e3e8f0;
    background: #fff;
    color: #333;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.status-raw-btn.primary {
    background: #eef6f0;
    border-color: #cfe6d8;
    color: #2f6b46;
}

.status-raw-btn:disabled { opacity: 0.4; cursor: default; }

body.uwu-night-mode .status-raw-sheet,
body.uwu-night-active .status-raw-sheet {
    background: rgba(38, 41, 48, 0.94);
    border-color: rgba(255, 255, 255, 0.14);
    color: #e6e8ec;
}

body.uwu-night-mode .status-raw-hint,
body.uwu-night-active .status-raw-hint,
body.uwu-night-mode .status-raw-label,
body.uwu-night-active .status-raw-label,
body.uwu-night-mode .status-raw-empty,
body.uwu-night-active .status-raw-empty { color: #9aa0ab; }

body.uwu-night-mode .status-raw-text,
body.uwu-night-active .status-raw-text {
    background: rgba(26, 28, 33, 0.9);
    border-color: #3a3e46;
    color: #d9dce2;
}

body.uwu-night-mode .status-raw-btn,
body.uwu-night-active .status-raw-btn {
    background: #2c2f36;
    border-color: #3f434c;
    color: #dfe2e8;
}

body.uwu-night-mode .status-raw-btn.primary,
body.uwu-night-active .status-raw-btn.primary {
    background: #22392d;
    border-color: #2f5642;
    color: #9ed8b6;
}