/* Personal to-do pages and their existing child flows. */
#myTodosPage,
.todo-design-flow :is(#myBusinessRecordsPage,#endBusinessModal) {
  --pf-brown:#482600;
  --pf-brown-light:#71441e;
  --pf-cream:#f4d6a6;
  --pf-bg:#fff5e6;
  --pf-yellow:#eeaa20;
  --pf-card:#f9e4c3;
}
#myTodosPage { max-width:480px; padding:22px 15px 40px; color:var(--pf-brown); }
.todo-page-heading { display:grid; grid-template-columns:36px 1fr 36px; align-items:center; gap:10px; }
.todo-page-heading h1 { margin:0; text-align:center; font-size:20px; }
#myTodosPage #backFromMyTodosBtn { width:36px; height:36px; margin:0; padding:0; border:0; border-radius:50%; background:var(--pf-cream); color:var(--pf-brown); font-size:20px; }
.todo-page-intro { margin:12px 0 22px; text-align:center; font-size:12px; color:var(--pf-brown-light); }
#myTodosPage .business-management-filters { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:16px; padding:14px; background:white; border:1px solid #dfb77e; border-radius:18px; }
#myTodosPage .business-management-filters label { display:flex; flex-direction:column; min-width:0; gap:7px; color:var(--pf-brown-light); font-size:12px; }
#myTodosPage input,#myTodosPage select { width:100%; min-width:0; height:40px; padding:8px; border:1px solid #d9ba91; border-radius:10px; background:var(--pf-bg); color:var(--pf-brown); font:inherit; }
.todo-counts { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.todo-counts p { display:flex; flex-direction:column; gap:8px; margin:0; padding:16px; border:1px solid #dfb77e; border-radius:18px; background:var(--pf-cream); }
.todo-counts p+p { background:#fff0d9; }
#myTodosCount { background:#f8b62d; border-color:#f8b62d; }
.todo-counts span { font-size:12px; color:var(--pf-brown-light); }
.todo-counts strong { font-size:28px; line-height:32px; }
.todo-counts small { font-size:12px; font-weight:400; }
#myTodosPage .todo-section-heading { margin:24px 0 12px; font-size:16px; }
.todo-section-help { margin:-4px 0 12px; font-size:11px; line-height:18px; color:var(--pf-brown-light); }
#myTodosPage .todo-item { margin:0 0 12px; padding:16px; border:1px solid #dfb77e; border-radius:20px; background:linear-gradient(125deg,#fff8ed,#f9e4c3); box-shadow:none; }
.todo-item header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.todo-category { font-size:13px; font-weight:700; }
.todo-state { border-radius:20px; padding:4px 10px; background:var(--pf-cream); color:var(--pf-brown-light); font-size:11px; }
.todo-date { font-size:16px; }
.todo-item p { margin:8px 0 14px; font-size:12px; line-height:20px; color:var(--pf-brown-light); overflow-wrap:anywhere; }
.todo-item footer { display:flex; justify-content:flex-end; }
#myTodosPage .todo-item button { margin:0; padding:8px 14px; border:0; border-radius:24px; background:var(--pf-yellow); color:var(--pf-brown); font-size:12px; }
#myTodosPage .todo-item-waiting button { background:var(--pf-cream); }
.todo-item button span { margin-left:12px; }
.todo-empty { padding:24px 16px; text-align:center; background:#fff; border:1px dashed #d9ba91; border-radius:20px; }
.todo-empty > span { display:grid; place-items:center; width:36px; height:36px; margin:0 auto 12px; background:var(--pf-cream); border-radius:50%; }
.todo-empty strong { font-size:14px; }
.todo-empty p { margin:8px 0 0; font-size:12px; line-height:20px; color:var(--pf-brown-light); }
.todo-empty-small { padding:16px; }
.todo-empty-small p { margin:0; }
.todo-design-flow :is(button,input,select,textarea):focus-visible { outline:2px solid var(--pf-yellow); outline-offset:3px; }
/* Read-only business detail uses the same visual language as the close receipt. */
.todo-design-flow #myBusinessRecordsPage { max-width:480px; padding:22px 15px 40px; color:var(--pf-brown); }
.todo-design-flow #myBusinessRecordsPage h1 { font-size:20px; }
.todo-design-flow #myBusinessRecordsPage > label { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; }
.todo-design-flow #myBusinessRecordsPage input { padding:8px; border:1px solid #dfb77e; border-radius:12px; color:var(--pf-brown); background:white; }
.todo-design-flow #myBusinessRecordsPage > p { font-size:11px; line-height:18px; color:var(--pf-brown-light); }
.todo-design-flow #myBusinessRecordsPage .card { padding:14px; border:1px solid #dfb77e; border-radius:20px; background:white; }
.todo-design-flow .business-record-date { padding:12px; border:1px solid #dfb77e; border-radius:12px; background:var(--pf-bg); font-size:12px; }
.todo-design-flow .business-record-date[aria-pressed="true"] { background:var(--pf-cream); }
.todo-design-flow .business-daily-record { font-size:13px; line-height:22px; overflow-wrap:anywhere; }
.todo-design-flow .business-daily-record h3 { font-size:15px; }
.todo-design-flow .business-record-history { padding:10px 12px; border:1px solid #d9ba91; border-radius:12px; background:var(--pf-bg); }
.todo-design-flow #backFromMyBusinessRecordsBtn { border:0; border-radius:24px; background:var(--pf-cream); color:var(--pf-brown); font-size:12px; }