/* 秘書の板 v0（v0.23）。色は app.css の変数（明暗とも）を使う。 */
.pb{max-width:860px;margin:0 auto;padding:4px 2px 24px;}
.pb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.pb-title{font-weight:700;font-size:17px;color:var(--ink);}
.pb-note{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--ink);border-radius:var(--r);padding:8px 10px;margin-bottom:10px;font-size:13px;}
.pb-empty,.pb-none{color:var(--ink-3);font-size:14px;padding:14px 4px;line-height:1.7;}
.pb-none{padding:6px 4px;font-size:13px;}
.pb-box{margin:14px 0 18px;}
.pb-box h2{font-size:14px;margin:0 0 6px;color:var(--ink-2);display:flex;align-items:center;gap:8px;}
.pb-box h2 small{font-weight:400;color:var(--ink-3);}
.pb-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);}
.pb-row{padding:10px 12px;border-bottom:1px solid var(--line);}
.pb-row:last-child{border-bottom:0;}
.pb-main{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;}
.pb-text{color:var(--ink);font-size:15px;line-height:1.55;flex:1 1 240px;min-width:0;overflow-wrap:anywhere;}
.pb-tag{font-size:11px;padding:1px 6px;border-radius:3px;border:1px solid var(--line-strong);color:var(--ink-2);background:var(--surface-2);white-space:nowrap;}
.pb-k-open{border-color:var(--agent-line);background:var(--agent-soft);color:var(--agent);}
.pb-k-promise,.pb-k-deadline{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent);}
.pb-draft{border-style:dashed;}
.pb-meta{margin-top:4px;font-size:12px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;}
.pb-due{color:var(--warn);font-weight:600;}
.pb-src{background:none;border:0;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer;}
.pb-conf{margin-left:6px;}
.pb-acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
.pb-btn{font:inherit;font-size:13px;min-height:34px;padding:0 12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--r);cursor:pointer;}
.pb-btn:hover{background:var(--surface-2);}
.pb-btn:disabled{opacity:.5;cursor:default;}
@media (max-width:480px){.pb-btn{min-height:40px;}}
.pb-totals{font-size:13px;color:var(--ink-3);padding:2px 4px 8px;}
.pb-more{margin:6px 4px 10px;}