/* AGROSTACK | customer-first task UI, existing live API forms, 9-role discovery */
.ag-shopping-workspace{padding:26px 0 43px;scroll-margin-top:24px}
.ag-shopping-header{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,.5fr);gap:22px;align-items:end;margin-bottom:19px}
.ag-shopping-header h2{font-size:clamp(29px,3.2vw,44px);line-height:1.12;letter-spacing:-.038em;margin:12px 0;color:var(--af-forest,#1E4D3B)}
.ag-shopping-header p{font-size:15px;max-width:770px;line-height:1.6;color:var(--af-forest,#1E4D3B)}
.ag-shop-status{background:var(--af-paddy,#F7F3E6);padding:17px;border-radius:12px;border:1px solid var(--af-line,#DCD4BE);display:grid;gap:7px}
.ag-shop-status strong{font-size:15px;color:var(--af-forest,#1E4D3B)}.ag-shop-status span{color:var(--af-mut,#5B6B63);font-size:13px}
.ag-shopping-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px}
.ag-shopping-panels>section{background:var(--af-white,#FFFFFF);border:1px solid var(--af-mist,#E4EDE6);border-radius:18px;padding:clamp(18px,2.4vw,31px)!important;margin:0!important;min-width:0;box-shadow:0 10px 30px color-mix(in srgb,var(--af-ink,#1C2B26) 6%,transparent)}
.ag-shopping-panels>section h2{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.025em;line-height:1.23}
.ag-shopping-panels>section p{font-size:14px;line-height:1.55}
.ag-shopping-panels>section :is(input,select,textarea){max-width:100%;min-height:44px}
.ag-shopping-panels>section button{min-height:46px;font-weight:750}
body.surface-consumer .surface-hero{min-height:330px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
body.surface-consumer .surface-hero .hero-copy{padding:clamp(27px,3.2vw,42px)}
body.surface-consumer .surface-hero h1{font-size:clamp(35px,3.8vw,54px);line-height:1.04}
body.surface-consumer .surface-hero .hero-art{min-height:330px}
.ag-role-discovery{padding:40px 0 52px;border-top:1px solid #d7e4d4}
.ag-role-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.75fr);gap:26px;align-items:center;margin-bottom:24px}
.ag-role-heading h2{font-size:clamp(30px,3.3vw,46px);margin:12px 0;letter-spacing:-.035em;line-height:1.12;color:var(--af-forest,#1E4D3B)}
.ag-role-heading p{font-size:15px;color:var(--af-mut,#5B6B63)}
#ag-role-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;background:var(--af-paddy,#F7F3E6);border-radius:15px;padding:15px}
#ag-role-search-form label,#ag-role-search-status{grid-column:1/-1;font-size:13px;color:var(--af-ink2,#3D4F48);font-weight:750}
#ag-role-search-form input{min-width:0;min-height:46px;border:1px solid #adc7b3;border-radius:9px;padding:10px;font-size:14px;background:var(--af-white,#FFFFFF)}
#ag-role-search-form button{min-height:46px;padding:9px 14px;border:1px solid #3d7553;border-radius:9px;background:var(--af-white,#FFFFFF);cursor:pointer}
.ag-role-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.ag-role-item[hidden]{display:none!important}
.ag-role-item a{display:grid;grid-template-columns:30px minmax(0,1fr) 15px;gap:4px 8px;min-height:159px;padding:19px;background:var(--af-white,#FFFFFF);border:1px solid #d6e4d5;border-radius:15px;text-decoration:none;color:var(--af-forest,#1E4D3B)}
.ag-role-item a:hover{border-color:#99ba9e;box-shadow:0 10px 30px rgba(18,66,38,.1)}
.ag-role-num{grid-row:1/4;font-size:12px;font-weight:900;letter-spacing:.04em;color:var(--af-forest,#1E4D3B)}
.ag-role-item strong{grid-column:2;font-size:17px;line-height:1.22}
.ag-role-item a>span:nth-of-type(2){grid-column:2;font-size:14px;color:var(--af-forest,#1E4D3B)}
.ag-role-item small{grid-column:2;font-size:12px;color:var(--af-mut,#5B6B63);line-height:1.4}
.ag-role-item b{grid-column:3;grid-row:1;font-size:19px}
.ag-role-note{color:var(--af-mut,#5B6B63);font-size:13px;margin-top:19px}
.ag-role-item a:focus-visible,#ag-role-search-form input:focus-visible,#ag-role-search-form button:focus-visible{outline:3px solid var(--af-focus,#1469A8);outline-offset:3px}
@media(max-width:1000px){.ag-shopping-panels{grid-template-columns:minmax(0,1fr)}.ag-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ag-shopping-header,.ag-role-heading{grid-template-columns:minmax(0,1fr)}.ag-shopping-workspace{padding:20px 0}.ag-shopping-panels>section{padding:18px!important}.ag-role-list{grid-template-columns:minmax(0,1fr)}.ag-role-item a{min-height:125px}.ag-role-discovery{padding:30px 0}.ag-shopping-header h2{font-size:31px}body.surface-consumer .surface-hero{grid-template-columns:minmax(0,1fr);min-height:0}body.surface-consumer .surface-hero .hero-art{min-height:135px}body.surface-consumer .surface-hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){.ag-role-item a{transition:none}}