/* AfterReview application design system. Scoped: never changes the landing page or embedded widgets. */
body.ar-ui{--ar-ink:#142e29;--ar-muted:#5b746c;--ar-green:#177658;--ar-line:#dfe8e3;--ar-paper:#f5f8f5;--ar-mint:#e9f7ef;box-sizing:border-box;margin:0;background:var(--ar-paper);color:var(--ar-ink);font-size:14px;line-height:1.65}
.ar-ui *, .ar-ui *:before,.ar-ui *:after{box-sizing:border-box}
.ar-ui a{color:var(--ar-green);text-underline-offset:4px}
.ar-ui :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #177658;outline-offset:3px}
.ar-ui :is(h1,h2,h3){color:var(--ar-ink);line-height:1.35}
.ar-ui h1{font-size:30px;letter-spacing:-.6px}
.ar-ui h2{font-size:21px}
.ar-ui .container{max-width:none;margin:0;padding:0;min-width:0}
.ar-ui .ar-shell{padding:0 264px 0 0;min-height:100vh}
.ar-ui .ar-content{padding:30px 36px 60px;max-width:1500px;margin:auto;min-width:0}
.ar-ui .card{background:#fff;border:1px solid var(--ar-line);border-radius:20px;box-shadow:0 8px 28px #183b2b06;padding:24px!important;margin:0 0 20px;min-width:0;overflow-wrap:anywhere}
.ar-ui .card .card{box-shadow:none;border-radius:15px;padding:18px!important;margin-bottom:0}
.ar-ui .card.topbar{border-radius:0;border-width:0 0 1px;box-shadow:none;background:#ffffffd9;margin:0;padding:18px 36px!important;min-height:80px}
.ar-ui .topbar-brand-link{font-size:19px}
.ar-ui .top-nav-links{display:none!important}
.ar-ui .mobile-menu-toggle{display:none}
.ar-ui .ar-sidebar{position:fixed;inset:0 0 0 auto;width:264px;padding:25px 18px;background:white;border-left:1px solid var(--ar-line);overflow-y:auto;z-index:50;scrollbar-width:thin}
.ar-brand{display:flex;align-items:center;gap:10px;justify-content:center;text-decoration:none!important;font-size:23px;color:var(--ar-ink)!important}
.ar-brand>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#dff3ca;color:#19543d;font-size:24px}
.ar-workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--ar-line);border-radius:14px;margin:26px 0;padding:13px;overflow-wrap:anywhere;font-size:13px}
.ar-workspace small,.ar-sidebar-help small{display:block;font-size:11px;color:var(--ar-muted);font-weight:400}
.ar-avatar{width:39px;height:39px;flex-shrink:0;display:inline-grid;place-items:center;background:#e6f4df;color:#246947;border-radius:13px;font-weight:700}
.ar-nav-group{margin:0 0 20px}
.ar-nav-group>p{font-size:11px;color:var(--ar-muted);margin:0 12px 7px}
.ar-nav-group>a{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:3px 0;border-radius:11px;font-size:13px;color:var(--ar-muted);text-decoration:none}
.ar-nav-group>a>span{width:23px;flex-shrink:0;text-align:center;font-size:18px;color:#45836b}
.ar-nav-group>a:hover{background:#f5f8f5}
.ar-nav-group>a[aria-current=page]{background:var(--ar-mint);color:#14543e;font-weight:700}
.ar-sidebar-help{display:block;border:1px solid var(--ar-line);border-radius:15px;background:#f5f9f5;padding:15px;font-weight:600;font-size:12px;text-decoration:none!important}
.ar-sidebar-help>span{float:left}
.ar-skip{position:fixed;top:-90px;right:20px;background:white;z-index:1000;padding:10px 18px}
.ar-skip:focus{top:12px}
.ar-ui .btn,.ar-ui .profile-page button,.ar-guest button[type=submit]{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:#174a39;color:white;border:1px solid #174a39;border-radius:11px;padding:10px 16px;font-size:13px;font-weight:600;min-height:42px;text-decoration:none;cursor:pointer;box-shadow:none;transition:background .15s,box-shadow .15s}
.ar-ui .btn:hover,.ar-guest button[type=submit]:hover{background:#23654e;box-shadow:0 3px 12px #173d3115}
.ar-ui .btn.btn-ghost,.ar-ui .btn.btn-light,.ar-ui .btn.secondary{background:#fff;color:var(--ar-ink);border-color:var(--ar-line)}
.ar-ui .btn.btn-ghost:hover,.ar-ui .btn.btn-light:hover{background:#edf6ef;color:#174a39}
.ar-ui button:disabled,.ar-ui .btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.ar-ui .btn.btn-danger,.ar-ui .profile-page button.bg-red-600{background:#fff2f1;color:#a63029;border-color:#f2d2ce}
.ar-ui :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]):not([type=range]),select,textarea){max-width:100%;width:100%;border:1px solid var(--ar-line);border-radius:11px;padding:11px 13px;background:#fff;color:var(--ar-ink);font:inherit;min-height:44px;box-shadow:none}
.ar-ui :is(input,textarea,select):focus{border-color:#5caa87}
.ar-ui :is(input,textarea,select):disabled,.ar-ui input[readonly]{background:#f3f6f4;color:#657b72}
.ar-ui input[type=checkbox],.ar-ui input[type=radio]{accent-color:#177658;width:17px;height:17px;vertical-align:middle}
.ar-ui input[type=color]{border:1px solid var(--ar-line);border-radius:8px;min-height:40px;background:#fff}
.ar-ui textarea{line-height:1.8;resize:vertical}
.ar-ui label{color:#365349;font-size:13px}
.ar-ui .ar-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--ar-line);border-radius:14px;overscroll-behavior-x:contain}
.ar-ui table{border-collapse:collapse;width:100%;font-size:13px}
.ar-ui th{background:#f5f9f6;color:#587067;font-size:12px;font-weight:600;text-align:right}
.ar-ui td,.ar-ui th{padding:14px!important;border-bottom:1px solid #e8eeea!important}
.ar-ui tbody tr:last-child td{border-bottom:0!important}
.ar-ui tbody tr:hover{background:#fbfdfb}
.ar-ui .badge{border-radius:999px;border:0;background:var(--ar-mint);color:#23684e;font-size:11px;padding:5px 10px}
.ar-page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.ar-page-head h1{margin:0 0 7px}.ar-page-head p{margin:0;color:var(--ar-muted)}
.ar-eyebrow{display:block;color:var(--ar-green);font-size:12px;font-weight:600;margin-bottom:7px}
.ar-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.ar-ui .ar-metric{margin:0;padding:21px!important}
.ar-metric>span{color:var(--ar-muted);font-size:12px}
.ar-metric>strong{display:block;font-size:34px;letter-spacing:-1px;line-height:1.5;margin:5px 0;color:var(--ar-ink)}
.ar-metric>small{font-size:11px;color:var(--ar-muted)}
.ar-ui .ar-metric:first-child{background:linear-gradient(120deg,#eff9ed,#fff)}
.ar-track{display:block;width:100%;height:8px;border-radius:99px;overflow:hidden;background:#edf2ee}
.ar-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ade58c,#21a578)}
.ar-score-row{padding:17px 0;border-top:1px solid #edf2ee}
.ar-score-row:first-of-type{border-top:0}
.ar-score-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:9px}
.ar-score-label b{font-size:18px;white-space:nowrap}
.ar-score-row small{display:block;color:var(--ar-muted);font-size:11px;margin-top:7px}
.ar-stats-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px}
.ar-stats-grid>div{min-width:0}
.ar-dist-row{display:grid;grid-template-columns:40px minmax(0,1fr) 36px;gap:12px;align-items:center;margin:17px 0;font-size:12px}
.ar-stars{color:#d98c17;letter-spacing:2px;direction:ltr;display:inline-block}
.ar-empty{text-align:center;padding:36px!important;color:var(--ar-muted)}
.ar-ui .ar-response{position:relative}
.ar-response-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.ar-response-heading small{display:block;color:var(--ar-muted)}
.ar-ui .ar-quote{background:#f6f9f7;border:0!important;border-radius:12px;padding:16px!important;color:#365349;margin-top:16px!important;white-space:pre-line}
.ar-ui .dashboard-forms-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.ar-ui .dashboard-forms-grid [style*="min-width:240px"]{min-width:0!important}
.ar-ui .onboarding-card{background:linear-gradient(115deg,#eef8eb,#fff)!important;border-color:#d6e9d5!important}
.ar-ui .onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
.ar-ui .onboarding-steps>div{align-content:start;align-items:flex-start!important;gap:16px!important}
.ar-ui .onboarding-steps [style*="min-width:240px"]{min-width:0!important}
.ar-ui .profile-card.wide{grid-column:1/-1}
.ar-ui pre{max-width:100%;overflow:auto;background:#f5f8f6;border:1px solid var(--ar-line);border-radius:12px;padding:16px}
.ar-ui iframe{max-width:100%;border-radius:14px}
.ar-guest{background:radial-gradient(ellipse at 20% 0,#e6f4dc,transparent 55%),#f5f8f5!important;min-height:100vh;padding:40px 18px!important}
.ar-ui.ar-guest>.container{max-width:520px;margin:0 auto}
.ar-guest>.container>.card{margin:20px auto!important;padding:32px!important}
.ar-guest form>div{margin-top:18px}
.ar-guest .animated-brand-link{margin:0 0 15px;font-size:25px}
.ar-guest form .mt-4{margin-top:20px}
.ar-guest .text-sm{font-size:13px}
.ar-guest .text-red-600{color:#a63029}
.ar-guest ul{padding-inline-start:20px}
.ar-ui [hidden]{display:none!important}
@media(max-width:1150px){.ar-ui .ar-shell{padding-right:228px}.ar-ui .ar-sidebar{width:228px;padding:24px 14px}.ar-ui .ar-content{padding:25px 24px 50px}.ar-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-stats-grid{grid-template-columns:1fr}.ar-ui .onboarding-steps{grid-template-columns:1fr}}
@media(max-width:760px){.ar-ui .ar-shell{padding:0}.ar-ui .ar-sidebar{display:none;position:static;width:100%;max-height:none;padding:18px;border-bottom:1px solid var(--ar-line)}.ar-ui.mobile-menu-open .ar-sidebar{display:block}.ar-ui .ar-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ar-ui .ar-workspace{margin:16px 0}.ar-ui .mobile-menu-toggle{display:inline-flex!important;border:1px solid var(--ar-line);background:#fff;color:#174a39;border-radius:11px;min-width:42px;min-height:42px;justify-content:center;align-items:center}.ar-ui .card.topbar{padding:14px 16px!important}.ar-ui .ar-content{padding:24px 16px 40px}.ar-ui .card{padding:19px!important;border-radius:17px}.ar-ui h1{font-size:26px}.ar-ui h2{font-size:20px}.ar-metrics{gap:10px}.ar-ui .ar-metric{padding:16px!important}.ar-metric>strong{font-size:28px}.ar-ui .dashboard-forms-grid{grid-template-columns:1fr!important}.ar-ui .ar-content [style*="min-width:220px"],.ar-ui .ar-content [style*="min-width:240px"],.ar-ui .ar-content [style*="min-width:260px"],.ar-ui .ar-content [style*="min-width:320px"]{min-width:0!important;max-width:100%}.ar-ui .ar-content [style*="grid-template-columns:repeat(auto-fit"]{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}.ar-ui .ar-content [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.ar-ui .ar-content form[style*="display:flex"]{gap:12px!important}.ar-ui .ar-content form[style*="display:flex"]>div[style*="flex:1"]{flex-basis:100%!important}.ar-ui .ar-content [style*="display:flex"]{max-width:100%}.ar-ui .ar-table-scroll table{min-width:620px}.ar-guest{padding:20px 14px!important}.ar-guest>.container>.card{padding:24px!important}.ar-nav-group>a{padding:9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.ar-ui *, .ar-ui *:before,.ar-ui *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Task-specific panels and readable data summaries. */
.ar-field-heading{display:flex;gap:12px;align-items:center;border-top:1px solid var(--ar-line);padding-top:22px;margin:12px 0 0}
.ar-field-heading:first-child{border-top:0;padding-top:0;margin-top:0}
.ar-ui .ar-options>label{border:1px solid var(--ar-line);border-radius:12px;padding:13px;background:#f8fbf8}
.ar-compose-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:24px;align-items:start}
.ar-mail{background:#f6f9f6;border:1px solid #e3ece4;border-radius:15px;padding:25px;margin:22px 0;min-height:260px;line-height:1.9}
.ar-ui .ar-bulk-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important}
.ar-bulk-summary>div{background:#f5f9f6;border:1px solid var(--ar-line);border-radius:14px;padding:18px;font-size:25px;line-height:1.6;overflow-wrap:anywhere}
.ar-bulk-summary>div>strong{font-size:12px;font-weight:500;color:var(--ar-muted)}
.ar-ui .ar-forms-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ar-ui .ar-forms-list>.card{margin:0!important}
.ar-ui .ar-forms-list .form-actions{margin-top:16px;flex-basis:100%;border-top:1px solid var(--ar-line);padding-top:16px}
.ar-ui .ar-response .ar-answers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}
.ar-ui .ar-response .ar-answers-grid>div{padding:14px;background:#f8fbf9;border-radius:12px}
.ar-ui .ar-response .ar-answers-grid .ar-stars{-webkit-text-stroke:0!important;color:#b87912!important;opacity:1!important}
.ar-ui .ar-help-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.ar-help-toc a{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--ar-line);border-radius:13px;background:#fff;text-decoration:none;font-size:13px}
.ar-ui .ar-content>div:first-child>div>h2,.ar-ui .ar-content>div:first-child>h2{font-size:27px}
.ar-ui .ar-content>form>.card{margin-bottom:22px!important}
.ar-ui[data-page="help"] .card>h3{padding-bottom:14px;border-bottom:1px solid var(--ar-line)}
.ar-ui[data-page="integrations.woocommerce"] .ar-content>form>.card>div:first-child{font-size:18px;color:#174a39}
@media(max-width:1150px){.ar-compose-grid{grid-template-columns:1fr}.ar-ui .ar-forms-list{grid-template-columns:1fr}}
@media(max-width:760px){.ar-ui .ar-bulk-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ar-ui .ar-response .ar-answers-grid{grid-template-columns:1fr}.ar-ui .ar-help-toc{grid-template-columns:1fr 1fr}.ar-compose-grid{gap:0}.ar-mail{padding:18px}}
.ar-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px;align-items:start}
.ar-dashboard-aside{grid-column:2;grid-row:1;min-width:0}.ar-dashboard-reviews{grid-column:1;grid-row:1;min-width:0}
.ar-dashboard-aside .ar-stats-grid{display:block}.ar-ui .ar-dashboard-aside .dashboard-forms-grid{grid-template-columns:1fr!important}
.ar-review-details{border-top:1px solid var(--ar-line);padding-top:12px;font-size:13px}.ar-review-details>summary{cursor:pointer;color:var(--ar-green);margin-bottom:12px}.ar-review-details>div{padding:10px 0}
@media(max-width:1100px){.ar-dashboard-grid{grid-template-columns:1fr}.ar-dashboard-reviews{grid-row:1;grid-column:1}.ar-dashboard-aside{grid-row:2;grid-column:1}}
@media(max-width:760px){.ar-ui .ar-sidebar{position:fixed;top:78px;bottom:0;max-height:calc(100dvh - 78px);overflow:auto}.ar-ui .card.topbar{position:sticky;top:0;z-index:60}}
/* Individual customer journey; account integration state is separate from recorded events. */
.ar-journey-actions{display:flex;gap:9px;flex-wrap:wrap}
.ar-journey-window{border:1px solid var(--ar-line);border-radius:26px;background:#f0f6f2;box-shadow:0 20px 65px #173b2910;overflow:hidden}
.ar-journey-windowbar{display:flex;justify-content:space-between;align-items:center;padding:16px 23px;border-bottom:1px solid var(--ar-line);background:#ffffffb8;font-size:12px;color:var(--ar-muted)}
.ar-window-dots{display:flex;gap:6px;direction:ltr}.ar-window-dots i{height:9px;width:9px;border-radius:50%;background:#f3b05f}.ar-window-dots i:nth-child(2){background:#b8df8f}.ar-window-dots i:nth-child(3){background:#72d2aa}
.ar-journey-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:20px;padding:20px;align-items:start}
.ar-journey-main,.ar-journey-side{min-width:0;display:grid;gap:20px}
.ar-ui .ar-journey-grid .card{margin:0;padding:24px!important}
.ar-journey-grid h2{font-size:18px;margin:0 0 12px}.ar-journey-grid h3{font-size:16px;margin:0}
.ar-journey-review .ar-response-heading{margin-top:28px}
.ar-ui .ar-journey-review .ar-quote{margin:22px 0;padding:20px!important;white-space:pre-wrap;font-size:15px;line-height:1.9}
.ar-journey-meta{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--ar-line);padding-top:14px;color:var(--ar-muted);font-size:12px;overflow-wrap:anywhere}
.ar-journey-muted{font-size:12px;color:var(--ar-muted)}
.ar-score-row .ar-rating-out-of{display:inline;font-size:11px;font-weight:400;color:var(--ar-muted)}
.ar-answer-text{white-space:pre-wrap;margin:12px 0 0;font-size:14px}
.ar-journey-footnote{font-size:11px;color:var(--ar-muted);margin:20px 0 0}
.ar-journey-timeline{list-style:none;padding:0;margin:24px 0 0}
.ar-journey-timeline li{position:relative;display:flex;gap:12px;padding-bottom:26px;font-size:13px}
.ar-journey-timeline li:last-child{padding-bottom:0}
.ar-journey-timeline li:not(:last-child):before{content:"";position:absolute;right:16px;top:36px;bottom:4px;width:1px;background:#d2e6d9}
.ar-journey-step{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:10px;background:#e2f6ec;color:#177658;font-weight:700}
.ar-step-unknown .ar-journey-step{background:#edf0ee;color:#76857e}
.ar-journey-timeline strong{display:block;margin:3px 0 5px}
.ar-journey-timeline time,.ar-journey-timeline small{display:block;font-size:11px;color:var(--ar-muted);line-height:1.7}
.ar-journey-connection p{font-size:12px;color:var(--ar-muted);margin:12px 0}
.ar-journey-connection a{font-size:12px;font-weight:600}
.ar-connection-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-size:10px;font-weight:700;background:#23483b;color:#fff}
.ar-connection-icon.ar-woo-icon{background:#8056b1}.ar-ui .badge.ar-badge-neutral{color:#62736a;background:#eef2ef}
.ar-ui .ar-journey-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:0 0 14px;padding:7px 11px;border:1px solid var(--ar-line);border-radius:10px;background:#f3faf5;text-decoration:none}
.ar-ui .ar-response:has(.ar-journey-link){cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ar-ui .ar-response:has(.ar-journey-link):hover{border-color:#94c4ad;box-shadow:0 8px 30px #173b2910}
.ar-ui .ar-response:focus-within{border-color:#177658}
@media(max-width:1150px){.ar-journey-grid{grid-template-columns:1fr}.ar-journey-side{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-journey-side>section:first-child{grid-column:1/-1}}
@media(max-width:760px){.ar-journey-grid{padding:12px;gap:14px}.ar-journey-main,.ar-journey-side{gap:14px}.ar-journey-side{grid-template-columns:1fr}.ar-ui .ar-journey-grid .card{padding:18px!important}.ar-journey-window{border-radius:20px}.ar-journey-review .ar-score-label{flex-wrap:wrap}.ar-journey-windowbar{padding:14px 18px}.ar-journey-grid .ar-score-label{gap:10px}}