/* Trung Đồng – Cộng tác viên. Ưu tiên điện thoại: chữ to, ô bấm lớn. Màu theo bộ nhận diện. */
.tdct{
  --g: var(--wp--preset--color--accent, #1f6b4f);
  --gs: var(--wp--preset--color--accent-soft, #e3efe8);
  --gold: var(--wp--preset--color--gold, #a8720c);
  --ink: var(--wp--preset--color--ink, #1d2622);
  --mut: var(--wp--preset--color--muted, #5d6a63);
  --line: var(--wp--preset--color--line, #dfe4de);
  --surf: var(--wp--preset--color--surface, #fff);
  --red: #b4372b; --reds: #f8e4e1;
  display:grid; gap:18px; max-width:680px;
}
.tdct-card, .tdct-form{ background:var(--surf); border:1px solid var(--line); border-radius:14px; padding:18px; }
.tdct-card h2{ font-size:20px; margin:0 0 12px; }
.tdct-form{ display:grid; gap:16px; }
.tdct-hello{ margin:0; font-size:15px; color:var(--mut); }
.tdct-field{ display:grid; gap:6px; min-width:0; }
.tdct-field > label{ font-weight:700; font-size:16px; }
.tdct-req{ color:var(--red); }
.tdct-opt{ font-weight:500; font-size:13px; color:var(--mut); }
.tdct input[type=text], .tdct input[type=url], .tdct input[type=password], .tdct select, .tdct textarea{
  width:100%; min-height:50px; padding:12px 14px; border:1px solid #c9d2cb; border-radius:10px; background:#fff;
  font:inherit; font-size:16px; color:var(--ink);
}
.tdct textarea{ min-height:120px; line-height:1.6; }
.tdct input:focus, .tdct select:focus, .tdct textarea:focus{ outline:2px solid var(--g); outline-offset:1px; border-color:var(--g); }
.tdct [aria-invalid=true]{ border-color:var(--red); }
.tdct-file{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
.tdct-pick{ display:flex !important; align-items:center; justify-content:center; gap:10px; min-height:64px; border:2px dashed var(--g);
  border-radius:12px; background:var(--gs); color:var(--g); font-weight:700; cursor:pointer; }
.tdct-file:focus-visible + .tdct-previews, .tdct-pick:focus-within{ outline:2px solid var(--g); }
.tdct-previews{ display:grid; grid-template-columns:repeat(auto-fill,minmax(92px,1fr)); gap:8px; }
.tdct-previews:empty{ display:none; }
.tdct-previews figure{ margin:0; position:relative; }
.tdct-previews img{ width:100%; aspect-ratio:1; object-fit:cover; border-radius:8px; display:block; }
.tdct-previews figcaption{ position:absolute; left:4px; bottom:4px; font-size:11px; font-weight:700; background:var(--g); color:#fff; border-radius:999px; padding:2px 7px; }
.tdct-previews .tdct-help, .tdct-previews .tdct-err{ grid-column:1/-1; }
.tdct-check label{ display:flex; gap:10px; align-items:flex-start; font-weight:500; font-size:15px; }
.tdct-check input{ width:22px; height:22px; margin-top:1px; flex:none; }
.tdct-help{ margin:0; font-size:13px; color:var(--mut); }
.tdct-center{ text-align:center; }
.tdct-err{ margin:0; font-size:14px; font-weight:600; color:var(--red); }
.tdct-alert{ padding:12px 14px; border-radius:10px; background:var(--reds); color:var(--red); font-weight:600; }
.tdct-ok{ padding:14px 16px; border-radius:10px; background:var(--gs); color:var(--g); }
.tdct-submit{ width:100%; min-height:56px; font-size:18px !important; font-weight:700 !important; border-radius:12px !important; }
.tdct-submit:disabled{ opacity:.6; }
.tdct-small{ font-size:14px; color:var(--mut); }
/* Form đăng nhập */
.tdct #loginform p{ display:grid; gap:6px; margin:0 0 12px; }
.tdct #loginform label{ font-weight:700; }
.tdct #loginform .login-remember label{ display:flex; gap:8px; align-items:center; font-weight:500; }
.tdct #wp-submit{ width:100%; min-height:52px; border:0; border-radius:10px; background:var(--g); color:#fff; font-size:17px; font-weight:700; cursor:pointer; }
/* Bài đã gửi */
.tdct-mine ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.tdct-mine li{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 10px; align-items:center; border-top:1px dashed var(--line); padding-top:10px; }
.tdct-mine li:first-child{ border-top:0; padding-top:0; }
.tdct-mine .tdct-small{ grid-column:2; }
.tdct-mine-title{ font-weight:600; overflow-wrap:anywhere; }
.tdct-st{ font-size:12px; font-weight:700; padding:4px 9px; border-radius:999px; white-space:nowrap; background:#eef1ed; color:var(--mut); }
.tdct-st-publish{ background:var(--gs); color:var(--g); }
.tdct-st-pending{ background:#fbf1dc; color:var(--gold); }
.tdct-st-draft{ background:var(--reds); color:var(--red); }