/* [drt_account_dashboard] 내 계정 대시보드 (drt-design-guide, 2026-10-05). 값은 디자인 가이드 토큰을 직접 쓴다(내 계정 첫 화면에는 core 토큰이 없을 수 있음).
   링크는 파랑 #1155CC, 칩·선은 녹색, 상태 배지는 내 계정 탭과 같은 색. */
.drt-dash{display:grid;gap:22px;color:#313436;font-size:15px;line-height:1.5;}
.drt-dash a{color:#1155CC;text-decoration:underline;text-underline-offset:2px;}
.drt-dash a:hover{color:#0B3F99;}
.drt-dash__hello h2{margin:0;font-size:22px;line-height:1.35;font-weight:700;color:#020F16;letter-spacing:-0.02em;}
.drt-dash__hello p{margin:4px 0 0;font-size:15px;color:#6B7471;}
.drt-dash__todo{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px 16px;border:1px solid #F0D86E;border-radius:8px;background:#FFF9E6;color:#9A5B00;}
.drt-dash__todo a{font-weight:600;}
.drt-dash__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;}
.drt-dash__head h3{margin:0;font-size:17px;line-height:1.4;font-weight:700;color:#020F16;}
.drt-dash__head span{font-size:13px;color:#6B7471;}
.drt-dash__trips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.drt-dash__trip{display:grid;align-content:start;gap:10px;padding:16px;border:1px solid #DFE4E2;border-radius:8px;background:#fff;min-width:0;}
.drt-dash__trip-top{display:flex;justify-content:space-between;align-items:center;}
.drt-dash__kind{font-size:13px;font-weight:600;color:#313436;}
.drt-dash__dday{font-size:15px;font-weight:700;color:#1F7A55;font-variant-numeric:tabular-nums;}
.drt-dash__vendor{display:flex;align-items:center;gap:10px;min-width:0;font-weight:600;color:#020F16;}
.drt-dash__vendor img{display:block;height:28px;width:auto;max-width:120px;object-fit:contain;}
.drt-dash__vbox{display:inline-flex;align-items:center;min-height:28px;padding:2px 8px;border:1px solid #DFE4E2;border-radius:4px;font-size:13px;font-weight:700;color:#313436;}
.drt-dash__rows{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:14px;}
.drt-dash__rows dt{color:#6B7471;font-weight:400;}
.drt-dash__rows dd{margin:0;color:#313436;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.drt-dash__trip-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #E6E8E7;}
.drt-dash__trip-foot a{font-size:14px;font-weight:600;}
.drt-dash__status{display:inline-block;height:20px;line-height:20px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;background:#F2F3F2;color:#313436;}
.drt-dash__status.status-confirmed,.drt-dash__status.status-payment-completed{background:#F0FAF5;color:#1F7A55;}
.drt-dash__status.status-onrequest,.drt-dash__status.status-pending{background:#FFF9E6;color:#9A5B00;}
.drt-dash__counts{display:flex;flex-wrap:wrap;gap:6px 18px;}
.drt-dash__counts b{font-variant-numeric:tabular-nums;}
.drt-dash__help{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;padding:14px 16px;border-radius:8px;background:#F0FAF5;font-size:14px;}
.drt-dash__help a{color:#313436;text-decoration:none;}
.drt-dash__help a.drt-dash__tel{font-size:16px;font-weight:700;color:#020F16;}
.drt-dash__empty{display:grid;gap:14px;padding:22px;border:1px dashed #C9D3CE;border-radius:8px;}
.drt-dash__empty p{margin:0;}
.drt-dash__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.drt-dash__chips span{width:64px;font-size:14px;font-weight:700;color:#020F16;}
.drt-dash a.drt-dash__chip{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid #C9D3CE;border-radius:4px;background:#fff;color:#313436;font-size:15px;font-weight:600;text-decoration:none;}
.drt-dash a.drt-dash__chip:hover{border-color:#36B77C;background:#F0FAF5;color:#1F7A55;}
.drt-dash a:focus-visible{outline:2px solid #2E9970;outline-offset:2px;}
@media (max-width:1024px){.drt-dash__trips{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){
  .drt-dash__trips{grid-template-columns:1fr;}
  .drt-dash__hello h2{font-size:20px;}
  .drt-dash__chips span{width:100%;}
}