/* No runtime CSS framework is required. Works with compiled Tailwind utility layouts.
   Unlayered normal rules and inherited tokens supersede the older layered feedback CSS. */
.pp-feedback{--pp-accent:var(--pcba-brand,#0b6f69);--pp-success:#27814b;--pp-placeholder:#e8e6de;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pcba-ink,#252927);box-sizing:border-box}
.pp-feedback[hidden]{display:none!important}
.pp-feedback-status{display:inline-flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;vertical-align:middle}
.pp-feedback-status-label{min-width:0;overflow-wrap:anywhere}
.pp-feedback-spinner{display:inline-block!important;box-sizing:border-box!important;flex:0 0 24px!important;width:24px!important;height:24px!important;border:2px solid transparent!important;border-top-color:var(--pp-accent,#0b6f69)!important;border-right-color:var(--pp-accent,#0b6f69)!important;border-radius:50%!important;background:transparent!important;animation:pp-feedback-spin 900ms linear infinite!important}
.pp-feedback-check{display:inline-block;flex:0 0 24px;width:24px;height:24px;color:var(--pp-success,#27814b);font-size:22px;line-height:24px;text-align:center}
.pp-feedback-progress{width:100%;display:grid;gap:8px}
.pp-feedback-progress-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;line-height:1.5}
.pp-feedback-progress-label>:first-child{min-width:0;overflow-wrap:anywhere}
.pp-feedback-progress-value{white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}
.pp-feedback-track{width:100%;height:8px;border-radius:4px;overflow:hidden;background:var(--pp-placeholder,#e8e6de)}
.pp-feedback-fill{height:100%;width:0;border-radius:4px;background:var(--pp-accent,#0b6f69);transition:width 400ms ease,background-color 400ms ease}
.pp-feedback-progress.is-complete .pp-feedback-fill{background:var(--pp-success,#27814b)}
.pp-feedback-circle{width:64px;height:64px;display:inline-grid;place-items:center;position:relative;vertical-align:middle;flex-shrink:0}
.pp-feedback-circle svg{width:64px;height:64px;overflow:visible;grid-area:1/1;transform:none!important;animation:none!important}
.pp-feedback-circle circle{fill:none;stroke-width:6}
.pp-feedback-circle .pp-feedback-circle-track{stroke:var(--pp-placeholder,#e8e6de)}
.pp-feedback-circle .pp-feedback-circle-fill{stroke:var(--pp-accent,#0b6f69);stroke-linecap:round;transition:stroke-dashoffset 400ms ease,stroke 400ms ease}
.pp-feedback-circle.is-complete .pp-feedback-circle-fill{stroke:var(--pp-success,#27814b)}
.pp-feedback-circle-label{grid-area:1/1;font-size:13px;font-weight:600;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
.pp-feedback-skeleton{width:100%;height:var(--pp-card-height,196px);padding:24px;border-radius:8px;overflow:hidden;background:#faf8f1;box-sizing:border-box;contain:paint}
.pp-feedback-skeleton-layout{display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;align-items:start}
.pp-feedback-placeholder{display:block;position:relative;overflow:hidden;background:var(--pp-placeholder,#e8e6de);border-radius:8px}
.pp-feedback-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}
.pp-feedback-lines{display:grid;gap:12px;padding-top:4px;min-width:0}
.pp-feedback-line{height:12px;width:100%}
.pp-feedback-line:first-child{height:18px;width:64%;margin-bottom:10px}
.pp-feedback-line:last-child{width:82%}
.pp-feedback-shimmer::after{content:"";position:absolute;inset:0 auto 0 -60px;width:60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:pp-feedback-shimmer 1500ms ease-in-out infinite;pointer-events:none}
.pp-feedback-button{position:relative!important;box-sizing:border-box!important}
.pp-feedback-button-content{--pp-accent:currentColor;--pp-success:currentColor;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;max-width:100%!important;min-width:0!important;color:inherit!important;margin:0!important;font:inherit!important;line-height:inherit!important}
.pp-feedback-button-content .pp-feedback-spinner{flex-basis:14px!important;width:14px!important;height:14px!important;border-width:1.5px!important;border-top-color:currentColor!important;border-right-color:currentColor!important}
.pp-feedback-button-content .pp-feedback-check{display:inline-block!important;flex-basis:14px;width:14px;height:18px;font-size:16px;line-height:18px;color:inherit!important}
.pp-feedback-button-label{display:inline-block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;margin:0!important;color:inherit!important}
.pp-feedback-button-content .pp-feedback-spinner,.pp-feedback-button-content .pp-feedback-check{margin:0!important}
#search #submit{min-width:132px!important}
#search .searchbar-actions{flex-wrap:wrap}
#aiStatus{min-height:48px}
#status .pp-feedback-status{color:inherit!important}
.pp-feedback-page{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:rgba(250,248,241,.9);opacity:1;transition:opacity 400ms ease;isolation:isolate}
.pp-feedback-page.is-leaving{opacity:0;pointer-events:none}
.pp-feedback-page-content{display:grid;justify-items:center;gap:18px;max-width:calc(100vw - 32px);padding:28px;font-size:15px;text-align:center;overflow-wrap:anywhere}
.pp-feedback-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.component-search-feedback{margin:14px 0;min-height:24px}
.aiq-waiting-feedback{margin:18px 0;padding:14px 0;border-top:1px solid #e8e6de}
@keyframes pp-feedback-spin{to{transform:rotate(360deg)}}
@keyframes pp-feedback-shimmer{to{left:100%}}
@media(prefers-reduced-motion:reduce){.pp-feedback-spinner,.pp-feedback-shimmer::after{animation:none!important}.pp-feedback-fill,.pp-feedback-circle-fill,.pp-feedback-page{transition:none!important}}
