/* ============================================================
 * apps/dayend.css —— 结束今天 / 日结算（js/core/engine.js）
 *
 * 由原 css/apps.css 按既有的分节标记切分而来（0.3.1 架构整理）。
 * 内容与切分前逐字节一致 —— 只换了存放位置，没动一个字符。
 * 新增样式请放进对应 App 的分片，不要再往 apps.css 里堆。
 * ============================================================ */
/* ============ 结束今天 / 日结算 ============ */
.dayend {
  position: absolute; inset: 0; background: rgba(248, 249, 248, .97); z-index: 92;
  display: flex; flex-direction: column; padding: 34px 26px; color: var(--text);
  animation: fade .3s;
}
.dayend .de-d { font-size: 12px; letter-spacing: 3px; color: var(--text-3); }
.dayend .de-t { font-size: 24px; font-weight: 300; margin-top: 6px; }
.dayend .de-lines { margin-top: 22px; flex: 1; overflow-y: auto; }
.dayend .de-line { font-size: 13.5px; line-height: 1.9; color: var(--text-2); display: flex; gap: 10px; }
.dayend .de-line b { color: var(--text); font-weight: 500; }
.dayend .de-line .v { margin-left: auto; font-family: monospace; }
.dayend .de-act { flex: none; padding-top: 12px; }

/* ---------- 魔方后台：登录闸门 ---------- */
/*
 * 还没拿到账号密码时看到的界面。
 * 视觉上刻意做成"一台没登录的机器"：冷灰、克制、卡片居中，
 * 和登录后那套有数据的仪表盘形成对比。
 */
.mf-login {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  /* 顶部跟 AppBar 等高留白：状态栏是浮在上面的（z-index: 30），
     别的页都有 AppBar 把这段撑开，登录页没有 —— 不留白的话
     系统时间就直接压在字标上了。 */
  padding: 68px 28px 42px;
  background:
    radial-gradient(560px 360px at 50% 6%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, 0) 70%),
    linear-gradient(176deg, #F2F1EE 0%, #E9E8E4 100%);
  text-align: left;
  animation: fade .3s;
}
.mf-login-brand { margin-bottom: 30px; text-align: left; }
/*
 * 登录页的字标不再顶一枚 62px 的圆角方块。
 * 换成"一条品牌色横线 + 字"：机器的身份靠字和排版说，
 * 不靠一个谁都能套上去的方块。
 */
.mlb-mark {
  width: 44px; height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, #5C7382 0%, #3F5462 100%);
  margin-bottom: 18px;
}
.mlb-name { font-size: 23px; font-weight: 600; letter-spacing: -.5px; color: #2F3A41; line-height: 1.15; }
.mlb-ver { font-size: 10.5px; color: var(--text-3); letter-spacing: 1.8px; margin-top: 8px; text-transform: uppercase; }

/*
 * 登录卡底下是静态渐变，不是滚动内容 —— 玻璃在这里糊不到东西，
 * 只会让卡片发灰。改实心暖白，纸感更实，还省一层合成开销。
 */
.mf-login-card {
  width: 100%;
  background: var(--surface);
  border: 1px solid var(--divider);
  border-radius: var(--r-lg);
  box-shadow: var(--e3), inset 0 1px 0 rgba(255, 253, 251, .9);
  padding: 18px 18px 16px;
  text-align: left;
}
.mfl-row { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.mfl-row + .mfl-row { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--divider); }
.mfl-k {
  display: inline-flex; align-items: center; gap: 5px;
  color: var(--text-2); flex: none; width: 62px; font-size: 12px;
}
.mfl-v { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12.5px; color: var(--text); }
.mfl-v.lack { color: var(--text-3); font-family: inherit; font-style: italic; }

.mf-login-hint {
  width: 100%;
  margin-top: 24px;
}
.mfh-t { font-size: 15px; font-weight: 500; color: var(--text); letter-spacing: -.1px; }
.mfh-d { font-size: 13px; color: var(--text-2); margin-top: 7px; line-height: 1.7; }
.mf-login-foot {
  font-size: 11px; color: var(--text-3); margin-top: auto; padding-top: 32px; line-height: 1.65;
}