/* note_p.css
 * 文件：note/css/note_p.css
 * 说明：个人笔记列表页样式（note/note_p.php）。
 *      与 /office/index.php 类似，本页采用统一的 sidebar + main 布局，
 *      CSS 仅约束"主内容区卡片 / 筛选条 / 标签 / 列表行"等本页特有元素。
 */

body{
    background:#f5f7fb;
}

.note-wrap{
    max-width:1200px;
    margin:0 auto;
    padding:18px;
}

.note-card{
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
    padding:16px;
    margin-bottom:16px;
}

.note-title{
    font-size:22px;
    font-weight:700;
    color:#1f2937;
    margin:0;
}

.note-subtitle{
    color:#6b7280;
    margin-top:6px;
}

.note-topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.note-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}

.note-actions a{
    text-decoration:none;
}

.note-filters{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
}

.note-filters input[type='text']{
    height:34px;
    padding:0 10px;
    border:1px solid #e5e7eb;
    border-radius:8px;
    outline:none;
}

.note-pills{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}

.note-pill{
    display:inline-block;
    padding:6px 10px;
    border:1px solid rgba(102,126,234,.25);
    border-radius:999px;
    color:#3b49d8;
    background:rgba(102,126,234,.08);
    text-decoration:none;
    font-size:13px;
}

.note-table-wrap{
    overflow:auto;
}

.note-table{
    width:100%;
}

.note-table td, .note-table th{
    white-space:nowrap;
}

.note-row-rank{
    background:rgba(250, 204, 21, .25);
}

.note-category-dev{ background:#aaffff; }
.note-category-work{ background:#ffaaaa; }
.note-category-life{ background:#aaffaa; }