/* Velden (1.68) */
.fld-list { display: flex; flex-direction: column; gap: 14px; }
.fld-card { display: flex; flex-direction: column; gap: 12px; }
.fld-card.focus { box-shadow: 0 0 0 3px #79b2ea; }
.fld-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fld-tog { background: none; border: 0; font-size: 16px; cursor: pointer; color: #636b7e; width: 22px; padding: 0; }
.fld-name { font-weight: 700; font-size: 16px; flex: 1; min-width: 180px; max-width: 360px; }
.fld-now { display: inline-flex; align-items: baseline; gap: 8px; background: #eef5fd; color: #05002d; border-radius: 999px; padding: 5px 12px; max-width: 100%; }
.fld-now small { text-transform: uppercase; letter-spacing: .06em; font-size: 11px; font-weight: 700; color: #2f7fc7; }
.fld-now span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 420px; }
.fld-rules { display: flex; flex-direction: column; gap: 8px; }
.fld-rh { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.fld-rh small { color: #636b7e; }
.fld-rule { border: 1px solid #dfe4ee; border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; background: #fafbfd; }
.fld-rule-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fld-rule-top .grow { flex: 1; }
.fld-rule-top .icon { background: none; border: 1px solid #dfe4ee; border-radius: 6px; width: 28px; height: 28px; cursor: pointer; color: #171a2b; }
.fld-rule-top .icon:disabled { opacity: .35; cursor: default; }
.fld-n { width: 22px; height: 22px; border-radius: 50%; background: #05002d; color: #fff; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.fld-days { display: flex; gap: 4px; flex-wrap: wrap; }
.fld-day { border: 1px solid #c9d2e3; background: #fff; color: #171a2b; border-radius: 999px; padding: 3px 10px; font-size: 13px; cursor: pointer; font-weight: 600; }
.fld-day.on { background: #2f7fc7; border-color: #2f7fc7; color: #fff; }
.fld-when { display: flex; gap: 8px 14px; flex-wrap: wrap; }
.fld-when label { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; font-size: 13px; color: #636b7e; }
.fld-when input { width: auto; }
.fld-rule textarea { width: 100%; }
.fld-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.fld-week > div { background: #f3f5f9; border-radius: 6px; padding: 6px 8px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fld-week small { color: #636b7e; font-size: 11px; font-weight: 700; }
.fld-week span { font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.fld-foot { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; border-top: 1px solid #eef1f6; padding-top: 10px; }
.fld-foot small { color: #636b7e; }
.fld-foot .grow { flex: 1; }
.fld-ai-out { display: flex; flex-direction: column; gap: 10px; }
.fld-prop { border: 1px solid #dfe4ee; border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
.fld-prop > div { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.fld-prop small { color: #636b7e; }
.fld-prop del { color: #b4232c; }
.fld-prop ins { color: #1d7a3a; text-decoration: none; font-weight: 600; }
.fld-prop ul { margin: 0; padding-left: 18px; }
.fld-prop-now span { font-weight: 600; color: #05002d; }
.pp-field.on, .pp-live.on { background: #eef5fd; border-radius: 8px; padding: 8px; }
.pp-live { display: flex; flex-direction: column; gap: 4px; margin-bottom: 4px; } .pp-live small { color: #636b7e; }
.pp-fieldnow { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
.pp-fieldnow small { color: #636b7e; }
@media (max-width: 720px) { .fld-week { grid-template-columns: repeat(4, minmax(0, 1fr)); } }