/* Live search subscriptions */
.subscriptions-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 70px; align-items: end; padding-block: 76px 54px; }
.subscriptions-hero h1 { max-width: 820px; margin: 10px 0 15px; font-size: clamp(45px, 6vw, 82px); line-height: .96; letter-spacing: -.065em; }
.subscriptions-hero h1 em { color: var(--muted); font-style: normal; font-weight: 430; }
.subscriptions-hero p { max-width: 720px; color: var(--muted); margin: 0; font-size: 12px; line-height: 1.75; }
.subscriptions-principles { display: grid; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: rgba(15,19,28,.76); }
.subscriptions-principles article { display: grid; grid-template-columns: 100px 1fr; gap: 16px; align-items: center; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.subscriptions-principles article:last-child { border-bottom: 0; }
.subscriptions-principles strong { font-size: 12px; }
.subscriptions-principles span { color: var(--muted); font-size: 9px; line-height: 1.5; }

.subscriptions-builder { padding-top: 32px; }
.subscriptions-builder code { color: var(--accent); font-size: .92em; }
.subscriptions-builder form { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(220px, .7fr) auto; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: rgba(15,19,28,.72); }
.subscriptions-builder label { display: grid; gap: 7px; }
.subscriptions-builder label span { color: var(--dim); font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.subscriptions-builder input { width: 100%; min-height: 44px; padding: 0 13px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: rgba(4,6,10,.6); outline: none; }
.subscriptions-builder input:focus { border-color: rgba(86,200,255,.5); box-shadow: 0 0 0 3px rgba(86,200,255,.08); }
.subscriptions-builder button, .refresh-saved-searches { min-height: 44px; align-self: end; padding: 0 16px; border: 1px solid rgba(86,200,255,.28); border-radius: 10px; color: #ecfaff; background: rgba(86,200,255,.11); cursor: pointer; font-weight: 760; }
.subscriptions-builder button:hover, .refresh-saved-searches:hover { border-color: rgba(86,200,255,.55); background: rgba(86,200,255,.17); }
.subscription-status { min-height: 22px; color: var(--muted); margin: 9px 3px 0; font-size: 9px; }
.subscription-status.is-ok { color: var(--green); }
.subscription-status.is-error { color: #ff8790; }

.saved-search-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.saved-search-card { min-width: 0; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: rgba(15,19,28,.78); transition: border-color .2s ease, transform .2s ease, background .2s ease; }
.saved-search-card:hover { transform: translateY(-2px); border-color: var(--line-strong); background: var(--panel-2); }
.saved-search-card.has-unread { border-color: rgba(85,232,158,.32); box-shadow: inset 0 0 0 1px rgba(85,232,158,.05); }
.saved-search-card.has-error { border-color: rgba(255,124,134,.3); }
.saved-search-card header { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.saved-search-card header span { color: var(--blue); font-size: 7px; font-weight: 850; letter-spacing: .1em; }
.saved-search-card.has-unread header span { color: var(--green); }
.saved-search-card h3 { margin: 5px 0 0; font-size: 18px; line-height: 1.2; }
.saved-search-card header > strong { flex: 0 0 auto; min-width: 48px; text-align: right; font-size: 25px; letter-spacing: -.04em; }
.saved-search-card > code { display: block; margin-top: 13px; padding: 9px 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.045); border-radius: 8px; color: #b9c4d4; background: rgba(3,5,8,.4); text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.saved-search-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; color: var(--dim); font-size: 7px; }
.saved-search-meta .is-error { width: 100%; color: #ff8790; }
.saved-search-card footer { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--line); }
.saved-search-card footer :is(a,button) { min-height: 30px; display: inline-flex; align-items: center; padding: 0 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: rgba(255,255,255,.025); cursor: pointer; font: inherit; font-size: 8px; text-decoration: none; }
.saved-search-card footer :is(a,button):hover { color: #fff; border-color: var(--line-strong); }
.saved-search-card footer .is-primary { color: #dff8ff; border-color: rgba(86,200,255,.28); background: rgba(86,200,255,.08); }
.saved-search-card footer .is-danger { margin-left: auto; color: #ff9ca3; }
.saved-search-empty { grid-column: 1 / -1; padding: 38px; border: 1px dashed var(--line); border-radius: 16px; color: var(--muted); text-align: center; }
.refresh-saved-searches { min-height: 36px; align-self: center; }
.refresh-saved-searches:disabled, .subscriptions-builder button:disabled { opacity: .5; cursor: progress; }

.subscription-channel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.subscription-channel-grid article { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.018); }
.subscription-channel-grid article > span { color: var(--accent); font-size: 8px; font-weight: 850; letter-spacing: .11em; }
.subscription-channel-grid h3 { margin: 9px 0 7px; font-size: 17px; }
.subscription-channel-grid p { min-height: 66px; color: var(--muted); margin: 0 0 14px; font-size: 9px; line-height: 1.65; }
.subscription-channel-grid a { color: var(--blue); font-size: 9px; }

.search-subscription-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; margin-top: 20px; margin-bottom: 74px; padding: 18px 20px; border: 1px solid rgba(86,200,255,.18); border-radius: 16px; background: linear-gradient(120deg, rgba(86,200,255,.07), rgba(124,103,255,.04)); }
.search-subscription-bar strong { display: block; margin-top: 5px; font-size: 15px; }
.search-subscription-bar p { color: var(--muted); margin: 5px 0 0; font-size: 9px; line-height: 1.55; }
.search-subscription-actions { display: flex; flex-wrap: wrap; justify-content: end; gap: 7px; }
.search-subscription-actions :is(button,a), .subscription-secondary { min-height: 34px; display: inline-flex; align-items: center; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); background: rgba(5,8,12,.55); cursor: pointer; font: inherit; font-size: 8px; text-decoration: none; }
.search-subscription-actions :is(button,a):hover, .subscription-secondary:hover { color: #fff; border-color: rgba(86,200,255,.4); }
.search-subscription-actions button[data-saved="true"] { color: var(--green); border-color: rgba(85,232,158,.3); }

@media (max-width: 980px) {
  .subscriptions-hero { grid-template-columns: 1fr; gap: 30px; }
  .saved-search-list { grid-template-columns: 1fr; }
  .subscription-channel-grid { grid-template-columns: 1fr; }
  .subscription-channel-grid p { min-height: 0; }
}

@media (max-width: 760px) {
  .subscriptions-hero { padding-top: 52px; }
  .subscriptions-builder form { grid-template-columns: 1fr; }
  .subscriptions-builder button { width: 100%; }
  .search-subscription-bar { grid-template-columns: 1fr; margin-bottom: 56px; }
  .search-subscription-actions { justify-content: start; }
}

@media (max-width: 460px) {
  .subscriptions-principles article { grid-template-columns: 1fr; gap: 4px; }
  .saved-search-card footer .is-danger { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .saved-search-card { transition: none; }
}