/* G1-P020 | Mobile-first responsive Web application. Plugin owns all UI; Theme is routing only. */
:root{--afs-green:#236b54;--afs-deep:#163d32;--afs-ink:#213a31;--afs-muted:#697a72;--afs-bg:#f8faf8;--afs-cream:#eff5f0;--afs-line:#e2eae4;--afs-white:#fff;--afs-r:18px}
*,*::before,*::after{box-sizing:border-box}
html{height:100%;scroll-behavior:smooth}
body.afs-page{margin:0;background:var(--afs-bg);color:var(--afs-ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.afs-web{isolation:isolate;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.afs-web a{text-decoration:none;color:inherit}
.afs-web :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--afs-green);outline-offset:3px}
.afs-container{width:min(1120px,calc(100% - 42px));margin-inline:auto}
.afs-skip,.afs-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.afs-skip:focus{width:auto;height:auto;clip:auto;left:12px;top:10px;padding:9px;background:#fff;z-index:50}
.afs-header{z-index:10;flex-shrink:0;border-bottom:1px solid var(--afs-line);background:#fff}
.afs-header__inner{height:66px;width:min(1120px,calc(100% - 42px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.afs-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.afs-brand__mark{display:grid;place-items:center;border-radius:13px;width:39px;height:39px;background:var(--afs-green);color:#fff;font-size:24px}
.afs-brand__text{font-size:17px;font-weight:500;letter-spacing:-.4px;line-height:1.15}
.afs-brand__text strong{color:var(--afs-green);font-weight:800}
.afs-brand__text small{display:block;color:var(--afs-muted);font-size:10px;font-weight:500;letter-spacing:0;margin-top:4px}
.afs-help-menu{position:relative}
.afs-help-menu>summary{list-style:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:26px;line-height:1;cursor:pointer}
.afs-help-menu>summary::-webkit-details-marker{display:none}
.afs-help-menu[open]>summary{background:var(--afs-cream)}
.afs-help-menu nav{position:absolute;top:44px;right:0;display:flex;flex-direction:column;gap:4px;min-width:180px;border:1px solid var(--afs-line);border-radius:12px;padding:8px;background:#fff;box-shadow:0 12px 38px #183e3121;z-index:12}
.afs-help-menu nav a{padding:9px 12px;border-radius:7px;font-size:13px}
.afs-help-menu nav a:hover{background:var(--afs-cream)}
.afs-main{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.afs-page--app .afs-main:has(.afs-screen--chat:not([hidden])){overflow:hidden}
.afs-screen--chat{max-width:900px;height:100%;margin-inline:auto;display:flex;min-height:0;flex-direction:column}
.afs-screen--content{padding-top:4px;padding-bottom:20px}
.afs-tabbar{flex-shrink:0;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid var(--afs-line);min-height:67px;padding:4px max(8px,calc((100% - 840px)/2)) max(3px,env(safe-area-inset-bottom))}
.afs-tab{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--afs-muted)!important;font-size:11px;font-weight:600;text-align:center;border-radius:12px;padding:6px 3px;line-height:1.3}
.afs-tab__icon{font-size:24px;line-height:1.1;font-weight:500}
.afs-tab[aria-current="page"]{color:var(--afs-green)!important;background:#edf5f0;font-weight:800}
.afs-tab:hover{background:#f2f7f3}
.afs-chat-flow{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px clamp(18px,4vw,42px) 14px;display:flex;flex-direction:column}
.afs-chat-welcome{width:100%;max-width:650px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto;gap:10px;padding:22px 0}
.afs-welcome-mark{display:grid;place-items:center;width:67px;height:67px;border-radius:23px;background:#e4f0e8;color:var(--afs-green);font-size:38px;line-height:1}
.afs-chat-welcome h1{font-size:clamp(25px,3.5vw,36px);font-weight:760;letter-spacing:-.9px;line-height:1.25;margin:9px 0 0;color:var(--afs-deep)}
.afs-chat-welcome>p{margin:0 0 18px;color:var(--afs-muted);font-size:14px;line-height:1.6}
.afs-quick-topics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:600px}
.afs-quick-topics button{min-height:52px!important;text-align:left!important;padding:12px 15px!important;font-weight:600!important;line-height:1.45!important;border-radius:14px!important;background:#fff!important}
.afs-chat-history{display:flex;flex-direction:column;gap:11px;padding:0 0 12px;min-height:0;max-height:none;overflow:visible}
.afs-chat-history .afs-chat-bubble{max-width:min(86%,630px);white-space:pre-wrap;overflow-wrap:anywhere}
.afs-chat-flow #afs-chat-cards{margin:0 0 14px}
.afs-chat-dock{flex-shrink:0;width:100%;padding:8px clamp(12px,3vw,34px) 12px;background:linear-gradient(to bottom,#f8faf8ee,#f8faf8 18%)}
.afs-compose-form{border:1px solid #cfdfd4;border-radius:20px;background:#fff;box-shadow:0 8px 28px #1f4c3520;padding:10px 13px 9px}
.afs-compose-form textarea{display:block;width:100%;resize:vertical;max-height:130px;min-height:43px;border:0;outline:0!important;padding:9px 7px;font-size:15px;line-height:1.5;color:var(--afs-ink);font-family:inherit;background:transparent}
.afs-compose-form textarea::placeholder{color:#8a9b92}
.afs-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.afs-compose-media{display:flex;gap:4px;align-items:center;min-width:0}
.afs-icon-button{width:34px;height:34px;border:none;border-radius:10px;background:#f3f6f3;font-size:21px;color:#8b9d91}
.afs-icon-button:disabled{cursor:not-allowed;opacity:.63}
.afs-compose-note{font-size:10px;color:#829388;margin-left:4px}
.afs-send{width:38px;height:38px;border-radius:13px;border:0;background:var(--afs-green);color:white;font-size:25px;line-height:1;cursor:pointer}
.afs-send:disabled{opacity:.5;cursor:wait}
.afs-chat-tools{margin:8px 7px 0;font-size:12px;color:var(--afs-muted)}
.afs-chat-tools>summary{cursor:pointer;display:inline-block;padding:4px 0;list-style:auto}
.afs-chat-tools__content{display:grid;gap:8px;padding:10px 2px 0;max-height:200px;overflow-y:auto}
.afs-chat-tools__content>label{font-weight:650}
.afs-chat-tools select{max-width:300px;min-height:38px;border:1px solid var(--afs-line);border-radius:9px;padding:7px;background:#fff}
.afs-chat-consent{display:flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid #d6e5d8;border-radius:13px;background:#eff6f0;padding:10px 13px;margin-bottom:8px;font-size:12px;line-height:1.5;color:#365848}
.afs-chat-consent span{max-width:480px}
.afs-chat-consent button{min-height:38px;padding:8px 12px;white-space:nowrap;font-size:12px;flex-shrink:0}
.afs-session-strip{margin-top:0!important;padding:10px!important;font-size:12px}
.afs-session-strip span{max-width:570px}
.afs-feedback{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:8;max-width:min(680px,calc(100% - 24px));width:max-content;box-shadow:0 6px 30px #23503828}
.afs-page--app .afs-feedback{bottom:130px;pointer-events:none}
.afs-kicker{font-size:10px;letter-spacing:1px;font-weight:750;color:var(--afs-green)}
.afs-inner-hero{padding-top:27px;padding-bottom:20px}
.afs-inner-hero h1{font-size:clamp(26px,3.4vw,36px);line-height:1.2;letter-spacing:-.9px;margin:9px 0 12px}
.afs-inner-hero h1 em{font-style:normal;color:var(--afs-green)}
.afs-inner-hero p{font-size:13px;margin:0}
.afs-inner-grid{margin-bottom:20px}
.afs-panel__tag{font-size:10px}
.afs-page--info .afs-main{padding-bottom:30px}

/* Existing wardrobe/profile/AI result components retained: one shared Plugin UI contract. */
.afs-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;border-radius:12px;padding:11px 23px;font-size:14px;font-weight:700;transition:transform .15s,background .15s}
.afs-button:hover{transform:translateY(-2px)}
.afs-button--solid{background:var(--afs-green);color:#fff!important}
.afs-button--solid:hover{background:#185442}
.afs-button--outline{border:1px solid #bdd0c1;background:#fff;color:var(--afs-green)!important}
.afs-fineprint,.afs-panel__muted{font-size:12px;line-height:1.7;color:#75847b}
.afs-inner-hero h1{font-size:clamp(38px,4.3vw,58px);margin:17px 0 18px}
.afs-inner-hero p{color:var(--afs-muted);max-width:760px;font-size:16px}
.afs-inner-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(245px,1fr);gap:22px;margin-bottom:96px;align-items:stretch}
.afs-panel{background:#fff;border:1px solid var(--afs-line);border-radius:var(--afs-r);padding:30px;box-shadow:0 8px 25px #16372708}
.afs-panel h2{margin:9px 0 20px;font-size:26px;line-height:1.28;letter-spacing:-.6px;color:var(--afs-deep)}.afs-panel>p{color:var(--afs-muted);font-size:15px}
.afs-panel--large{min-height:365px}
.afs-panel__top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.afs-panel__top h2{margin:0}
.afs-panel__tag{font-size:10px;font-weight:750;letter-spacing:1.1px;padding:6px 10px;border-radius:7px;background:#e8f1e9;color:var(--afs-green);display:inline-block}
.afs-chat-sample{display:flex;flex-direction:column;gap:14px;padding:20px 0}.afs-chat-bubble{padding:15px 20px;margin:0;border-radius:15px;font-size:14px;max-width:85%}.afs-chat-bubble--user{align-self:flex-end;background:var(--afs-green);color:#fff}.afs-chat-bubble--ai{background:#f0f5f1;align-self:flex-start;color:var(--afs-ink)}.afs-chat-bubble--ai strong{display:block;margin-bottom:7px}.afs-chat-bubble--ai span{display:block}
.afs-text-link{display:inline-block;margin-top:14px;color:var(--afs-green)!important;font-weight:750;font-size:14px}
.afs-steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.afs-steps span{border:1px solid var(--afs-line);padding:13px 15px;border-radius:10px;font-size:13px;color:var(--afs-green)}
.afs-single{max-width:1180px;margin-bottom:96px}.afs-privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.afs-privacy-grid h3{font-size:16px;color:var(--afs-deep)}.afs-privacy-grid p{font-size:14px;color:var(--afs-muted)}.afs-warning{border-left:3px solid #d1a269;background:#fcf8ef;padding:13px 18px;border-radius:0 7px 7px 0;color:#71583e!important;font-size:13px!important}
.afs-status-list{border-top:1px solid var(--afs-line)}.afs-status-list>div{padding:18px 0;border-bottom:1px solid var(--afs-line);display:flex;justify-content:space-between;gap:16px}.afs-status-list span{color:var(--afs-muted);font-size:14px}

.afs-session-strip{margin-top:22px;border:1px solid #c9ded0;border-radius:14px;background:#edf5ef;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 21px}
.afs-session-strip>div{display:flex;flex-direction:column;gap:2px}
.afs-session-strip strong{font-size:14px;color:var(--afs-deep)}
.afs-session-strip span{color:var(--afs-muted);font-size:12px}
.afs-session-strip .afs-button{min-height:41px;flex-shrink:0}
.afs-feedback{border:1px solid #b7d7c3;border-radius:10px;background:#f0f8f0;color:#285744;padding:12px 17px;margin-top:14px;font-size:13px}
.afs-feedback--error{background:#fff4f1;border-color:#e1aaa0;color:#81382f}
.afs-functional{margin-bottom:76px}
.afs-functional .afs-panel h2{font-size:22px}
.afs-functional h3{font-size:15px;color:var(--afs-deep);margin:20px 0 8px}
.afs-functional button,.afs-functional input,.afs-functional select,.afs-functional textarea{font:inherit}
.afs-functional button{cursor:pointer}
.afs-functional button:disabled{cursor:wait;opacity:.55}
.afs-functional input[type="text"],.afs-functional input[type="email"],.afs-functional input[type="number"],.afs-functional input:not([type]),.afs-functional select,.afs-functional textarea{width:100%;min-width:0;min-height:43px;border:1px solid #cddad0;border-radius:10px;padding:9px 12px;font-size:14px;background:#fff;color:var(--afs-ink)}
.afs-functional input[type="file"]{width:100%;min-width:0;font-size:13px}
.afs-functional :is(input,select,textarea,button):focus-visible{outline:2px solid #246a55;outline-offset:2px}
.afs-form{display:flex;flex-direction:column;gap:10px}
.afs-form>label:not(.afs-checkbox),.afs-functional>label{font-size:13px;font-weight:650;color:#315245}
.afs-form fieldset{border:1px solid #d7e3d9;border-radius:10px;padding:14px;margin:10px 0}
.afs-form legend{padding-inline:6px;font-size:13px;font-weight:700}
.afs-form-actions,.afs-inline-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.afs-inline-actions button{min-height:36px;padding:6px 13px;font-size:12px}
.afs-form-inline{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:24px}
.afs-form-inline label{flex:1;min-width:145px;display:flex;flex-direction:column;gap:5px;font-size:12px}
.afs-form-inline button{min-height:43px}
.afs-checkbox-list{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.afs-checkbox{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;background:#f5f8f4;border:1px solid #e1e9e0;border-radius:9px;font-size:13px}
.afs-checkbox input,.afs-consent-row input{accent-color:var(--afs-green);width:16px;height:16px;flex-shrink:0}
.afs-consent-row{display:flex;align-items:flex-start;gap:12px;width:100%;border:1px solid #e0e9e0;border-radius:12px;padding:13px;background:#f9fbf8;font-size:14px;cursor:pointer}
.afs-consent-row span{display:flex;flex-direction:column;gap:3px}
.afs-consent-row small{color:var(--afs-muted);font-size:12px}
.afs-wardrobe-layout,.afs-profile-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.afs-live-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.afs-item-card,.afs-result-card{border:1px solid #dfe9df;border-radius:13px;padding:14px;background:#fbfcfa;min-width:0;overflow-wrap:anywhere}
.afs-item-card h3{margin:0 0 4px}
.afs-item-card p{margin:7px 0}
.afs-result-card{margin-top:10px}
.afs-result-card>button{margin:9px 6px 0 0;min-height:36px;padding:6px 13px;font-size:12px}
.afs-private-image{display:block;max-height:170px;width:100%;object-fit:contain;margin-block:12px;border-radius:10px;background:#f0f4f1}
.afs-private-image[hidden]{display:none}
.afs-result-list{margin-top:14px}
.afs-functional [hidden],.afs-page [hidden]{display:none!important}

/* Overrides for generic G1 form layout inside the compact chat workspace. */
.afs-screen--chat.afs-functional{margin:0 auto}
.afs-screen--chat .afs-chat-history{min-height:0;max-height:none;overflow:visible;padding:0 0 14px}
.afs-screen--chat .afs-quick-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.afs-screen--chat .afs-chat-consent[hidden],.afs-screen[hidden]{display:none!important}
.afs-screen--chat .afs-chat-dock select{width:100%;max-width:300px}
.afs-screen--chat .afs-session-strip{margin-top:0}
.afs-screen--chat .afs-chat-flow .afs-chat-bubble{margin:0}
.afs-page--app .afs-screen--content{height:100%;overflow-y:auto}
.afs-screen--content .afs-functional{margin-bottom:22px}
.afs-page--app .afs-screen--content .afs-inner-grid{margin-bottom:28px}

/* G1-P020: ordered responsive layer MUST follow all generic grid/form definitions.
 * Root cause of P019 mobile two-column overflow: 780px rule preceded later
 * .afs-wardrobe-layout/.afs-profile-layout/.afs-inner-grid declarations.
 * Keep this final block after the component rules; no duplicate CSS ownership.
 */
.afs-web,.afs-main,.afs-screen,.afs-container,.afs-panel,.afs-panel__top,
.afs-wardrobe-layout,.afs-profile-layout,.afs-inner-grid,.afs-form,
.afs-chat-flow,.afs-chat-dock,.afs-chat-welcome{min-width:0}
.afs-panel,.afs-panel__top,.afs-form,.afs-form-actions,.afs-checkbox-list,
.afs-result-list,.afs-warning,.afs-status-list{overflow-wrap:anywhere}
.afs-panel__top{flex-wrap:wrap}
.afs-panel__tag{max-width:100%;white-space:normal;line-height:1.45}
.afs-form fieldset{min-width:0}
.afs-form-actions .afs-button,.afs-inline-actions .afs-button{max-width:100%;white-space:normal;text-align:center}
.afs-screen--content{overscroll-behavior:contain}
.afs-feedback{z-index:15;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left}
.afs-feedback__dismiss{border:0;background:transparent;color:inherit;cursor:pointer;flex-shrink:0;min-width:30px;min-height:30px;font-size:23px;line-height:1;border-radius:9px}
.afs-feedback__dismiss:hover{background:#e0ebe4}
.afs-feedback__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:900px){
 .afs-inner-grid{grid-template-columns:minmax(0,1fr)}
 .afs-inner-grid .afs-panel--large{min-height:0}
}
@media(max-width:780px){
 .afs-container{width:calc(100% - 32px);max-width:none}
 .afs-header__inner{width:calc(100% - 32px)}
 .afs-wardrobe-layout,.afs-profile-layout,.afs-inner-grid,.afs-privacy-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .afs-live-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .afs-inner-hero{padding-top:22px;padding-bottom:14px}
 .afs-inner-hero h1{font-size:clamp(25px,5vw,34px);line-height:1.18;letter-spacing:-.65px;margin:8px 0}
 .afs-inner-hero p{font-size:13px;line-height:1.55}
 .afs-panel{padding:20px;border-radius:17px;box-shadow:0 2px 13px #16372708}
 .afs-functional .afs-panel h2,.afs-panel h2{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0 0 13px}
 .afs-panel__top{gap:9px;margin-bottom:12px}
 .afs-steps{margin-top:15px;gap:8px}
 .afs-steps span{padding:9px 12px}
 .afs-functional{margin-bottom:22px}
 .afs-form-inline{gap:10px;margin-bottom:14px}
 .afs-form-inline label{flex:1 1 100%;min-width:0}
 .afs-form-inline button{width:100%}
 .afs-functional input[type="text"],.afs-functional input[type="email"],.afs-functional input[type="number"],.afs-functional input:not([type]),.afs-functional select,.afs-functional textarea{font-size:16px;min-height:44px}
 .afs-functional input[type="file"]{max-width:100%}
 .afs-functional textarea{max-width:100%}
 .afs-button{min-height:44px;font-size:14px;padding:10px 15px;gap:8px}
 .afs-form-actions{gap:8px}
 .afs-checkbox-list{gap:8px}
 .afs-checkbox{max-width:100%;min-width:0;line-height:1.4}
 .afs-warning{line-height:1.55}
 .afs-page--app .afs-screen--content{padding-bottom:max(16px,env(safe-area-inset-bottom))}
 .afs-screen--content .afs-functional{margin-bottom:14px}
 .afs-page--app .afs-screen--content .afs-inner-grid{margin-bottom:14px}
}
@media(max-width:580px){
 .afs-web{height:100vh;height:100dvh}
 .afs-container{width:calc(100% - 28px)}
 .afs-header__inner{width:calc(100% - 28px);height:57px}
 .afs-brand{gap:9px}
 .afs-brand__text{font-size:15px}
 .afs-brand__mark{width:35px;height:35px;border-radius:12px;font-size:22px}
 .afs-help-menu>summary{width:40px;height:40px}
 .afs-tabbar{min-height:62px;padding:4px 6px max(4px,env(safe-area-inset-bottom));gap:2px}
 .afs-tab{font-size:10px;line-height:1.25;gap:2px;padding:5px 2px;min-height:49px}
 .afs-tab__icon{font-size:22px;line-height:1.1}
 .afs-chat-flow{padding:9px 15px 7px}
 .afs-chat-welcome{gap:8px;padding:8px 0}
 .afs-welcome-mark{width:47px;height:47px;border-radius:15px;font-size:29px}
 .afs-chat-welcome h1{font-size:clamp(23px,6vw,27px);line-height:1.2;letter-spacing:-.5px;margin:1px 0 0}
 .afs-chat-welcome>p{font-size:12px;line-height:1.45;margin-bottom:3px}
 .afs-screen--chat .afs-quick-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .afs-screen--chat .afs-quick-topics button{font-size:12px!important;padding:9px 10px!important;min-height:52px!important;line-height:1.4!important;box-shadow:none!important;border:1px solid #e0e9e2!important}
 .afs-chat-dock{padding:4px 10px 8px}
 .afs-chat-consent{display:flex;flex-wrap:wrap;gap:8px;padding:9px 11px;font-size:11px;line-height:1.45}
 .afs-chat-consent span{max-width:100%;flex:1 1 100%}
 .afs-chat-consent button{min-height:38px;min-width:0;padding:8px 12px;font-size:12px}
 .afs-compose-form{padding:7px 10px 8px;border-radius:16px;box-shadow:0 3px 12px #1f4c3512}
 .afs-compose-form textarea{font-size:16px;line-height:1.4;min-height:43px;padding:7px 5px;resize:none}
 .afs-compose-note{display:none}
 .afs-icon-button{min-width:39px;height:39px}
 .afs-send{width:41px;height:41px;flex-shrink:0}
 .afs-chat-tools{margin:5px 4px 0;font-size:11px}
 .afs-chat-tools__content{max-height:155px}
 .afs-session-strip{flex-direction:column;align-items:stretch;padding:11px!important;gap:8px}
 .afs-session-strip .afs-button{width:100%}
 .afs-inner-hero{padding-top:17px;padding-bottom:11px}
 .afs-inner-hero .afs-kicker{font-size:9px;letter-spacing:.7px}
 .afs-inner-hero h1{font-size:26px;line-height:1.23;margin:6px 0 7px}
 .afs-inner-hero p{font-size:12px;line-height:1.55}
 .afs-panel{padding:16px 15px;border-radius:16px}
 .afs-functional .afs-panel h2,.afs-panel h2{font-size:19px;line-height:1.3;margin:0 0 12px}
 .afs-panel>p{font-size:13px;line-height:1.6}
 .afs-panel__tag{font-size:9px;letter-spacing:.65px}
 .afs-wardrobe-layout,.afs-profile-layout,.afs-inner-grid{gap:11px}
 .afs-live-cards{grid-template-columns:minmax(0,1fr);margin:11px 0}
 .afs-checkbox-list{display:flex;gap:7px}
 .afs-checkbox{padding:8px 11px;font-size:13px;border-radius:11px;min-height:39px}
 .afs-form fieldset{padding:11px;margin:7px 0}
 .afs-form-actions .afs-button{flex:1 1 100%;width:100%;min-height:43px}
 .afs-inline-actions .afs-button{flex:1 1 auto}
 .afs-steps{gap:7px;margin-top:12px}
 .afs-steps span{padding:8px 10px;font-size:12px}
 .afs-page--app .afs-feedback{top:8px;bottom:auto;left:50%;width:calc(100% - 28px);max-width:460px;padding:9px 12px;font-size:12px;line-height:1.45;box-shadow:0 6px 22px #2350381f;pointer-events:auto}
 .afs-chat-history .afs-chat-bubble{padding:11px 13px;font-size:13px}
 .afs-privacy-grid{gap:12px}
 .afs-status-list>div{display:block;padding:12px 0}
 .afs-status-list span{display:block;margin-top:4px}
}
@media(max-width:360px){
 .afs-brand__text{font-size:14px}
 .afs-container{width:calc(100% - 24px)}
 .afs-panel{padding:14px 12px}
 .afs-screen--chat .afs-quick-topics button{font-size:11px!important;padding:8px!important}
 .afs-tab{font-size:9px}
 .afs-inner-hero h1{font-size:24px}
}
@media(max-height:680px) and (max-width:580px){
 .afs-chat-welcome{gap:5px;padding:3px 0}
 .afs-welcome-mark{width:37px;height:37px;font-size:24px;border-radius:13px}
 .afs-chat-welcome h1{font-size:22px}
 .afs-chat-welcome>p{font-size:11px;margin:0}
 .afs-screen--chat .afs-quick-topics button{min-height:44px!important;padding:7px 9px!important}
 .afs-chat-consent{font-size:10px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.afs-button{transition:none}.afs-panel,.afs-tab{transition:none}}