/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   福饭团家的待办 — 样式
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: -apple-system, "Noto Sans SC", sans-serif;
    background: #f5f5f5;
    color: #333;
    max-width: 480px;
    margin: 0 auto;
    padding: 16px;
}

/* ━━━ 顶栏 ━━━ */
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
header h1 { font-size: 1.3rem; }
.header-right { display: flex; align-items: center; gap: 4px; }
.btn-push {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 4px;
}
.btn-push:disabled { opacity: 0.5; cursor: default; }
.user-badge {
    background: #4a90d9;
    color: #fff;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.85rem;
}

/* ━━━ 登录页 ━━━ */
.login-container {
    text-align: center;
    margin-top: 30vh;
}
.login-container h1 { margin-bottom: 16px; }
.login-container p  { margin-bottom: 24px; color: #666; }
.login-buttons { display: flex; gap: 16px; justify-content: center; }
.login-btn {
    padding: 12px 32px;
    font-size: 1.1rem;
    border: 2px solid #4a90d9;
    background: #fff;
    color: #4a90d9;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
}
.login-btn:hover { background: #4a90d9; color: #fff; }

/* ━━━ 任务区块 ━━━ */
.task-section { margin-bottom: 24px; }
.task-section h2 {
    font-size: 1rem;
    color: #666;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    margin-bottom: 8px;
}
.task-section.partner h2 { color: #999; }

.task-list { list-style: none; }
.task-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 4px;
    border-bottom: 1px solid #eee;
}
.task-item.done .task-text { text-decoration: line-through; color: #aaa; }
.task-item.readonly { opacity: 0.7; }

.task-text { flex: 1; }

.badge {
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 4px;
}
.badge.time  { background: #fff3cd; color: #856404; }
.badge.recur { background: #d4edda; color: #155724; }

.inline { display: inline; }
.empty  { color: #999; font-size: 0.9rem; padding: 12px 0; }

.btn-del {
    background: none;
    border: none;
    color: #cc4444;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0 4px;
}
.btn-del:hover { color: #ff0000; }

/* ━━━ 新增表单 ━━━ */
.add-form {
    background: #fff;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.form-row {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}
.form-row:last-child { margin-bottom: 0; }

.input-text { flex: 1; }
.input-text, .input-time, select {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.9rem;
}
select { min-width: 70px; }

.btn-add {
    padding: 8px 20px;
    background: #4a90d9;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
}
.btn-add:hover { background: #357abd; }