/* =====================================================================
   編輯入口共用樣式 — 四個後台分頁（投稿／醫師檔案／文章審核／人員審核）
   與對外網站維持同一套色票，登入制內部工具，皆 noindex。
   ===================================================================== */
:root{
  --bg:#f4f7f9;--card:#fff;--ink:#1f2d3d;--sub:#5b6b7b;
  --brand:#2c7da0;--brand2:#468faf;--line:#dce4ea;
  --ok:#2e7d52;--warn:#b4651a;--err:#c0392b;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.65}
.wrap{max-width:820px;margin:0 auto;padding:20px 16px 64px}
a{color:var(--brand)}

/* ---- 頂列：回入口 / 登入資訊 ---- */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:18px}
.topbar .back{font-size:.85rem;text-decoration:none;border:1px solid var(--line);
  border-radius:8px;padding:6px 12px;background:#fff;white-space:nowrap}
.topbar .back:hover{background:#eef6fb}
.who{font-size:.85rem;color:var(--sub);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.who a{cursor:pointer}

/* ---- 標題 ---- */
h1{font-size:1.5rem;margin:0 0 4px}
.lead{color:var(--sub);margin:0 0 18px;font-size:.92rem}

/* ---- 卡片 ---- */
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px}
.card h2{font-size:1.05rem;margin:0 0 4px;color:var(--brand)}
.muted{color:var(--sub);font-size:.84rem}
.hint{color:var(--sub);font-size:.83rem;margin:2px 0 12px}

/* ---- 入口卡片格 ---- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.tile{display:block;text-decoration:none;color:inherit;background:var(--card);
  border:1px solid var(--line);border-radius:14px;padding:20px 18px;transition:.15s;position:relative}
.tile:hover{border-color:var(--brand2);box-shadow:0 4px 14px rgba(44,125,160,.10);transform:translateY(-2px)}
.tile .ico{font-size:1.6rem;line-height:1}
.tile h3{margin:10px 0 4px;font-size:1.05rem;color:var(--ink)}
.tile p{margin:0;font-size:.85rem;color:var(--sub)}
.tile .badge{position:absolute;top:14px;right:14px;font-size:.7rem;border-radius:999px;
  padding:2px 8px;background:#eef6fb;color:var(--brand);border:1px solid var(--line)}
.tile.soon{opacity:.6;pointer-events:none}
.tile.soon .badge{background:#fff7ec;color:var(--warn);border-color:#f0d9b8}

/* ---- 表單 ---- */
label{display:block;font-weight:600;font-size:.9rem;margin:10px 0 5px}
.req::after{content:" *";color:var(--err)}
input[type=text],input[type=search],textarea,select{width:100%;padding:10px 12px;
  border:1px solid var(--line);border-radius:9px;font:inherit;background:#fcfdfe;color:var(--ink)}
textarea{resize:vertical;min-height:90px}
.row{display:flex;gap:12px;flex-wrap:wrap}.row>div{flex:1;min-width:180px}

/* ---- 按鈕 ---- */
.btn{background:var(--brand);color:#fff;border:none;border-radius:9px;padding:10px 16px;
  font:inherit;font-weight:600;cursor:pointer}
.btn:hover{background:var(--brand2)}
.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.btn.warn{background:#fff;color:var(--err);border:1px solid #e6c4c0}
.btn.sm{padding:6px 12px;font-size:.85rem}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}

/* ---- 狀態色 ---- */
.msg{font-size:.85rem}.ok{color:var(--ok)}.err{color:var(--err)}
.pill{display:inline-block;font-size:.78rem;border-radius:999px;padding:2px 10px}
.pill.pending,.pill.submitted,.pill.doctor_review{background:#fff7ec;color:var(--warn);border:1px solid #f0d9b8}
.pill.approved,.pill.published{background:#eaf6ef;color:var(--ok);border:1px solid #bfe3cd}
.pill.rejected,.pill.archived{background:#fdecea;color:var(--err);border:1px solid #e6c4c0}
.pill.drafting,.pill.lit_review{background:#eef6fb;color:var(--brand);border:1px solid var(--line)}

/* ---- 列表項 ---- */
.item{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;background:#fff}
.item h4{margin:0 0 6px;font-size:1rem}
pre{white-space:pre-wrap;background:#f7fafc;border:1px solid var(--line);border-radius:8px;
  padding:10px;font-size:.82rem;margin:6px 0}

/* ---- 登入閘門 / 待核可 ---- */
.gate{background:#eef6fb;border:1px solid var(--line);border-radius:12px;padding:28px 20px;text-align:center}
.gate p{color:var(--sub);margin:0 0 14px}

/* ---- 多筆輸入列（專科／學術經歷／認證／獎項） ---- */
.mrow{display:flex;gap:8px;margin-bottom:8px}
.mrow .mval{flex:1}
.mdel{flex:0 0 auto;background:#fff;color:var(--err);border:1px solid #e6c4c0;border-radius:9px;
  width:38px;cursor:pointer;font:inherit}
.mdel:hover{background:#fdecea}
.addrow{background:#fff;color:var(--brand);border:1px dashed var(--brand2);border-radius:9px;
  padding:7px 12px;font:inherit;font-size:.85rem;cursor:pointer;margin-top:2px}
.addrow:hover{background:#eef6fb}

.photo{width:96px;height:96px;border-radius:12px;object-fit:cover;border:1px solid var(--line);background:#f0f4f7}
.hidden{display:none}
footer{color:var(--sub);font-size:.78rem;text-align:center;margin-top:24px}