/* 會議記錄產生器：表單與付費區沿用報價單（.qt-*）；.mn-doc 是會議記錄本體（預覽與列印共用） */
@import url('../quote/style.css');
:root { --accent-soft: #e1e9f3; --mn-ink: #1b2430; --mn-rule: #c9d2d2; }

/* 10/17 分數表②：kit 的輸入框樣式沒涵蓋 type=time，「開始」「散會」是瀏覽器原生的小框（約 25px 高）。照 kit 同一套（kit.css 第 78 行）補上 */
.mn-grid input[type=time] { width: 100%; min-height: 50px; padding: 10px 14px; font: 16px var(--font-body); color: var(--ink); background: #F7FAFC; border: 1.5px solid var(--line-strong); border-radius: var(--radius-sm); appearance: none; -webkit-appearance: none; box-sizing: border-box; }
.mn-opt { margin-top: 4px; }
.row3 { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
/* 分數表第二輪 ②：原本 1fr 讓時間欄的最小寬度把「散會」撐出左欄約 26px */
.row3 input { min-width: 0; }
main > div[class$="-grid"] > form .row3 { margin: 0 0 var(--s3); }
main > div[class$="-grid"] > form .row3 .field { margin-bottom: 0; }
@media (max-width: 420px) { .row3 { grid-template-columns: 1fr 1fr; } .row3 > :first-child { grid-column: 1 / -1; } }

/* 會議類型：6 個，手機兩欄、桌機三欄 */
.mn-types { margin-bottom: 18px; }
.mn-seg { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mn-seg label { flex-direction: column; gap: 1px; min-height: 56px; }
.mn-seg label small { font-weight: 500; font-size: .76rem; opacity: .85; }
@media (min-width: 600px) { .mn-seg { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mn-typenote { margin: 10px 0 0; padding: 10px 14px; background: var(--accent-soft); border-left: 4px solid var(--accent); border-radius: var(--radius-sm); font-size: .9rem; line-height: 1.6; }
.mn-grid[data-type="llc"] .mn-typenote { background: #fbf1e6; border-left-color: #b45309; }

/* 類型各自才有的欄位 */
.mn-grid:not([data-type="owners"]) .mn-only-owners,
.mn-grid:not([data-type="shareholders"]):not([data-type="llc"]) .mn-only-votes,
.mn-grid[data-type="llc"] .mn-only-elect { display: none; }
.mn-only-owners .hint { display: block; margin: 0 0 var(--s3); }
.mn-count { margin: -6px 0 12px; font-size: .88rem; font-weight: 700; color: var(--accent); }
.mn-count:empty { display: none; }
.mn-tdhint { margin: -4px 0 10px; display: block; }

/* 討論事項、待辦、上次待辦：一列一張卡 */
.mn-item-row, .mn-todo-row, .mn-prev-row { position: relative; padding: 12px 14px 2px; margin: 0 0 10px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius-sm); }
.mn-item-row .field, .mn-todo-row .field, .mn-prev-row .field { margin-bottom: 10px; }
.mn-item-row .field > label, .mn-todo-row .field > label, .mn-prev-row .field > label { font-size: .86rem; color: var(--ink-soft); margin-bottom: 4px; }
.mn-rowh { margin: 0 40px 8px 0; font-weight: 800; color: var(--accent); }
.mn-item-row textarea { min-height: 50px; resize: none; overflow: hidden; line-height: 1.5; }
.mn-todo-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
.mn-t-task { grid-column: 1 / -1; padding-right: 40px; }
.mn-prev-t { margin: 0 40px 8px 0; }
.mn-prev-t b { display: block; overflow-wrap: anywhere; }
.mn-prev-t span { font-size: .84rem; color: var(--ink-soft); }
.mn-prev-st { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 10px; }
.mn-prev-st label { min-height: 44px; font-size: .88rem; }
.mn-prev-st label:has(input:checked) { background: #fff; color: var(--accent); box-shadow: 0 2px 6px rgba(2, 40, 80, .15); }
.mn-prevbox[hidden] { display: none; }

/* 會議記錄本體 */
.mn-doc { background: #fff; color: var(--mn-ink); border-radius: 6px; box-shadow: var(--shadow); padding: 28px 24px 20px; font-size: 14px; line-height: 1.7; border-top: 6px solid var(--accent); }
.mn-head { text-align: center; padding-bottom: 12px; border-bottom: 2px solid var(--mn-ink); }
.mn-logo { display: block; max-height: 48px; max-width: 160px; margin: 0 auto 8px; object-fit: contain; }
.mn-head h2 { margin: 0; font: 800 1.35rem/1.35 var(--font-head); overflow-wrap: anywhere; }
.mn-head h2 span { display: block; font-size: .95rem; font-weight: 700; color: var(--ink-soft); margin-top: 2px; }
.mn-head h2 i { font-weight: 400; color: var(--ink-soft); }
.mn-kind { margin: 4px 0 0; font-size: .84rem; letter-spacing: .3em; color: var(--ink-soft); }
.mn-warn { margin: 12px 0 0; padding: 8px 12px; background: #fbf1e6; border-left: 4px solid #b45309; font-size: .86rem; font-weight: 700; }
.mn-meta { width: 100%; border-collapse: collapse; margin: 12px 0 4px; }
.mn-meta th { width: 5.5em; text-align: left; vertical-align: top; padding: 5px 8px 5px 0; font-weight: 700; color: var(--ink-soft); white-space: nowrap; }
.mn-meta td { padding: 5px 0; border-bottom: 1px dashed var(--mn-rule); overflow-wrap: anywhere; }
.mn-names { font-size: .9em; }
.mn-sec { margin-top: 14px; }
.mn-sec h3 { margin: 0 0 6px; font: 800 1rem/1.4 var(--font-head); padding-bottom: 3px; border-bottom: 1px solid var(--mn-rule); }
.mn-sec p { margin: 0 0 6px; overflow-wrap: anywhere; }
.mn-item { padding: 6px 0 4px 12px; border-left: 3px solid var(--accent-soft); margin-bottom: 8px; }
.mn-case { font-weight: 800; }
.mn-todo { width: 100%; border-collapse: collapse; font-size: .92em; }
.mn-todo th { text-align: left; font-size: .8rem; color: var(--ink-soft); padding: 5px 6px; border-bottom: 1px solid var(--mn-ink); background: #f3f6f6; }
.mn-todo td { padding: 6px; border-bottom: 1px solid var(--mn-rule); vertical-align: top; overflow-wrap: anywhere; }
.mn-todo td:nth-child(n+2) { white-space: nowrap; }
.mn-todo small { display: block; color: var(--ink-soft); }
.mn-st { font-weight: 700; }
.mn-st-done { color: var(--ok); }
.mn-st-doing { color: var(--accent); }
.mn-empty { margin: 18px 0; text-align: center; color: var(--ink-soft); }
.mn-adj { margin: 14px 0 0; font-weight: 700; }
.mn-sign { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 18px; }
.mn-sign span { font-size: .8rem; color: var(--ink-soft); }
.mn-sign i { display: block; margin-top: 30px; border-top: 1px solid var(--mn-ink); }
.mn-law { margin: 16px 0 0; font-size: .74rem; color: #6b7280; line-height: 1.5; }
.mn-free { margin: 6px 0 0; font-size: .72rem; color: #5f6b7a; text-align: right; }   /* 10/17 分數表③：#8a94a3 白底 3.07 → 5.43 */
@container (max-width: 460px) {
  .mn-doc { padding: 20px 14px 16px; font-size: 13px; }
  .mn-meta th { width: 5.2em; }
  .mn-todo td:nth-child(n+2) { white-space: normal; }
}

/* 法定期限提醒 */
.mn-due p { margin: 12px 0 0; padding: 10px 12px; background: #fbf6e6; border-radius: var(--radius-sm); font-size: .88rem; line-height: 1.6; }
.mn-due:empty { display: none; }
.qt-actions { grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 520px) { .qt-actions { grid-template-columns: 1fr 1fr; } .qt-actions #qt-pdf { grid-column: 1 / -1; } }
/* 分數表第二輪 ②：「開始新的一份」原本緊接在三顆輸出鈕後面，1280 單獨掉到第二行像第 4 顆輸出鈕 → 用分隔線另成一區 */
.mn-local { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.mn-local .btn { min-height: 44px; padding: 6px 14px; font-size: .9rem; }
.mn-local .btn small { display: block; font-size: .74rem; font-weight: 500; opacity: .8; }
.mn-local .kit-fine { flex-basis: 100%; margin: 0; }

/* 付費區 */
.mn-preset { margin: 14px 0 0; border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 0 14px 10px; background: var(--card); }
.mn-preset > summary { min-height: 48px; display: flex; align-items: center; font-weight: 700; color: var(--accent); cursor: pointer; }
.mn-logo-row { display: flex; align-items: center; gap: 12px; margin: 8px 0 0; }
.mn-logo-row img { max-width: 120px; max-height: 48px; object-fit: contain; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 4px; }
.mn-month { max-width: 220px; }

/* 導流：會議紀錄自動化 */
.mn-meet { margin-top: 28px; padding: 22px 20px; background: var(--accent-soft); border-radius: var(--radius); }
.mn-meet h2 { margin-top: 0; }
.mn-meet p:last-child { margin-bottom: 0; }

@media print {
  .mn-meet, .mn-due, .mn-local, .mn-typenote { display: none !important; }
  .mn-doc { box-shadow: none; border-radius: 0; padding: 0; border-top: 0; font-size: 11pt; }
  .mn-item, .mn-todo tr, .mn-sign { break-inside: avoid; }
}

/* 分數表第二輪 ①③ */
.mn-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mn-jump { display: none; margin-top: 10px; font-weight: 700; color: var(--accent); }
@media (max-width: 959px) { .mn-jump { display: inline-block; } }
@media (max-width: 420px) { .row2.mn-pair { grid-template-columns: 1fr 1fr; } }

/* 分數表第三輪 ②：時間、日期欄空著時，Chromium 是「--:--」「mm/dd/yyyy」、WebKit 是現在時間 → 兩端都蓋上同一句提示（有值或點進去就收起，原生選擇器照用） */
.mn-dt { position: relative; display: block; }
.mn-dt .mn-ph { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #6b7684; font-size: 16px; pointer-events: none; white-space: nowrap; }
.mn-dt[data-v] .mn-ph, .mn-dt:focus-within .mn-ph { display: none; }
.mn-dt:not([data-v]) input:not(:focus),
.mn-dt:not([data-v]) input:not(:focus)::-webkit-datetime-edit,
.mn-dt:not([data-v]) input:not(:focus)::-webkit-date-and-time-value { color: transparent; }

/* 分數表第三輪 ①：空狀態放淡色範例；列印只留提示那一行 */
.mn-sample { opacity: .55; }
.mn-sample-tag { margin: 14px 0 0; padding: 6px 10px; border: 1px dashed var(--line-strong); border-radius: 6px; font-size: .82rem; font-weight: 700; color: var(--ink-soft); text-align: center; }
@media screen { .mn-empty:has(+ .mn-sample) { display: none; } }
@media print { .mn-sample { display: none; } }
/* 分數表第三輪 ③：「每個月都要開會？」框下緣跟下一塊貼在一起 */
.mn-grid .qt-tease { margin-bottom: 18px; }

/* 10/18 主頁換成 v4 開場（Atlas）：
   ① v4 那行小字改成 h1（字照 SEO「會議記錄產生器」）：外觀照 drop.css 的 .d4-who（class 的字級邊界本來就蓋過瀏覽器給 h1 的）
   ② 「怎麼算錢」底下的訂閱鈕（price.js）
   ③ 舊表單收在「我想自己填格子」裡，點了才展開；付費中的人一打開就展開 */
.d4-buy { margin: 14px 0 0; }
.d4-buy .d4-btn { width: 100%; max-width: 360px; }
.d4-buy-msg:empty { display: none; }
.d4-buy-msg, .d4-paid { margin: 8px 0 0; font-size: 15px; line-height: 1.6; }
.d4-paid { padding: 10px 14px; border-radius: 12px; background: #E1ECF6; color: #0E141B; font-weight: 700; }
.mn-classic { margin: 8px 0 0; }
.mn-classic > summary { display: flex; flex-direction: column; gap: 2px; cursor: pointer; list-style: none; min-height: 44px; padding-top: 14px; padding-bottom: 14px; color: var(--accent); font-weight: 800; font-size: 17px; text-decoration: underline; text-underline-offset: 4px; }
.mn-classic > summary::-webkit-details-marker { display: none; }
.mn-classic > summary small { color: var(--ink-soft); font-weight: 400; font-size: 14px; text-decoration: none; }
.mn-classic[open] > summary { text-decoration: none; }
.mn-classic-h { font-size: 1.4rem; }
@media print { .mn-classic > summary { display: none; } }
/* ④ 走教學時（guide.js 在 body 加 d4-guiding）guide.css 會把桌子、「怎麼算錢」、角落那行藏起來。主頁上「怎麼算錢」是唯一的訂閱入口（Atlas 10/18），
   所以教學進行中它照樣接在教學下面；桌子、角落那行照 guide.css 藏著。選擇器多一層 html，才蓋得過後載入的 guide.css（同一條規則權重一樣時後載入的贏） */
html body.d4-guiding #d4-price { display: block; }