/* duty.html 页面样式（P3-3 CSS下沉阶段A，2026-10-10 从页内 <style> 逐字提取，级联位置不变） */
/* ===== 值班台账 v2 专用内联样式 ===== */
.duty-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 16px;
}
.duty-form-grid .full { grid-column: 1 / -1; }
.duty-form-grid .form-group select,
.duty-form-grid .form-group textarea {
    width: 100%;
    padding: 10px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text-primary);
    font-size: 14px;
    outline: none;
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.2s;
}
.duty-form-grid .form-group select:focus,
.duty-form-grid .form-group textarea:focus {
    border-color: var(--accent);
}
.duty-form-grid .form-group textarea {
    min-height: 56px;
    line-height: 1.5;
}

/* 分区标题 */
.form-section { margin-bottom: 20px; }
.form-section-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--accent);
    margin: 0 0 12px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border);
}

/* 班组 badge */
.badge-group {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 4px;
    font-size: 12px;
    background: rgba(88,166,255,0.1);
    color: var(--blue);
    border: 1px solid rgba(88,166,255,0.2);
}

.badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 12px;
    white-space: nowrap;
}
.badge-done {
    color: var(--success);
    background: rgba(63,185,80,0.1);
    border: 1px solid rgba(63,185,80,0.3);
}
.badge-undone {
    color: var(--warning);
    background: rgba(210,153,29,0.1);
    border: 1px solid rgba(210,153,29,0.3);
}

/* 事项卡片 */
.items-empty {
    text-align: center;
    padding: 24px;
    color: var(--text-secondary);
    font-size: 13px;
}
.item-card {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 12px;
    margin-bottom: 12px;
    background: var(--bg-input);
}
.item-card-header {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.item-card-header .item-seq {
    font-weight: 600;
    color: var(--accent);
    white-space: nowrap;
    font-size: 13px;
}
.item-card-header .item-work-content {
    flex: 1;
    min-width: 120px;
}
.item-card-header .item-time { width: 90px; }
.item-card-header .item-done { width: 90px; }
.item-card-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.item-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.item-card input[type="text"],
.item-card input[type="time"],
.item-card select,
.item-card textarea {
    width: 100%;
    padding: 8px 10px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text-primary);
    font-size: 13px;
    outline: none;
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.2s;
}
.item-card input:focus,
.item-card select:focus,
.item-card textarea:focus {
    border-color: var(--accent);
}
.item-card .combobox { position: relative; }
.item-card .combobox-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    max-height: 240px;
    overflow-y: auto;
}
.item-card-footer {
    margin-top: 8px;
    text-align: right;
}
.btn-to-maint {
    background: var(--bg-card);
    color: var(--blue);
    border: 1px solid rgba(88,166,255,0.3);
    font-size: 12px;
}
.btn-to-maint:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.btn-to-maint.maint-done {
    background: rgba(63,185,80,0.15);
    color: var(--success);
    border-color: rgba(63,185,80,0.3);
    opacity: 1;
}
.btn-add-item {
    background: var(--bg-input);
    color: var(--accent);
    border: 1px dashed var(--border);
    width: 100%;
    padding: 8px;
    cursor: pointer;
}
.btn-add-item:hover {
    border-color: var(--accent);
}

/* 工具栏 */
.toolbar input[type="date"] {
    padding: 8px 10px;
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text-primary);
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}
.toolbar input[type="date"]:focus { border-color: var(--accent); }
.toolbar input[type="text"] { min-width: 200px; }

@media (max-width: 768px) {
    .duty-form-grid { grid-template-columns: 1fr; }
    .item-row-2 { grid-template-columns: 1fr; }
    .item-card-header .item-work-content,
    .item-card-header .item-time,
    .item-card-header .item-done { width: 100%; flex: none; }
    .toolbar input[type="text"] { min-width: auto; width: 100%; }
    /* 覆盖全局移动端卡片化规则：值班台账保持表格 + 横向滚动 */
    .table-container {
        overflow-x: auto !important;
        background: var(--bg-card);
        border: 1px solid var(--border);
        border-radius: var(--radius);
    }
    thead { display: table-header-group; }
    #duty-tbody tr { display: table-row; }
    #duty-tbody td {
        display: table-cell;
        border: 1px solid var(--border);
        padding: 8px 10px;
        white-space: nowrap;
    }
    #duty-tbody td:nth-child(8) { white-space: normal; max-width: 140px; }
}