/* The weekly log sheet, shared by Home and Lead Engine. */
html.sheet-open{overflow:hidden}
.sheet-dim{position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.6);opacity:0}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:92dvh;overflow-y:auto;background:var(--card);color:var(--ink);border-top:1px solid var(--line);
  border-radius:var(--r) var(--r) 0 0;padding:24px max(20px,env(safe-area-inset-left,0px)) max(24px,env(safe-area-inset-bottom,0px));transform:translateY(100%)}
.sheet-dim.open{opacity:1}
.sheet.open{transform:none}
.sheet[hidden],.sheet-dim[hidden],.sheet [hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.sheet{transition:transform .2s ease}.sheet-dim{transition:opacity .2s ease}}
.sheet h2{margin:0;font-size:20px;font-weight:600}
.sheet .sub{margin:4px 0 0;font-size:14px;color:var(--ink-2)}
.sheet .field{display:block;width:100%;height:44px;margin-top:4px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card);color:var(--ink);font:inherit;font-size:16px}
.sheet .field::placeholder{color:var(--ink-3)}
.sheet select.field{margin-top:16px}
.sheet textarea.field{height:auto;min-height:88px;padding:10px 12px;resize:none}
.sheet .field:focus-visible,.sheet button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.sheet .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
@media (min-width:640px){.sheet .fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sheet .lab{display:block;font-size:13px;color:var(--ink-2);white-space:nowrap}
.sheet .hint{margin:12px 0 0;font-size:13px;color:var(--ink-2)}
.sheet .save{display:block;width:100%;height:48px;margin-top:16px;border-radius:999px;background:var(--btn);color:var(--btn-ink);font-weight:500;font-size:15px}
.sheet .k{margin:20px 0 8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.sheet .ask{background:var(--raised);border-radius:20px;padding:16px}
.sheet .q{margin:0 0 12px;font-size:17px;font-weight:600}
.sheet .answers{display:flex;flex-wrap:wrap;gap:8px}
.sheet .answers button{min-height:44px;border-radius:999px;padding:0 16px;font-size:14px;font-weight:500;background:var(--card);color:var(--ink-2)}
.sheet .answers button[aria-pressed="true"]{background:var(--btn);color:var(--btn-ink)}
/* Desktop: a centred box instead of a full-width sheet from the bottom. */
@media (min-width:768px){
  .sheet{left:50%;right:auto;top:50%;bottom:auto;width:min(560px,calc(100vw - 48px));max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:var(--r);padding:28px;
    transform:translate(-50%,-50%) scale(.97);opacity:0;box-shadow:0 24px 64px rgba(0,0,0,.35)}
  .sheet.open{transform:translate(-50%,-50%);opacity:1}
  .sheet .fields,.sheet .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:768px) and (prefers-reduced-motion:no-preference){.sheet{transition:transform .18s ease,opacity .18s ease}}
/* The week picker draws its own arrow, inset from the edge. */
.sheet select.field{appearance:none;-webkit-appearance:none;padding:0 44px 0 14px;background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B1BAC6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
[data-theme="light"] .sheet select.field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5462' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
/* Logged or not, under the week picker; unlogged boxes show faint "was" hints that can't pass for entries. */
.sheet .logstate{display:flex;align-items:center;min-height:28px;margin:10px 0 0;font-size:13px;color:var(--ink-2)}
.sheet .logstate.done{color:var(--ink);font-weight:600}
.sheet input.field::placeholder{color:var(--ink-3);opacity:.55;font-size:14px}