/* 메인 화면의 마감 띠 — 이번 달 세무일정에서 임박한 것만 보여 줍니다. */
.duebar{display:block;margin:0 0 26px;padding:18px 22px;border-radius:20px;
  background:linear-gradient(135deg,var(--light-tint),#ffffff70);
  border:1px solid color-mix(in srgb,var(--light-border) 80%,white);
  box-shadow:0 4px 16px color-mix(in srgb,var(--light-accent) 4%,transparent),inset 0 1px #fff;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.duebar[hidden]{display:none}

.duebar-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.duebar-head b{font-size:13px;font-weight:600;color:var(--light-fg);letter-spacing:-.01em}
.duebar-head .when{font-size:11.5px;color:var(--light-muted)}
.duebar-head .sp{flex:1}
.duebar-head a{font-size:11.5px;color:var(--light-accent);border-bottom:1px solid transparent}
.duebar-head a:hover{border-bottom-color:currentColor}

.duebar ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.duebar li{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:baseline}
.duebar .dd{font:600 11px Manrope,sans-serif;letter-spacing:.02em;padding:3px 9px;border-radius:999px;
  background:#ffffff9c;border:1px solid var(--light-border);color:var(--light-muted);white-space:nowrap}
.duebar li.urgent .dd{background:var(--light-accent);border-color:var(--light-accent);color:#fff}
.duebar .dt{font:600 12.5px var(--f-mono,monospace);color:var(--light-accent);white-space:nowrap}
.duebar .tx{font-size:13px;color:var(--light-fg);line-height:1.5}
.duebar .who{font-size:11px;color:var(--light-muted);margin-left:6px}
.duebar .none{font-size:12.5px;color:var(--light-muted)}
.duebar .warn{margin-top:10px;font-size:11.5px;color:var(--light-muted)}

@media (max-width:560px){
  .duebar{padding:16px 17px;border-radius:17px}
  .duebar li{grid-template-columns:auto 1fr;row-gap:2px}
  .duebar .tx{grid-column:1 / -1}
}