/* 公募ウォッチ 固有（共通は ../css/base.css、営業リストと同じ部品は ../css/app.css）。色は base.css の変数だけを使う */
.filters{grid-template-columns:minmax(180px,2fr) repeat(4,minmax(100px,1fr)) auto}
#count{font-size:11.5px;white-space:nowrap}
.cnt-box{display:flex;gap:8px;align-items:center;align-self:end;padding-bottom:4px}
.viewer{gap:10px}

/* 締切の近さ：過ぎた＝赤、7日以内＝朱、30日以内＝橙、公募が近い＝差し色 */
.lv-over{--lv:var(--add)}
.lv-hot{--lv:var(--warn)}
.lv-near{--lv:var(--caution)}
.lv-soon{--lv:var(--accent)}

/* 上の4つの数 */
.alerts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.al{display:flex;gap:10px;align-items:baseline;text-align:left;font:400 12px var(--font);color:var(--ink);background:var(--panel);border:1px solid var(--rule);border-left:4px solid var(--lv);border-radius:12px;padding:8px 12px;cursor:pointer}
.al .big{font:500 22px var(--mono);color:var(--lv);min-width:1.4em;text-align:right}
.al.zero{color:var(--sub)}
.al.zero .big{color:var(--sub)}
.al:hover{border-color:var(--lv)}
.al[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--lv)}

/* 一覧 */
.list td.due{white-space:nowrap;min-width:7.5em}
.list tr[class*="lv-"] td:first-child{box-shadow:inset 3px 0 0 var(--lv)}
.ut{font:700 11.5px var(--font);color:var(--lv)}
.ut.big{font-size:13px;margin:0;padding:6px 10px;border:1px solid var(--lv);border-radius:10px}
.rk{font:500 12px var(--mono);color:var(--sub);margin-left:4px}

/* 状況の色：すすめ中は差し色系、終わったものは控えめ */
.chip.st-0,.chip.st-1{background:var(--paper);color:var(--ink);border:1px solid var(--rule)}
.chip.st-2,.chip.st-3{background:var(--accent-soft);color:var(--accent)}
.chip.st-4{background:var(--accent);color:var(--accent-ink)}
.chip.st-5{background:var(--accent);color:var(--accent-ink);font-weight:700}
.chip.st-6,.chip.st-7{background:transparent;color:var(--sub);border:1px dashed var(--rule)}

/* 詳しい画面 */
.pttl b{font-weight:500;font-size:15px}
.stpick{display:flex;flex-wrap:wrap;gap:6px}
.pill{font:400 12px var(--font);border-radius:999px;padding:3px 11px;border:1px solid var(--rule);background:var(--panel);color:var(--ink);cursor:pointer}
.pill:hover{border-color:var(--accent);color:var(--accent)}
.pill[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.hint-cell{align-self:end;padding-bottom:6px;line-height:1.4}
.dlg .box .hint{white-space:pre-wrap}

@media (max-width:1100px){.filters{grid-template-columns:1fr 1fr 1fr}.filters .q{grid-column:1/-1}}
@media (max-width:820px){
  .filters{grid-template-columns:1fr 1fr}
  .alerts{grid-template-columns:1fr 1fr}
}