.board-page{padding:var(--space-4);max-width:960px;margin:0 auto}.board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.board-header-left{display:flex;align-items:center;gap:10px}.board-header-title{margin:0;font-size:20px;font-weight:700}.board-badge{font-size:12px;color:var(--text-tertiary);background:var(--surface-2);border-radius:12px;padding:2px 10px}.board-btn-new{border:none;border-radius:var(--radius-md);padding:8px 16px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s,color .2s}.board-btn-new.open{background:var(--surface-2);color:var(--text-primary)}.board-btn-new.closed{background:var(--primary-500);color:#fff}.board-filters{display:flex;gap:8px;margin-bottom:var(--space-3);flex-wrap:wrap}.board-filter-btn{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.board-filter-btn.active{border-color:var(--primary-400);background:var(--primary-50, #EFF6FF);color:var(--primary-500)}@media(max-width:768px){.board-page{padding:var(--space-3)}.board-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.board-header-left{min-width:0;flex-wrap:wrap}.board-btn-new{justify-content:center;width:100%}.board-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.board-filter-btn{flex:0 0 auto}}.board-form{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--space-4);margin-bottom:var(--space-4);animation:slideDown .2s ease}.board-form-field{margin-bottom:12px}.board-form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.board-form-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-default);background:var(--surface-0);font-size:14px;color:var(--text-primary);box-sizing:border-box}.board-form-textarea{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-default);background:var(--surface-0);font-size:14px;color:var(--text-primary);resize:vertical;box-sizing:border-box;font-family:inherit}.board-form-row{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.board-form-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:768px){.board-form{padding:var(--space-3)}.board-form-row,.board-form-actions{flex-direction:column}.board-form-actions button{width:100%}}.board-label-chip{padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-secondary)}.board-label-chip.selected{border-width:2px}.board-label-chip.important.selected{border-color:#ef4444;background:#fef2f2;color:#ef4444}.board-label-chip.info.selected{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.board-label-chip.shift.selected{border-color:#8b5cf6;background:#f5f3ff;color:#8b5cf6}.board-staff-chip{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-secondary)}.board-staff-chip.selected{border-color:var(--primary-400);background:var(--primary-50, #EFF6FF);color:var(--primary-500);border-width:2px}.board-push-toggle{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-0);color:var(--text-primary);cursor:pointer;box-sizing:border-box}.board-push-toggle.disabled{cursor:not-allowed;opacity:.7}.board-push-toggle input{margin-top:3px}.board-push-toggle-icon{color:var(--primary-500);line-height:1;margin-top:2px}.board-push-toggle strong{display:block;font-size:13px;margin-bottom:2px}.board-push-toggle small{display:block;color:var(--text-tertiary);font-size:11px;line-height:1.5}.board-push-note{margin-top:4px;font-size:11px;color:var(--text-tertiary)}.board-list{display:grid;gap:10px}.board-card{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;transition:border-color .2s}.board-card:hover{border-color:var(--primary-200, #c7d2fe)}.board-card.expired{opacity:.65}.board-card-header{padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:12px}.board-card-info{flex:1;min-width:0}.board-card-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.board-card-title{font-weight:700;font-size:14px}.board-label-tag{font-size:10px;border-radius:10px;padding:1px 8px;font-weight:600}.board-label-tag.important{background:#fef2f218;color:#ef4444}.board-label-tag.info{background:#eff6ff18;color:#3b82f6}.board-label-tag.shift{background:#f5f3ff18;color:#8b5cf6}.board-card-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-tertiary);flex-wrap:wrap}.board-card-meta-item{display:flex;align-items:center;gap:3px}.board-unread-count{color:#ef4444;font-weight:700}.board-card-body{padding:0 16px 16px;border-top:1px solid var(--border-subtle)}.board-card-content{padding:12px 16px;margin:12px 0;background:var(--surface-0);border-radius:8px;font-size:13px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap}.board-unread-reminder{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:0 0 12px;border:1px solid rgba(239,68,68,.18);border-radius:8px;background:#ef44440f}.board-unread-reminder div{min-width:0;display:flex;flex-direction:column;gap:2px}.board-unread-reminder strong{font-size:12px;color:#b91c1c}.board-unread-reminder span{font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-unread-reminder button{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 12px;border:0;border-radius:7px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.board-unread-reminder button:disabled{cursor:not-allowed;opacity:.55}.board-attachments{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.board-attachment-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--surface-2);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background .15s;border:none}.board-attachment-item:hover{background:var(--primary-50, #EFF6FF);color:var(--primary-500)}.board-attachment-preview{max-width:200px;max-height:150px;border-radius:8px;object-fit:cover;margin-top:6px}.board-comments{margin-top:12px}.board-comment{padding:8px 12px;margin-bottom:6px;background:var(--primary-50, #EFF6FF);border-radius:8px;border:1px solid var(--primary-100, #DBEAFE)}.board-comment-header{display:flex;justify-content:space-between;margin-bottom:4px}.board-comment-author{font-size:12px;font-weight:600;color:var(--primary-600, #4f46e5)}.board-comment-time{font-size:10px;color:var(--text-tertiary)}.board-comment-body{font-size:13px;color:var(--text-primary);white-space:pre-wrap}.board-comment-form{display:flex;gap:8px;margin-top:8px;align-items:flex-end}.board-comment-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-default);background:var(--surface-0);font-size:13px;color:var(--text-primary);font-family:inherit;resize:none}.board-comment-submit{padding:8px 14px;border-radius:8px;border:none;background:var(--primary-500);color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}.board-comment-submit:disabled{opacity:.5;cursor:not-allowed}.board-read-list{margin-top:8px;font-size:11px;color:var(--text-tertiary)}.board-expired-section{margin-top:var(--space-4)}.board-expired-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface-1);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;font-size:13px;color:var(--text-secondary);font-weight:600;width:100%}.board-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary);background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.board-file-input{display:none}.board-file-btn{padding:6px 12px;border-radius:8px;border:1px dashed var(--border-default);background:var(--surface-0);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:border-color .15s,color .15s}.board-file-btn:hover{border-color:var(--primary-400);color:var(--primary-500)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}