/* Outreach Ratings plugin screens 2.13.1 | Infinite Lives. Uses theme tokens with fallbacks. */
.outrat-lede { font-size: 1.08rem; color: var(--ink-soft, #4A6264); max-width: 60ch; }
.outrat-hint { display: block; color: var(--ink-soft, #4A6264); font-size: .92rem; margin-top: .3rem; }
td .outrat-hint, span.outrat-hint { display: inline; }

.outrat-notice { padding: .8rem 1rem; border-radius: 8px; font-weight: 500; border-left: 4px solid; }
.outrat-notice--ok { background: var(--teal-soft, #D8EFEC); border-color: var(--teal, #0B7A75); }
.outrat-notice--err { background: color-mix(in srgb, var(--risk, #B8322C) 12%, transparent); border-color: var(--risk, #B8322C); }

.outrat-panel { margin-top: 2rem; padding: 1.5rem 1.75rem; background: var(--card, #fff); border: 1px solid var(--line, #D5E2E1); border-radius: 14px; }
.outrat-panel h2 { font-size: 1.35rem; margin: 0 0 .75rem; }
.outrat-panel h3 { font-size: 1.05rem; margin: 1.5rem 0 .4rem; }
.outrat-panel--pro { border-color: var(--teal, #0B7A75); }
.outrat-panel__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; margin-bottom: .5rem; }
.outrat-panel__head h2 { margin: 0; }
.outrat-meta { color: var(--ink-soft, #4A6264); font-size: .95rem; }

.outrat-badge { display: inline-block; padding: .2rem .7rem; border-radius: 999px; font-size: .85rem; font-weight: 600; background: var(--surface-2, #E6EFEE); }
.outrat-badge--active { background: var(--teal-soft, #D8EFEC); color: var(--teal-strong, #075C58); }
.outrat-badge--warning { background: color-mix(in srgb, var(--mixed, #B7791F) 16%, transparent); color: var(--mixed, #B7791F); }
.outrat-badge--suspended { background: color-mix(in srgb, var(--risk, #B8322C) 14%, transparent); color: var(--risk, #B8322C); }

.outrat-step { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px dashed var(--line, #D5E2E1); }
.outrat-step h3 { margin-top: 0; }
.outrat-step.is-done h3 { color: var(--teal-strong, #075C58); }

.outrat-code { display: flex; gap: .5rem; align-items: stretch; margin: .6rem 0; max-width: 100%; }
.outrat-code code { flex: 1; min-width: 0; overflow: visible; white-space: pre-wrap; word-break: break-all; padding: .6rem .8rem; background: var(--surface, #F2F7F6); border: 1px solid var(--line, #D5E2E1); border-radius: 6px; font-size: .88rem; }
.or-prose .outrat-code button, .outrat-code button { min-height: 0; padding: .4rem .9rem; }

.outrat-form p { margin: 0 0 1rem; }
.outrat-form label { display: block; font-weight: 600; margin-bottom: .35rem; }
.outrat-check label { font-weight: 400; display: flex; gap: .6rem; align-items: flex-start; }
.outrat-check input { margin-top: .35rem; }

.outrat-inline { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .5rem 0 0; }
.outrat-inline input[type="url"], .outrat-inline input[type="email"] { flex: 1 1 260px; }
.outrat-inline select { width: auto !important; max-width: 260px !important; }

.outrat-table-wrap { overflow-x: auto; margin-top: 1rem; }
.outrat-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.outrat-table th { text-align: left; color: var(--ink-soft, #4A6264); font-weight: 600; font-size: .88rem; }
.outrat-table th, .outrat-table td { padding: .7rem .6rem; border-bottom: 1px solid var(--line, #D5E2E1); vertical-align: middle; }
.outrat-table .outrat-inline { margin: 0; flex-wrap: nowrap; }
.outrat-email { word-break: break-all; }

.or-prose .outrat-btn-quiet, .outrat-btn-quiet { background: transparent !important; color: var(--risk, #B8322C) !important; border: 1px solid var(--line, #D5E2E1) !important; min-height: 0 !important; padding: .35rem .8rem !important; }
.outrat-button { display: inline-block; padding: .6rem 1.15rem; border-radius: 6px; background: var(--teal, #0B7A75); color: var(--on-teal, #fff) !important; text-decoration: none; font-weight: 600; }

.outrat-help { margin-top: 1rem; }
.outrat-help summary { cursor: pointer; font-weight: 600; }
.outrat-help ul { margin-top: .6rem; }

/* Badge box on the claim page */
.outrat-badge-box { margin-top: 1rem; padding: 1.25rem; background: var(--surface, #F2F7F6); border-radius: 10px; }
.outrat-badge-box__preview { margin: 0 0 1rem; }
.outrat-badge-box__preview img { background: #fff; border-radius: 10px; }
.outrat-badge-box p { margin: 0 0 .5rem; font-size: .95rem; }

/* Public badge profile */
.outrat-profile { max-width: 640px; padding: 2.25rem 2rem; background: var(--card, #fff); border: 1px solid var(--line, #D5E2E1); border-radius: 16px; border-top: 6px solid var(--teal, #0B7A75); }
.outrat-profile--mixed { border-top-color: var(--mixed, #B7791F); }
.outrat-profile--risk { border-top-color: var(--risk, #B8322C); }
.outrat-profile--none { border-top-color: var(--line, #D5E2E1); }
.outrat-profile__kicker { color: var(--ink-soft, #4A6264); font-size: .92rem; font-weight: 500; margin: 0; }
.outrat-profile__name { font-size: clamp(1.8rem, 2vw + 1rem, 2.4rem); margin: .3rem 0 0; letter-spacing: -0.02em; }
.outrat-profile__domain { color: var(--ink-soft, #4A6264); margin: .2rem 0 0; }
.outrat-profile__verified { margin: .75rem 0 0; font-size: .92rem; color: var(--teal-strong, #075C58); font-weight: 500; }
.outrat-profile__rating { margin-top: 1.5rem; }
.outrat-profile__score { margin: .8rem 0 0; color: var(--ink-soft, #4A6264); }
.outrat-profile__score strong { color: var(--ink, #0F2A2C); font-size: 2.1rem; font-weight: 650; margin-right: .35rem; letter-spacing: -0.02em; }
.outrat-profile__verdict { margin: .25rem 0 0; font-weight: 600; }
.outrat-profile--good .outrat-profile__verdict { color: var(--good, #0B7A75); }
.outrat-profile--mixed .outrat-profile__verdict { color: var(--mixed, #B7791F); }
.outrat-profile--risk .outrat-profile__verdict { color: var(--risk, #B8322C); }
.outrat-profile .outrat-notice { margin-top: 1.25rem; }
.outrat-profile__reply { margin: 1.5rem 0 0; padding: 0 0 0 1rem; border-left: 3px solid var(--teal, #0B7A75); }
.outrat-profile__reply p { margin: 0; }
.outrat-profile__reply cite { display: block; margin-top: .4rem; font-style: normal; font-size: .9rem; color: var(--ink-soft, #4A6264); }
.outrat-profile__about { margin: 1.75rem 0 0; padding-top: 1.25rem; border-top: 1px dashed var(--line, #D5E2E1); color: var(--ink-soft, #4A6264); font-size: .93rem; }
.outrat-profile__actions { margin: 1.25rem 0 0; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }

/* Star picker for reviews (right-to-left so hover fills leftwards) */
.outrat-starpick { border: 0; padding: 0; margin: 0 0 1rem; display: inline-flex; flex-direction: row-reverse; gap: .15rem; }
.outrat-starpick legend { float: left; width: 100%; font-weight: 600; margin-bottom: .35rem; }
.outrat-starpick input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.outrat-starpick label { font-size: 2rem; line-height: 1; cursor: pointer; color: var(--star-empty, #D5E2E1); transition: color .1s ease; }
.outrat-starpick input:checked ~ label, .outrat-starpick label:hover, .outrat-starpick label:hover ~ label { color: var(--teal, #0B7A75); }
.outrat-starpick input:focus-visible + label { outline: 2px solid var(--focus, #0B7A75); outline-offset: 2px; border-radius: 4px; }

/* Review lists */
.outrat-reviews { list-style: none; margin: .75rem 0 0; padding: 0; display: grid; gap: 1rem; }
.outrat-review { padding-bottom: 1rem; border-bottom: 1px solid var(--line, #D5E2E1); }
.outrat-review p { margin: .4rem 0 0; }
.outrat-review__reply { margin: .75rem 0 0 .5rem; padding: 0 0 0 .85rem; border-left: 3px solid var(--teal, #0B7A75); }
.outrat-review__reply p { margin: 0; }
.outrat-review__reply cite { display: block; margin-top: .3rem; font-style: normal; font-size: .85rem; color: var(--ink-soft, #4A6264); }
.outrat-review .outrat-form { margin-top: .6rem; }
.outrat-profile__reviews { margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px dashed var(--line, #D5E2E1); }
.outrat-profile__reviews h2 { font-size: 1.2rem; margin: 0 0 .5rem; }

/* Dashboard tabs */
.outrat-tabs { margin: 0 0 1.5rem; border-bottom: 1px solid var(--line, #D5E2E1); overflow: visible; }
.outrat-tabs ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem; }
.outrat-tabs a { display: block; padding: .7rem 1rem; text-decoration: none; color: var(--ink-soft, #4A6264); font-weight: 500; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.outrat-tabs a:hover { color: var(--ink, #0F2A2C); }
.outrat-tabs a.is-current { color: var(--ink, #0F2A2C); border-bottom-color: var(--teal, #0B7A75); font-weight: 600; }
.outrat-tabs a[data-upgrade] { color: var(--teal-strong, #075C58); }
.outrat-tabs + .outrat-panel { margin-top: 0; }

/* Search and pager */
.outrat-search { margin: .5rem 0 1rem; }
.outrat-search input[type="search"] { flex: 1 1 260px; max-width: 420px; }
.outrat-pager { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.25rem; }
.outrat-pager .outrat-hint { margin: 0 auto 0 0; }
.outrat-button.is-disabled { opacity: .45; pointer-events: none; }

/* Pricing */
.outrat-curpick { margin: 1rem 0; }
.outrat-curpick a, .outrat-curpick strong { margin-right: .5rem; }
.outrat-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 1rem; }
.outrat-plan { padding: 1.5rem; background: var(--card, #fff); border: 1px solid var(--line, #D5E2E1); border-radius: 14px; }
.outrat-plan--best { border: 2px solid var(--teal, #0B7A75); }
.outrat-plan h3 { margin: 0; font-size: 1.1rem; }
.outrat-plan__price { margin: .5rem 0 .25rem; font-size: 1.8rem; font-weight: 650; letter-spacing: -0.02em; }
.outrat-plan__price span { font-size: .95rem; font-weight: 400; color: var(--ink-soft, #4A6264); letter-spacing: 0; }
.outrat-plan form { margin-top: 1rem; }

/* Blogger / Guest poster switch */
.outrat-switch { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; margin: 0 0 1rem; padding: .7rem 1rem; background: var(--surface, #F2F7F6); border-radius: 10px; font-size: .95rem; }
.or-prose .outrat-switch a.outrat-btn-quiet, .outrat-switch a.outrat-btn-quiet { color: var(--teal-strong, #075C58) !important; text-decoration: none; }

/* Full-width plugin screens (theme reading column is for articles) */
.or-prose:has(.outrat-tabs), .or-prose:has(.outrat-panel), .or-prose:has(.outrat-plans), .or-prose:has(.outrat-form) { max-width: none; }

/* Tables still scroll on phones, without a visible bar */
.outrat-table-wrap { scrollbar-width: none; -ms-overflow-style: none; }
.outrat-table-wrap::-webkit-scrollbar { display: none; }
.outrat-code { align-items: flex-start; }

/* Email footer copy options */
.outrat-copyrow { margin: .5rem 0 0; }
.outrat-textline { margin: .25rem 0 0; padding: .75rem 1rem; background: #fff; border: 1px solid var(--line, #D5E2E1); border-radius: 8px; display: inline-block; }
.outrat-badge-box .outrat-help { margin-top: 1rem; }

/* Translated guest poster guide */
.outrat-flags { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 2rem; }
.outrat-flags a { display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .7rem; border: 1px solid var(--line, #D5E2E1); border-radius: 999px; text-decoration: none; color: var(--ink, #0F2A2C); font-size: .92rem; }
.outrat-flags a:hover { border-color: var(--teal, #0B7A75); }
.outrat-flags a.is-current { border-color: var(--teal, #0B7A75); background: var(--teal-soft, #D8EFEC); font-weight: 600; }
.outrat-flags img { width: 22px; height: auto; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.outrat-guide__lang h2 { margin-top: 2rem; }
.outrat-guide__lang[dir="rtl"] { text-align: right; }
.outrat-guide__lang[dir="rtl"] ul { padding-left: 0; padding-right: 1.3rem; }
.outrat-guide__note { margin-top: 2rem; padding: 1rem 1.25rem; background: var(--surface, #F2F7F6); border-left: 3px solid var(--teal, #0B7A75); border-radius: 6px; color: var(--ink-soft, #4A6264); }
.outrat-guide__lang[dir="rtl"] .outrat-guide__note { border-left: 0; border-right: 3px solid var(--teal, #0B7A75); }

/* Big centred call to action */
.outrat-bigcta { text-align: center; margin: 2.5rem 0; }
.outrat-button--big { padding: 1rem 2.4rem; font-size: 1.15rem; border-radius: 10px; }

/* Tabs sit level: cancel the theme's spacing between list items */
.outrat-tabs li, .or-prose .outrat-tabs li + li { margin: 0 !important; }
.outrat-tabs a { line-height: 1.4; }

/* Role note and text snippets */
.outrat-rolenote { margin: 0 0 1.25rem; padding: .8rem 1rem; border-left: 3px solid var(--teal, #0B7A75); background: var(--surface, #F2F7F6); border-radius: 6px; font-size: .95rem; }
.outrat-snippet { margin-top: 1.1rem; }
.outrat-snippet .outrat-textline { margin-top: .35rem; }

/* Copy options: preview and its button on one row, thin dividers between options */
.outrat-opt__title { margin: 0 0 .25rem; }
.outrat-opt { padding: 1rem 0; border-top: 1px solid var(--line, #D5E2E1); }
.outrat-opt:first-of-type, .outrat-opt__title + .outrat-opt { border-top: 0; padding-top: .5rem; }
.outrat-panel > .outrat-opt:first-of-type { border-top: 0; }
.outrat-opt__label { margin: 0 0 .5rem; font-weight: 600; font-size: .95rem; }
.outrat-opt__label .outrat-hint { display: inline; font-weight: 400; }
.outrat-opt .outrat-hint { margin-top: .5rem; }
.outrat-row { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; }
.outrat-row > [data-rich-src] { margin: 0; flex: 0 1 auto; min-width: 0; }
.outrat-row .outrat-copyrow { margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; flex: 0 0 auto; }
.outrat-row .outrat-code { margin: 0; }
.outrat-code--grow { flex: 1 1 320px; }
.outrat-textline--block { display: block; flex: 1 1 420px !important; }
.outrat-badge-box__preview { margin: 0; }
.or-prose .outrat-copy--ghost, .outrat-copy--ghost { background: transparent !important; color: var(--teal-strong, #075C58) !important; border: 1px solid var(--teal, #0B7A75) !important; }
.or-prose .outrat-copy--ghost:hover, .outrat-copy--ghost:hover { background: var(--teal-soft, #D8EFEC) !important; }
.outrat-snippet { margin-top: 0; }
.outrat-snippet .outrat-textline { margin-top: 0; }

.outrat-profile__bio { margin: 1rem 0 0; color: var(--ink, #0F2A2C); max-width: 60ch; }