#seafix-demo .fr-stars{display:inline-flex;gap:3px;flex-shrink:0;color:#d2d8de}
#seafix-demo .fr-stars svg,#seafix-demo .fr-rating svg{width:19px;height:19px;fill:currentColor;stroke:none}
#seafix-demo .fr-stars .is-filled,#seafix-demo .fr-rating .is-filled{color:#af8644}
#seafix-demo .fr-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
#seafix-demo .fr-summary{background:var(--sf-surface,#fff);padding:22px 24px;border:1px solid #e0e5e9;border-radius:14px;color:var(--sf-text,#263747)}
#seafix-demo .fr-summary>span{font-size:.875rem;color:#73808c}
#seafix-demo .fr-summary>div{display:flex;gap:9px;align-items:baseline;margin:12px 0 8px}
#seafix-demo .fr-summary strong{font-size:2.3rem;letter-spacing:-.05em;font-weight:600}
#seafix-demo .fr-summary div>span,#seafix-demo .fr-summary small{color:#788794;font-size:.875rem}
#seafix-demo .fr-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#seafix-demo .fr-review{border:1px solid #e1e6eb;border-radius:14px;padding:24px;background:var(--sf-surface,#fff);margin-bottom:16px}
#seafix-demo .fr-review header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
#seafix-demo .fr-review header strong{display:block;font-size:1rem;font-weight:600;overflow-wrap:anywhere}
#seafix-demo .fr-review header div>span{display:block;font-size:.8125rem;color:#6b7a88;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}
#seafix-demo .fr-review p{font-size:.9375rem;line-height:1.7;margin:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#seafix-demo .fr-review footer{display:flex;flex-wrap:wrap;gap:10px;font-size:.75rem;color:#84909a}
#seafix-demo .fr-dialog .fv-field textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:140px;background:var(--sf-surface,#fff);color:inherit;border:1px solid #cdd6df;border-radius:10px;padding:13px;font:inherit;font-weight:400;line-height:1.6}
#seafix-demo .fr-dialog .fr-rating{border:0;padding:0;margin:22px 0}
#seafix-demo .fr-rating>div{display:flex;gap:8px;margin-top:10px}
#seafix-demo .fr-rating label{display:grid;place-items:center;position:relative;width:48px;height:48px;color:#cbd3db;cursor:pointer;border-radius:9px;background:#f3f5f7}
#seafix-demo .fr-rating svg{width:29px;height:29px}
#seafix-demo .fr-rating input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
#seafix-demo .fr-rating label:has(input:focus-visible){outline:3px solid #729bbf;outline-offset:3px}
#seafix-demo .fr-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#seafix-demo[data-theme=dark] :is(.fr-summary,.fr-review){border-color:#3a4653}
#seafix-demo[data-theme=dark] .fr-rating label{background:#354454}
@media(max-width:620px){#seafix-demo .fr-summary-grid{gap:10px}#seafix-demo .fr-summary{padding:17px}#seafix-demo .fr-summary>span{font-size:.8125rem}#seafix-demo .fr-review{padding:18px}#seafix-demo .fr-review header{flex-direction:column;gap:9px}#seafix-demo .fr-filters{grid-template-columns:1fr;gap:0}}


#seafix-demo [data-screen=support] .sf-screen-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;}
#seafix-demo [data-screen=support] .sf-screen-title>div{min-width:0;flex:1;}
#seafix-demo [data-screen=support] .sf-screen-title>[data-review-open]{width:auto;margin:0 0 0 auto;flex:0 0 auto;}
#seafix-demo .fr-dialog form{position:relative;isolation:isolate;}
#seafix-demo .fr-dialog .fr-watermark{position:absolute;right:16px;top:56px;width:110px;height:110px;color:var(--sf-heading);opacity:.045;pointer-events:none;z-index:-1;fill:none;stroke:currentColor;stroke-width:1;}
#seafix-demo .fr-dialog .fr-rating label{border-radius:12px;transition:background .15s,color .15s;}
#seafix-demo .fr-dialog .fr-rating label:hover{background:color-mix(in srgb,#af8644 12%,var(--sf-surface));}


/* Office ratings share the restrained analytics language; the crew form stays familiar. */
#seafix-demo .fv-reviews-view{container:fv-ratings / inline-size}
#seafix-demo .fv-reviews-view>.fv-section-title{margin:0 0 25px;padding-bottom:22px;border-bottom:1px solid var(--sf-line)}
#seafix-demo .fv-reviews-view .fr-summary-grid{gap:16px;margin:0 0 26px}
#seafix-demo .fv-reviews-view .fr-score{min-width:0;padding:25px;border:1px solid var(--sf-line);border-radius:20px;background:var(--sf-surface);color:var(--sf-heading)}
#seafix-demo .fr-score-label{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;color:var(--sf-muted);font-size:12px;line-height:1.5;min-height:36px}
#seafix-demo .fr-score-label>svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3}
#seafix-demo .fr-score-value{display:flex;align-items:baseline;gap:10px;margin:24px 0 18px}
#seafix-demo .fr-score-value strong{font-size:clamp(44px,4.2vw,60px);font-weight:500;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums}
#seafix-demo .fr-score-value>span{font-size:14px;color:var(--sf-muted)}
#seafix-demo .fr-score-stars{position:relative;width:110px;height:18px;margin-bottom:25px}
#seafix-demo .fr-score-stars>span{display:flex;gap:5px;position:absolute;inset:0;overflow:hidden;color:light-dark(#dedcd4,#42433f)}
#seafix-demo .fr-score-stars>span+span{color:light-dark(#a7864e,#d2b27a)}
#seafix-demo .fr-score-stars svg{width:18px;height:18px;flex:none;fill:currentColor;stroke:none}
#seafix-demo .fr-score>p{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 0;margin:0;border-top:1px solid var(--sf-line);font-size:11px;color:var(--sf-muted)}
#seafix-demo .fr-score>p strong{font-size:15px;font-weight:550;color:var(--sf-heading);font-variant-numeric:tabular-nums}
#seafix-demo .fv-reviews-view .fr-score-featured{background:linear-gradient(145deg,#293838,#182323);border-color:#334341;color:#f0f3ef;box-shadow:0 6px 20px #18232312}
#seafix-demo .fr-score-featured :is(.fr-score-label,.fr-score-value>span,.fr-score-stars~p){color:#bdcbc5}
#seafix-demo .fr-score-featured .fr-score-stars>span{color:#4c5951}
#seafix-demo .fr-score-featured .fr-score-stars>span+span{color:#dfc48c}
#seafix-demo .fr-score-featured>p{border-color:#ffffff20}
#seafix-demo .fr-score-featured>p strong{color:#f0f3ef}
#seafix-demo .fv-reviews-view .fr-review-list{display:grid;gap:16px}
#seafix-demo .fv-reviews-view .fr-review{padding:24px;margin:0;border:1px solid var(--sf-line);border-radius:18px;box-shadow:0 3px 12px light-dark(#26304403,#00000010)}
#seafix-demo .fv-reviews-view .fr-review header{align-items:center;flex-direction:row;gap:18px}
#seafix-demo .fv-reviews-view .fr-review-author{display:flex;align-items:center;gap:12px;min-width:0}
#seafix-demo .fv-reviews-view .fr-review-author strong{font-size:13px;line-height:1.5;font-weight:600}
#seafix-demo .fv-reviews-view .fr-review-author .fr-review-avatar{display:grid;place-items:center;flex:none;margin:0;width:36px;height:36px;border-radius:12px;background:var(--sf-surface-raised);color:var(--sf-muted)}
#seafix-demo .fr-review-avatar svg{width:17px;height:17px;stroke-width:1.5}
#seafix-demo .fv-reviews-view .fr-review .fr-stars svg{width:14px;height:14px}
#seafix-demo .fv-reviews-view .fr-review p{font-size:14px;line-height:1.8;margin:20px 0;color:var(--sf-text)}
#seafix-demo .fv-reviews-view .fr-review footer{padding-top:14px;border-top:1px solid var(--sf-line);font-size:10px;color:var(--sf-muted)}
#seafix-demo .fv-reviews-view [data-fr-more]{display:block;margin:22px auto 0;min-height:42px;padding:10px 22px;border-color:var(--sf-line);color:var(--sf-heading)}
#seafix-demo .fr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:285px;padding:42px 24px;border:1px solid var(--sf-line);border-radius:20px;background:var(--sf-surface);text-align:center}
#seafix-demo .fr-empty-symbol{display:grid;place-items:center;width:66px;height:66px;border-radius:23px;background:light-dark(#f1eee5,#35372f);color:light-dark(#8a784f,#cebe97);box-shadow:0 0 0 9px light-dark(#f7f5ee,#2b2e28)}
#seafix-demo .fr-empty-symbol svg{width:29px;height:29px;stroke-width:1.4}
#seafix-demo .fr-empty p{font-size:14px;line-height:1.6;max-width:270px;margin:0;color:var(--sf-muted)}
#seafix-demo .fv-reviews-view button:focus-visible{outline:2px solid var(--sf-heading);outline-offset:3px}
@container fv-ratings (max-width:480px){
 #seafix-demo .fv-reviews-view .fr-summary-grid{gap:10px}
 #seafix-demo .fv-reviews-view .fr-score{padding:18px 16px;border-radius:17px}
 #seafix-demo .fr-score-label{font-size:11px;gap:8px;min-height:50px}
 #seafix-demo .fr-score-label>svg{display:none}
 #seafix-demo .fr-score-value{gap:7px;margin:18px 0}
 #seafix-demo .fr-score-value strong{font-size:44px}
 #seafix-demo .fr-score>p{font-size:10px;gap:7px}
 #seafix-demo .fv-reviews-view .fr-review{padding:20px 18px}
 #seafix-demo .fv-reviews-view .fr-review header{align-items:flex-start;flex-direction:column;gap:14px}
}