.app-shell{min-height:100vh}.public-home-page{min-height:100vh;color:var(--color-on-surface);background:#fff;overflow:hidden}.public-home-nav{align-items:center;gap:var(--space-stack-lg);width:min(1440px,100% - 96px);min-height:76px;margin:0 auto;display:flex}.public-home-brand{flex:none;width:210px;height:72px;display:block}.public-home-brand img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.public-home-links{align-items:center;gap:28px;margin-left:auto;display:flex}.public-home-links a{color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);text-decoration:none}.public-home-links a:hover{color:var(--color-primary)}.public-home-actions{align-items:center;gap:var(--space-stack-sm);display:flex}.language-selector{min-height:40px;color:var(--color-on-surface-variant);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline);border-radius:var(--radius-default);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.language-selector select{min-width:92px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 18px 6px 0}.language-selector select:focus-visible{outline:2px solid var(--color-primary-container);outline-offset:2px}.login-language-selector{top:var(--space-stack-lg);right:var(--space-stack-lg);position:absolute}.profile-page{position:relative}.profile-language-selector{position:absolute;top:0;right:0}.public-home-icon-button{width:40px;height:40px;color:var(--color-primary-container);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.public-home-icon-button:hover{background:var(--color-surface-container-low)}.public-home-cart span{width:18px;height:18px;color:var(--color-on-primary);background:var(--color-primary-container);border-radius:var(--radius-pill);place-items:center;font-size:10px;font-weight:700;display:grid;position:absolute;top:0;right:-2px}.public-home-account{align-items:center;gap:var(--space-stack-sm);margin-left:var(--space-stack-sm);color:var(--color-primary-container);border-radius:var(--radius-default);cursor:pointer;font-size:var(--font-size-body-sm);background:0 0;border:0;padding:10px 14px;display:inline-flex}.public-home-account:hover{background:var(--color-surface-container-low)}.public-home-hero{align-items:center;gap:var(--space-stack-lg);grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);width:min(1440px,100% - 96px);min-height:650px;margin:0 auto;display:grid;position:relative}.public-home-hero-copy{z-index:1;padding:64px 0 88px;position:relative}.public-home-hero-copy .eyebrow{color:var(--color-secondary)}.public-home-hero h1{color:#414143;letter-spacing:-.03em;max-width:680px;margin-top:22px;font-size:clamp(42px,5vw,72px);line-height:.98}.public-home-hero h1 span{-webkit-text-decoration:underline var(--color-primary-container) solid 2px;text-decoration:underline var(--color-primary-container) solid 2px;text-underline-offset:7px;text-decoration-thickness:9px}.public-home-hero-description{max-width:620px;color:var(--color-on-surface);margin-top:28px;font-size:19px;line-height:1.55}.public-home-cta{align-items:center;gap:var(--space-stack-sm);margin-top:28px;padding-inline:20px;display:inline-flex}.public-home-stats{border-radius:var(--radius-default);border:2px solid #6a9f5b;grid-template-columns:repeat(3,1fr);width:min(620px,100%);margin-top:44px;display:grid}.public-home-stats div{text-align:center;gap:2px;padding:12px 16px;display:grid}.public-home-stats div+div{border-left:2px solid #6a9f5b}.public-home-stats strong{color:#5c9650;font-size:23px;line-height:1}.public-home-stats span{color:#8c8c8c;font-size:var(--font-size-label-md)}.public-home-hero-media{justify-content:center;align-self:stretch;align-items:flex-end;height:650px;display:flex;position:relative}.public-home-hero-media:before{content:"";z-index:0;background:#dce8d7;border-radius:180px 28px 28px 180px;width:88%;height:82%;position:absolute;bottom:0;right:0}.public-home-hero-media img{z-index:1;object-fit:contain;object-position:bottom center;align-self:end;max-width:116%;height:108%;position:relative;transform:translateY(5%)}.public-home-continuation{background:var(--color-surface-container-low);padding:80px max(48px,50% - 720px) 100px}.public-home-continuation h2{color:var(--color-primary);margin-top:12px;font-size:34px}.login-shell{min-height:100vh;padding:var(--space-stack-lg);background:var(--color-surface-container-low);place-items:center;display:grid}.login-panel{width:min(460px,100%);padding:calc(var(--space-stack-lg) * 2);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.login-brand-mark{width:180px;height:64px;margin-bottom:var(--space-stack-lg);place-items:center;display:grid}.login-brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.login-form{gap:var(--space-stack-md);margin-top:var(--space-stack-lg);display:grid}.login-form .field-label{align-items:center;gap:var(--space-stack-sm);display:flex}.login-submit{width:100%;margin-top:var(--space-stack-sm)}.auth-mode-toggle{width:100%;margin-top:var(--space-stack-md);text-align:center}.user-session{align-items:center;gap:var(--space-stack-sm);display:flex}.top-bar{z-index:20;align-items:center;gap:var(--space-stack-lg);height:64px;padding:0 var(--space-container-padding);background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);display:flex;position:fixed;inset:0 0 auto}.brand{flex:none;width:116px;height:48px;display:block}.brand img{object-fit:contain;width:100%;height:100%;display:block}.top-links{gap:var(--space-stack-md);margin-left:var(--space-stack-md);display:flex}.top-links a,.muted-text,.page-subtitle{color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);text-decoration:none}.top-links a:hover{color:var(--color-primary)}.top-actions{align-items:center;gap:var(--space-stack-sm);margin-left:auto;display:flex}.button,.icon-button,.workflow-link,.text-button{cursor:pointer;border:0}.button{min-height:40px;padding:0 var(--space-stack-md);border-radius:var(--radius-default);font-size:var(--font-size-label-md);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.button-primary{color:var(--color-on-primary);background:var(--color-primary-container)}.button-secondary{color:var(--color-on-surface-variant);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline)}.icon-button{width:40px;height:40px;color:var(--color-on-surface-variant);border-radius:var(--radius-pill);background:0 0;place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-surface-container)}.avatar{width:32px;height:32px;color:var(--color-on-primary);background:var(--color-primary-container);border-radius:var(--radius-pill);font-size:var(--font-size-label-md);place-items:center;font-weight:700;display:grid}.mobile-menu-button,.close-nav-button{display:none}.side-nav{z-index:21;width:240px;padding:var(--space-stack-md) var(--space-stack-sm);background:var(--color-surface-container-lowest);border-right:1px solid var(--color-outline-variant);flex-direction:column;display:flex;position:fixed;top:64px;bottom:0}.side-nav-header{align-items:center;gap:var(--space-stack-sm);padding:var(--space-stack-sm);margin-bottom:var(--space-stack-md);background:var(--color-surface-container);border-radius:var(--radius-md);display:flex}.side-nav-header strong,.side-nav-header span{display:block}.side-nav-header strong{color:var(--color-primary);font-size:var(--font-size-body-sm)}.side-nav-header span,.workflow-label,.side-nav-footer span{color:var(--color-on-surface-variant);font-size:var(--font-size-label-md);letter-spacing:.05em;text-transform:uppercase}.contract-icon{width:40px;height:40px;color:var(--color-on-primary);background:var(--color-primary-container);border-radius:var(--radius-default);place-items:center;display:grid}.workflow-label{padding:0 var(--space-stack-sm) var(--space-stack-sm)}.workflow-nav{gap:var(--space-stack-sm);display:grid}.workflow-link{align-items:center;gap:var(--space-stack-sm);min-height:44px;padding:0 var(--space-stack-sm);color:var(--color-on-surface-variant);border-radius:var(--radius-default);text-align:left;background:0 0;display:flex}.workflow-link:hover,.workflow-link-active{color:var(--color-primary);background:var(--color-surface-container-high)}.workflow-link-active{font-weight:700}.workflow-chevron{margin-left:auto}.side-nav-footer{gap:var(--space-stack-sm);padding:var(--space-stack-sm);margin-top:auto;display:grid}.main-content{max-width:1440px;min-height:100vh;padding:96px var(--space-container-padding) var(--space-stack-lg);margin-left:240px}.breadcrumbs{align-items:center;gap:var(--space-stack-sm);margin-bottom:var(--space-stack-lg);color:var(--color-on-surface-variant);font-size:var(--font-size-label-md);text-transform:uppercase;letter-spacing:.05em;display:flex}.breadcrumbs strong{color:var(--color-primary)}.page-heading,.card-heading,.card-title-row,.identity-row{justify-content:space-between;align-items:center;gap:var(--space-stack-md);display:flex}.page-heading{margin-bottom:var(--space-stack-lg)}.eyebrow{color:var(--color-on-surface-variant);font-size:var(--font-size-label-md);letter-spacing:.05em;text-transform:uppercase;font-weight:600;display:block}h1,h2{margin:var(--space-stack-sm) 0 0;color:var(--color-on-surface)}h1{font-size:var(--font-size-headline-md);line-height:var(--line-height-headline-md)}h2{font-size:var(--font-size-title-lg);line-height:var(--line-height-title-lg)}.page-subtitle{margin:var(--space-stack-sm) 0 0;max-width:620px}.status-badge{border-radius:var(--radius-pill);width:fit-content;font-size:var(--font-size-label-md);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:5px 10px;font-weight:600;display:inline-flex}.status-complete{color:var(--color-status-complete);background:#10b9811a}.status-pending{color:var(--color-status-pending);background:#f59e0b1a}.status-in-progress{color:var(--color-status-in-progress);background:#4755691a}.status-not-started{color:var(--color-status-not-started);background:#64748b1a}.summary-grid,.metric-grid{gap:var(--space-stack-md);margin-bottom:var(--space-stack-lg);grid-template-columns:minmax(0,2fr) minmax(280px,1fr);display:grid}.summary-card,.content-card,.metric-card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.summary-card,.metric-card{padding:var(--space-stack-lg)}.identity-row{margin:var(--space-stack-md) 0 var(--space-stack-lg);justify-content:flex-start}.identity-row strong{color:var(--color-primary);font-size:var(--font-size-headline-sm)}.identity-row span{color:var(--color-on-surface-variant);font-size:var(--font-size-body-md)}.summary-details{gap:var(--space-stack-md);grid-template-columns:repeat(3,1fr);display:grid}.summary-details strong{margin-top:var(--space-stack-sm);font-size:var(--font-size-body-sm);display:block}.progress-card{flex-direction:column;justify-content:center;display:flex}.card-heading strong{color:var(--color-primary);font-size:var(--font-size-headline-md)}.progress-track{background:var(--color-surface-container-high);border-radius:var(--radius-pill);height:10px;overflow:hidden}.progress-value{background:var(--color-primary-container);border-radius:inherit;height:100%}.progress-secondary{background:var(--color-secondary)}.progress-card p{margin:var(--space-stack-md) 0 0;color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);text-align:center}.progress-card p strong{color:var(--color-primary)}.content-card{margin-bottom:var(--space-stack-lg);overflow:hidden}.card-title-row{padding:var(--space-stack-md) var(--space-stack-lg);background:var(--color-surface-container-low);border-bottom:1px solid var(--color-outline-variant);align-items:flex-end}.roadmap-list{display:grid}.roadmap-row{align-items:center;gap:var(--space-stack-md);min-height:64px;padding:0 var(--space-stack-lg);border-bottom:1px solid var(--color-outline-variant);grid-template-columns:40px minmax(180px,1fr) 140px 100px;display:grid}.roadmap-row:last-child{border-bottom:0}.stage-number{border-radius:var(--radius-pill);width:32px;height:32px;font-size:var(--font-size-label-md);place-items:center;font-weight:700;display:grid}.roadmap-row>strong{font-size:var(--font-size-body-md)}.text-button{color:var(--color-primary);font-size:var(--font-size-label-md);text-align:right;background:0 0;font-weight:600}.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-card{min-height:150px}.metric-value{align-items:baseline;gap:var(--space-stack-sm);margin:var(--space-stack-md) 0;display:flex}.metric-value strong{font-size:var(--font-size-headline-md)}.metric-value span{color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm)}.metric-note{margin-top:var(--space-stack-sm);font-size:var(--font-size-label-md);font-weight:600;display:block}.note-secondary,.note-positive{color:var(--color-secondary)}.note-neutral{color:var(--color-on-surface-variant)}.dashboard-heading{align-items:flex-end}.dashboard-metrics{gap:var(--space-stack-md);margin-bottom:var(--space-stack-lg);grid-template-columns:repeat(4,1fr);display:grid}.dashboard-metric{min-height:132px;padding:var(--space-stack-md);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;justify-content:space-between;display:flex}.dashboard-metric strong{color:var(--color-primary);font-size:var(--font-size-headline-md)}.dashboard-metric>span:last-child{color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm)}.contracts-card{overflow:visible}.filter-bar{justify-content:space-between;align-items:center;gap:var(--space-stack-md);padding:var(--space-stack-md) var(--space-stack-lg);background:var(--color-surface-container-low);border-bottom:1px solid var(--color-outline-variant);display:flex}.search-field{align-items:center;gap:var(--space-stack-sm);min-width:280px;height:40px;padding:0 var(--space-stack-sm);color:var(--color-on-surface-variant);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);display:flex}.search-field input{width:100%;min-width:0;color:var(--color-on-surface);font-size:var(--font-size-body-sm);background:0 0;border:0;outline:0}.filter-tabs{gap:var(--space-stack-sm);flex-wrap:wrap;display:flex}.filter-tab{min-height:32px;padding:0 var(--space-stack-sm);color:var(--color-on-surface-variant);border-radius:var(--radius-default);cursor:pointer;font-size:var(--font-size-label-md);background:0 0;border:1px solid #0000}.filter-tab:hover,.filter-tab-active{color:var(--color-primary);background:var(--color-surface-container-lowest);border-color:var(--color-outline-variant)}.table-wrap{overflow-x:auto}.contracts-table{border-collapse:collapse;text-align:left;width:100%;min-width:940px}.contracts-table th{padding:var(--space-stack-md) var(--space-stack-lg);color:var(--color-on-surface-variant);background:var(--color-surface-container-high);font-size:var(--font-size-label-md);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.contracts-table td{padding:var(--space-stack-md) var(--space-stack-lg);border-bottom:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);vertical-align:middle}.contracts-table tbody tr:hover{background:var(--color-surface)}.contracts-table tbody tr:last-child td{border-bottom:0}.contracts-table td strong{color:var(--color-on-surface);font-size:var(--font-size-body-sm);display:block}.table-link{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-body-sm);background:0 0;border:0;padding:0;font-weight:700}.table-link:hover,.text-button:hover{text-decoration:underline}.table-secondary{margin-top:var(--space-stack-sm);color:var(--color-on-surface-variant);font-size:var(--font-size-label-md);display:block}.margin-warning{color:var(--color-error)!important}.empty-state{gap:var(--space-stack-sm);padding:var(--space-stack-lg);text-align:center;display:grid}.empty-state strong{color:var(--color-on-surface)}.empty-state span{color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scrim{z-index:20;background:#191c1e59;border:0;position:fixed;inset:64px 0 0}.top-link-button,.breadcrumb-link{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.top-link-button{color:var(--color-on-surface-variant);font-size:var(--font-size-body-md)}.top-link-button:hover,.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-link{color:var(--color-on-surface-variant)}.text-button:disabled{color:var(--color-on-surface-variant);cursor:not-allowed;opacity:.6;text-decoration:none}.heading-actions{align-items:center;gap:var(--space-stack-sm);flex-wrap:wrap;display:flex}.alert-banner{margin-bottom:var(--space-stack-md);padding:var(--space-stack-md);border-radius:var(--radius-default);font-size:var(--font-size-body-sm);border:1px solid #0000}.alert-success{color:var(--color-secondary);background:#006c4914;border-color:#006c4933}.alert-warning{color:var(--color-on-error-container);background:var(--color-error-container);border-color:#ba1a1a33}.specs-summary{margin-bottom:var(--space-stack-lg)}.specs-summary .summary-card{min-height:140px}.json-preview{margin:var(--space-stack-md) 0 0;padding:var(--space-stack-md);color:var(--color-on-surface);background:var(--color-surface-container-low);border-radius:var(--radius-default);font-family:var(--font-family-base);font-size:var(--font-size-mono-data);line-height:var(--line-height-body-sm);white-space:pre-wrap;overflow:auto}.specs-form{gap:var(--space-stack-lg);padding-bottom:96px;display:grid}.form-section{overflow:hidden}.form-grid{gap:var(--space-stack-md);padding:var(--space-stack-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-field{gap:var(--space-stack-sm);color:var(--color-on-surface);display:grid}.form-field-wide{grid-column:1/-1}.field-label{color:var(--color-on-surface-variant);font-size:var(--font-size-label-md);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:40px;padding:0 var(--space-stack-sm);color:var(--color-on-surface);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default)}.form-field textarea{min-height:96px;padding:var(--space-stack-sm);resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary-container);outline:0;box-shadow:0 0 0 2px #2d5a2733}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{color:var(--color-on-surface-variant);background:var(--color-surface-container);cursor:not-allowed}.field-error{color:var(--color-error);font-size:var(--font-size-label-md)}.form-actions{z-index:5;align-items:center;gap:var(--space-stack-sm);padding:var(--space-stack-md) var(--space-container-padding);background:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.workflow-page{padding-bottom:32px}.action-spacer{flex:1}.feasibility-layout{gap:var(--space-stack-lg);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.feasibility-main{gap:var(--space-stack-lg);display:grid}.assessment-sidebar{gap:var(--space-stack-md);padding:var(--space-stack-lg);display:grid;position:sticky;top:88px}.assessment-sidebar h2{margin:0}.outcome-row{justify-content:space-between;gap:var(--space-stack-md);padding-top:var(--space-stack-sm);border-top:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);display:flex}.outcome-row strong{color:var(--color-on-surface);text-align:right}.risk-controls{gap:var(--space-stack-md);padding:var(--space-stack-lg);display:grid}.risk-control{align-items:center;gap:var(--space-stack-md);grid-template-columns:minmax(170px,1fr) 2fr;display:grid}.risk-control>span{justify-content:space-between;align-items:center;gap:var(--space-stack-md);display:flex}.risk-control strong{font-size:var(--font-size-headline-sm)}.risk-control input[type=range]{accent-color:var(--color-primary-container)}.risk-matrix{gap:var(--space-stack-md);padding:var(--space-stack-lg);background:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);grid-template-columns:repeat(4,1fr);display:grid}.risk-matrix strong{margin-top:var(--space-stack-sm);font-size:var(--font-size-title-lg);display:block}.risk-pill{border-radius:var(--radius-pill);width:fit-content;font-size:var(--font-size-label-md);padding:5px 10px;font-weight:600;display:inline-flex}.risk-low{color:var(--color-secondary)}.risk-medium{color:var(--color-tertiary)}.risk-high{color:var(--color-error)}.risk-pill.risk-low{background:#006c491a}.risk-pill.risk-medium{background:#f59e0b1f}.risk-pill.risk-high{background:#ba1a1a1a}.readout{gap:var(--space-stack-sm);padding:var(--space-stack-sm);background:var(--color-surface-container-low);border-radius:var(--radius-default);display:grid}.readout strong{font-size:var(--font-size-title-lg)}.farmer-filter-bar{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(120px,160px)) auto;align-items:center;display:grid}.farmer-filter-bar select{min-height:40px;padding:0 var(--space-stack-sm);color:var(--color-on-surface);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default)}.toggle-label{align-items:center;gap:var(--space-stack-sm);color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);white-space:nowrap;display:flex}.selection-toolbar{justify-content:space-between;align-items:center;gap:var(--space-stack-md);padding:var(--space-stack-md) var(--space-stack-lg);color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);border-bottom:1px solid var(--color-outline-variant);display:flex}.selection-toolbar>div{gap:var(--space-stack-sm);display:flex}.selection-toolbar .button{min-height:36px}.inline-number{width:90px;min-height:34px;padding:0 var(--space-stack-sm);color:var(--color-on-surface);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default)}.modal-backdrop{z-index:50;padding:var(--space-stack-lg);background:#191c1e73;place-items:center;display:grid;position:fixed;inset:0}.confirm-modal{gap:var(--space-stack-md);width:min(480px,100%);padding:var(--space-stack-lg);background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-focus);display:grid}.buyer-detail{width:min(760px,100%);max-height:min(820px,92vh);overflow:auto}.confirm-modal h2{margin:0}.monitoring-notice{background:var(--color-error-container);border:1px solid #ba1a1a47;max-width:560px}.monitoring-notice p{line-height:var(--line-height-body-md)}.confirm-modal p{color:var(--color-on-surface-variant);font-size:var(--font-size-body-md);line-height:var(--line-height-body-md);margin:0}.modal-actions{justify-content:flex-end;gap:var(--space-stack-sm);display:flex}.procurement-table select,.table-input{min-height:34px;padding:0 var(--space-stack-sm);color:var(--color-on-surface);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);font-size:var(--font-size-body-sm)}.item-name{min-width:180px}.quantity-input{width:86px}.unit-input{width:74px}.procurement-card .table-wrap{padding-bottom:2px}.monitoring-table{min-width:1080px}.table-progress{align-items:center;gap:var(--space-stack-sm);min-width:90px;display:flex}.table-progress .progress-track{flex:1;height:7px}.table-progress>span{width:32px;color:var(--color-on-surface-variant);font-size:var(--font-size-label-md)}.exception-text{max-width:220px;color:var(--color-error)}.exception-list{gap:0;display:grid}.exception-row{gap:var(--space-stack-md);padding:var(--space-stack-md) var(--space-stack-lg);border-bottom:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);grid-template-columns:auto 160px 1fr;align-items:center;display:grid}.exception-row:last-child{border-bottom:0}.yield-card{overflow:hidden}.yield-bars{gap:var(--space-stack-lg);padding:var(--space-stack-lg);display:grid}.yield-bar-row{gap:var(--space-stack-sm);display:grid}.yield-bar-label{color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);justify-content:space-between;display:flex}.yield-bar-label strong{color:var(--color-on-surface)}.yield-bar-track{background:var(--color-surface-container-high);border-radius:var(--radius-pill);height:18px;overflow:hidden}.yield-bar-value{border-radius:inherit;height:100%}.yield-target{background:var(--color-status-in-progress)}.yield-forecast{background:var(--color-primary-container)}.yield-actual{background:var(--color-secondary)}.profile-page{max-width:980px;margin:0 auto}.profile-hero{align-items:center;gap:var(--space-stack-lg);padding:var(--space-stack-lg);margin-bottom:var(--space-stack-lg);display:flex}.profile-avatar{width:72px;height:72px;color:var(--color-on-primary);background:var(--color-primary-container);border-radius:var(--radius-pill);font-size:var(--font-size-headline-sm);flex-shrink:0;place-items:center;font-weight:700;display:grid}.profile-hero h2{margin-top:var(--space-stack-sm)}.profile-details{overflow:hidden}.profile-detail-grid{gap:var(--space-stack-md);padding:var(--space-stack-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-detail{align-items:flex-start;gap:var(--space-stack-sm);padding:var(--space-stack-md);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);display:flex}.profile-detail-icon{color:var(--color-primary);place-items:center;display:grid}.profile-detail strong{margin-top:var(--space-stack-sm);overflow-wrap:anywhere;font-size:var(--font-size-body-md);display:block}.buyer-home-page,.buyer-order-page{max-width:1120px;margin:0 auto}.buyer-portal-header{min-height:284px;padding:var(--space-stack-md) var(--space-stack-md) calc(var(--space-stack-md) + 56px);margin:calc(var(--space-stack-lg) * -1) calc(var(--space-container-padding) * -1) var(--space-stack-lg);background-color:var(--color-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);position:relative;overflow:hidden}.buyer-portal-pattern{z-index:0;pointer-events:none;width:110%;position:absolute;top:0;left:-5%}.buyer-portal-pattern img{width:100%;height:auto;margin-bottom:-2px;display:block}.buyer-portal-pattern img:nth-child(2n){transform:scaleY(-1)}.buyer-portal-nav{z-index:1;align-items:center;gap:var(--space-stack-lg);min-height:72px;padding:var(--space-stack-sm) var(--space-stack-md);background:var(--color-primary-container);border-radius:var(--radius-lg);display:flex;position:relative;box-shadow:0 12px 24px #1542122e}.buyer-portal-brand{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);flex:none;width:116px;height:48px;padding:4px 10px;display:block}.buyer-portal-brand img{object-fit:contain;width:100%;height:100%;display:block}.buyer-portal-nav-links{align-items:center;gap:var(--space-stack-lg);display:flex}.buyer-portal-nav-link,.buyer-portal-request-count,.buyer-portal-profile,.buyer-portal-sign-out{color:var(--color-on-primary);font-size:var(--font-size-body-sm);text-decoration:none}.buyer-portal-nav-link{border-radius:var(--radius-default);padding:10px 12px}.buyer-portal-nav-link-active,.buyer-portal-nav-link:hover{background:#ffffff24}.buyer-portal-request-count{align-items:center;gap:var(--space-stack-sm);color:var(--color-secondary-container);font-weight:600;display:inline-flex}.buyer-portal-nav-actions{align-items:center;gap:var(--space-stack-sm);margin-left:auto;display:flex}.buyer-portal-profile,.buyer-portal-sign-out{align-items:center;gap:var(--space-stack-sm);border-radius:var(--radius-default);cursor:pointer;background:0 0;border:0;padding:10px 12px;display:inline-flex}.buyer-portal-profile{color:var(--color-primary);background:var(--color-surface-container-lowest)}.buyer-portal-sign-out:hover{background:#ffffff24}.buyer-portal-welcome{z-index:1;max-width:620px;padding:64px var(--space-stack-md) 24px;color:var(--color-on-primary);position:relative}.buyer-portal-welcome .eyebrow{color:var(--color-secondary)}.buyer-portal-welcome h1{margin-top:var(--space-stack-sm);color:var(--color-primary)}.buyer-portal-welcome p:last-child{max-width:540px;margin-top:var(--space-stack-md);color:var(--color-secondary);font-size:var(--font-size-body-md);line-height:var(--line-height-body-md)}.buyer-readiness-grid{z-index:1;gap:var(--space-stack-sm);grid-template-columns:repeat(3,minmax(0,1fr));width:65%;max-width:65%;display:grid;position:relative}.readiness-card{justify-items:start;gap:var(--space-stack-sm);min-height:150px;padding:var(--space-stack-md);color:var(--color-on-surface);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;display:grid}.buyer-readiness-card{min-height:0;padding:var(--space-stack-sm) var(--space-stack-md);background:#ffffffeb;border-color:#ffffffb8;gap:4px;box-shadow:0 8px 18px #1542121f}.buyer-readiness-card .eyebrow{font-size:10px}.buyer-readiness-card strong{font-size:var(--font-size-body-sm)}.buyer-readiness-card small{font-size:var(--font-size-label-md);line-height:var(--line-height-body-sm)}.buyer-create-request-fab{right:var(--space-stack-md);bottom:var(--space-stack-md);z-index:2;position:absolute;box-shadow:0 6px 14px #15421247}.buyer-request-alert{top:var(--space-stack-lg);z-index:20;width:min(520px,100% - 32px);box-shadow:var(--shadow-card);position:fixed;left:50%;transform:translate(-50%)}@keyframes buyer-request-button-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.buyer-request-button-shake{animation:.45s ease-in-out buyer-request-button-shake}.readiness-card:hover{border-color:var(--color-primary-container)}.readiness-card:disabled{cursor:not-allowed}.readiness-icon{color:var(--color-error)}.readiness-complete .readiness-icon{color:var(--color-secondary)}.readiness-card strong{font-size:var(--font-size-title-lg)}.readiness-card small{color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-md)}.buyer-content-grid{gap:var(--space-stack-lg);grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);align-items:start;display:grid}.buyer-crop-showcase,.buyer-active-orders{min-width:0}.buyer-section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-stack-md);margin-bottom:var(--space-stack-md);display:flex}.buyer-section-heading h2{margin-top:var(--space-stack-sm)}.buyer-section-count{color:var(--color-on-surface-variant);font-size:var(--font-size-label-md)}.crop-card-grid{gap:var(--space-stack-md);grid-template-columns:minmax(0,1fr);display:grid}.crop-card{min-width:0;padding:var(--space-stack-md) 0;background:var(--color-surface-container-lowest);border:0;border-bottom:1px solid var(--color-outline-variant);border-radius:0;display:flex;overflow:visible;box-shadow:0 5px 10px -8px #191c1e80}.crop-card-image{aspect-ratio:1;width:156px;margin:0 var(--space-stack-md);border-radius:var(--radius-default);background:#f4c542;flex:none;align-self:center;position:relative}.crop-card-image img{object-fit:contain;width:168px;height:168px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.crop-card:nth-child(2n) .crop-card-image img{transform:translate(-50%,-50%)scaleX(-1)}.crop-card-content{min-width:0;padding:var(--space-stack-md) var(--space-stack-md) var(--space-stack-md) 0;flex:1}.crop-card-title{justify-content:space-between;align-items:flex-start;gap:var(--space-stack-sm);display:flex}.crop-card-title>div{gap:4px;min-width:0;display:grid}.crop-card-title strong{overflow-wrap:anywhere;color:var(--color-on-surface);font-size:var(--font-size-body-md)}.crop-card-title span:not(.crop-card-status){color:var(--color-on-surface-variant);font-size:var(--font-size-label-md)}.crop-card-status{color:var(--color-secondary);font-size:var(--font-size-label-md);flex:none;font-weight:700}.crop-card-details{gap:var(--space-stack-sm);margin-top:var(--space-stack-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.crop-card-details div{gap:4px;min-width:0;display:grid}.crop-card-details span{color:var(--color-on-surface-variant);font-size:var(--font-size-label-md)}.crop-card-details strong{overflow-wrap:anywhere;color:var(--color-primary);font-size:var(--font-size-label-md)}.crop-card-action{margin-top:var(--space-stack-md);padding-inline:var(--space-stack-sm)}.active-order-list{gap:var(--space-stack-sm);display:grid}.active-order-card{padding:var(--space-stack-md);background:var(--color-surface-container-lowest);border:1px solid var(--color-primary-container);border-radius:var(--radius-default);box-shadow:var(--shadow-card)}.active-order-heading{align-items:center;gap:var(--space-stack-sm);display:flex}.active-order-heading strong{color:var(--color-on-surface);font-size:var(--font-size-body-sm)}.active-order-dot{border-radius:var(--radius-pill);background:var(--color-secondary);width:8px;height:8px;display:block;box-shadow:0 0 0 3px #006c491a}.active-order-summary{align-items:center;gap:var(--space-stack-sm);margin-top:var(--space-stack-sm);grid-template-columns:minmax(0,1.35fr) auto minmax(0,1fr);display:grid}.active-order-summary strong,.active-order-summary span{overflow-wrap:anywhere;min-width:0;font-size:var(--font-size-body-sm)}.active-order-summary strong{color:var(--color-on-surface)}.active-order-summary span{color:var(--color-on-surface-variant)}.active-order-card p{margin:var(--space-stack-md) 0 0;color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm)}.active-order-card p strong{color:var(--color-primary)}.buyer-empty-state{align-content:center;place-items:center;gap:var(--space-stack-sm);min-height:180px;padding:var(--space-stack-lg);color:var(--color-on-surface-variant);background:var(--color-surface-container-low);border:1px dashed var(--color-outline);border-radius:var(--radius-default);text-align:center;display:grid}.buyer-empty-state strong{color:var(--color-on-surface);font-size:var(--font-size-body-sm)}.buyer-empty-state span{font-size:var(--font-size-label-md)}.request-list{display:grid}.request-row{align-items:center;gap:var(--space-stack-md);padding:var(--space-stack-md) var(--space-stack-lg);border-bottom:1px solid var(--color-outline-variant);display:flex}.request-row:last-child{border-bottom:0}.request-row>div{flex:1;gap:4px;display:grid}.request-row>div span{color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm)}.order-requests-page{max-width:1440px;margin:0 auto}.order-requests-card{overflow:visible}.order-requests-table{min-width:1080px}.order-request-detail{width:min(760px,100%);max-height:min(760px,90vh);overflow:auto}.request-detail-grid{gap:var(--space-stack-md);margin-top:var(--space-stack-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.request-detail-item{gap:var(--space-stack-sm);padding:var(--space-stack-md);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);display:grid}.request-detail-item strong{color:var(--color-on-surface);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-md);overflow-wrap:anywhere}.buyer-review-section{gap:var(--space-stack-sm);padding-top:var(--space-stack-md);border-top:1px solid var(--color-outline-variant);display:grid}.buyer-review-section .filter-tabs{align-items:center}.document-review-list{gap:var(--space-stack-sm);display:grid}.document-review-row{align-items:center;gap:var(--space-stack-md);padding:var(--space-stack-md);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);grid-template-columns:minmax(0,1fr) auto;display:grid}.document-review-row>div:first-child{gap:4px;min-width:0;display:grid}.document-review-row strong{color:var(--color-on-surface);font-size:var(--font-size-body-sm)}.document-review-row small{overflow-wrap:anywhere;color:var(--color-on-surface-variant);font-size:var(--font-size-label-md)}.document-review-row .filter-tabs{flex-wrap:nowrap}.document-review-row .text-button{text-align:center;white-space:nowrap;padding:6px 8px}@media (width<=767px){.buyer-detail{max-height:94vh;padding:var(--space-stack-md)}.document-review-row{grid-template-columns:1fr;align-items:stretch}.document-review-row .filter-tabs{justify-content:flex-start}.request-row{flex-wrap:wrap;align-items:flex-start}.request-row .status-badge{margin-left:34px}.request-detail-grid{grid-template-columns:1fr}.buyer-portal-header{min-height:340px;padding:var(--space-stack-sm) var(--space-stack-sm) calc(var(--space-stack-sm) + 56px);margin-right:calc(var(--space-stack-md) * -1);margin-left:calc(var(--space-stack-md) * -1)}.buyer-portal-nav{align-items:stretch;gap:var(--space-stack-sm);padding:var(--space-stack-sm);flex-wrap:wrap}.buyer-portal-nav-links{justify-content:space-between;gap:var(--space-stack-sm);order:3;width:100%}.buyer-portal-nav-actions{margin-left:auto}.buyer-portal-profile,.buyer-portal-sign-out{padding:8px}.buyer-portal-profile{font-size:0}.buyer-portal-profile svg{margin:0}.buyer-portal-welcome{padding:64px var(--space-stack-sm) 20px}.buyer-readiness-grid{grid-template-columns:1fr;width:100%;max-width:100%}.buyer-create-request-fab{right:var(--space-stack-sm);bottom:var(--space-stack-sm)}.buyer-content-grid,.crop-card-grid{grid-template-columns:1fr}.active-order-summary{grid-template-columns:1fr auto}.active-order-summary span:last-child{grid-column:1/-1}.profile-hero{flex-direction:column;align-items:flex-start}.profile-detail-grid{grid-template-columns:1fr}.profile-button{display:none}}.buyer-onboarding-page{max-width:980px;margin:0 auto}.onboarding-progress{gap:var(--space-stack-sm);margin-bottom:var(--space-stack-lg);grid-template-columns:repeat(6,1fr);display:grid}.onboarding-step{align-items:center;gap:var(--space-stack-sm);min-height:72px;padding:var(--space-stack-sm);color:var(--color-on-surface-variant);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);cursor:pointer;text-align:left;grid-template-columns:30px 1fr;display:grid}.onboarding-step span{width:28px;height:28px;color:var(--color-on-surface-variant);background:var(--color-surface-container-high);border-radius:var(--radius-pill);place-items:center;font-weight:700;display:grid}.onboarding-step strong{font-size:var(--font-size-label-md)}.onboarding-step-active{color:var(--color-primary);border-color:var(--color-primary-container);box-shadow:0 0 0 2px #2d5a271f}.onboarding-step-active span,.onboarding-step-complete span{color:var(--color-on-primary);background:var(--color-primary-container)}.onboarding-card-heading{padding:var(--space-stack-lg) var(--space-stack-lg) 0}.onboarding-card-heading h2{margin-top:var(--space-stack-sm)}.onboarding-card-heading .muted-text{margin:var(--space-stack-sm) 0 0}.document-list{gap:var(--space-stack-sm);padding:var(--space-stack-lg);display:grid}.document-field{justify-content:space-between;align-items:center;gap:var(--space-stack-md);min-height:64px;padding:var(--space-stack-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);display:flex}.document-field>span:first-child{gap:4px;display:grid}.document-field small{color:var(--color-on-surface-variant)}@media (width<=767px){.public-home-nav{gap:var(--space-stack-sm);width:calc(100% - 32px);min-height:64px}.public-home-brand{width:154px;height:56px}.public-home-links{display:none}.public-home-actions{margin-left:auto}.public-home-actions .language-selector{min-height:36px;padding-inline:6px}.public-home-actions .language-selector select{min-width:74px;font-size:12px}.public-home-icon-button{display:none}.public-home-account{margin-left:0;padding:8px;font-size:0}.public-home-account svg{margin:0}.public-home-hero{flex-direction:column;gap:0;width:calc(100% - 32px);min-height:0;display:flex}.public-home-hero-copy{padding:48px 0 0}.public-home-hero h1{margin-top:16px;font-size:clamp(38px,12vw,56px)}.public-home-hero h1 span{text-underline-offset:5px;text-decoration-thickness:4px}.public-home-hero-description{font-size:var(--font-size-body-md);margin-top:22px;line-height:1.5}.public-home-cta{margin-top:22px}.public-home-stats{margin-top:32px}.public-home-stats div{padding:10px 6px}.public-home-stats strong{font-size:18px}.public-home-stats span{font-size:10px}.public-home-hero-media{width:calc(100% + 32px);height:390px;margin:28px -16px 0}.public-home-hero-media:before{border-radius:120px 20px 20px 120px;width:90%;height:84%}.public-home-hero-media img{width:108%;height:108%;transform:translateY(4%)}.public-home-continuation{padding:56px 16px 72px}.public-home-continuation h2{font-size:28px}}.document-field .button{align-items:center;gap:var(--space-stack-sm);flex-shrink:0;display:inline-flex}.consent-field,.checkbox-field{align-items:flex-start;gap:var(--space-stack-sm);padding:0 var(--space-stack-lg) var(--space-stack-lg);color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-md);display:flex}.checkbox-field{padding-top:var(--space-stack-lg)}.checkbox-field input{width:auto;min-height:auto}.field-help{margin-top:var(--space-stack-xs);color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);display:block}.review-grid{gap:var(--space-stack-md);padding:var(--space-stack-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.review-section{gap:var(--space-stack-sm);padding:var(--space-stack-md);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);display:grid}.review-section strong{font-size:var(--font-size-body-sm)}@media (width<=767px){.onboarding-progress{grid-template-columns:repeat(3,1fr)}.onboarding-step{grid-template-columns:24px 1fr;min-height:54px}.onboarding-step span{width:24px;height:24px}.onboarding-step strong{font-size:11px}.document-field{flex-direction:column;align-items:flex-start}.review-grid{grid-template-columns:1fr}}@media (width<=1279px){.top-links{display:none}.side-nav{align-items:center;width:72px}.side-nav-header{padding:var(--space-stack-sm)}.side-nav-header>div:not(.contract-icon),.workflow-label,.workflow-link span,.workflow-chevron,.side-nav-footer span,.side-nav-footer .button{display:none}.workflow-link{justify-content:center;width:48px}.main-content{margin-left:72px}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column;align-items:stretch}.search-field{width:100%}.feasibility-layout{grid-template-columns:1fr}.assessment-sidebar{position:static}.farmer-filter-bar{grid-template-columns:1fr 1fr}}@media (width<=767px){.top-bar{padding:0 var(--space-stack-md);gap:var(--space-stack-sm)}.mobile-menu-button,.close-nav-button{display:inline-grid}.top-actions .button,.top-actions .icon-button{display:none}.side-nav{align-items:stretch;width:min(280px,86vw);transition:transform .18s;transform:translate(-100%)}.side-nav-open{transform:translate(0)}.side-nav-header>div:not(.contract-icon),.workflow-label,.workflow-link span,.side-nav-footer span,.side-nav-footer .button{display:block}.workflow-link{justify-content:flex-start;width:auto}.workflow-chevron{display:block}.main-content{padding:88px var(--space-stack-md) var(--space-stack-lg);margin-left:0}.breadcrumbs{white-space:nowrap;overflow:auto}.page-heading{flex-direction:column;align-items:flex-start}.dashboard-heading .button{width:100%}.summary-grid,.metric-grid,.dashboard-metrics,.form-grid,.risk-matrix,.summary-details{grid-template-columns:1fr}.roadmap-row{gap:var(--space-stack-sm);padding:var(--space-stack-md);grid-template-columns:32px minmax(0,1fr) auto}.roadmap-row .status-badge{grid-column:2}.roadmap-row .text-button{grid-area:1/3/span 2}.filter-tabs{padding-bottom:var(--space-stack-sm);flex-wrap:nowrap;overflow-x:auto}.heading-actions,.form-actions{width:100%}.heading-actions .button,.form-actions .button{flex:auto}.risk-control{grid-template-columns:1fr}.risk-control>span{justify-content:flex-start}.farmer-filter-bar{grid-template-columns:1fr}.selection-toolbar{flex-direction:column;align-items:stretch}.selection-toolbar>div{flex-wrap:wrap}.exception-row{gap:var(--space-stack-sm);grid-template-columns:1fr}}:root{--color-surface:#f7f9fb;--color-surface-container-lowest:#fff;--color-surface-container-low:#f2f4f6;--color-surface-container:#eceef0;--color-surface-container-high:#e6e8ea;--color-surface-container-highest:#e0e3e5;--color-on-surface:#191c1e;--color-on-surface-variant:#42493e;--color-outline:#72796e;--color-outline-variant:#c2c9bb;--color-primary:#154212;--color-primary-container:#2d5a27;--color-on-primary:#fff;--color-secondary:#006c49;--color-secondary-container:#6cf8bb;--color-on-secondary-container:#00714d;--color-tertiary:#533200;--color-tertiary-container:#724700;--color-on-tertiary-container:#ffb451;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-status-complete:#10b981;--color-status-pending:#f59e0b;--color-status-in-progress:#475569;--color-status-not-started:#64748b;--font-family-base:Inter, ui-sans-serif, system-ui, sans-serif;--font-size-display-lg:36px;--font-size-headline-md:24px;--font-size-headline-sm:20px;--font-size-title-lg:18px;--font-size-body-md:16px;--font-size-body-sm:14px;--font-size-label-md:12px;--font-size-mono-data:14px;--line-height-display-lg:44px;--line-height-headline-md:32px;--line-height-headline-sm:28px;--line-height-title-lg:24px;--line-height-body-md:24px;--line-height-body-sm:20px;--line-height-label-md:16px;--space-unit:4px;--space-container-padding:24px;--space-gutter:16px;--space-stack-sm:8px;--space-stack-md:16px;--space-stack-lg:32px;--radius-sm:4px;--radius-default:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--shadow-card:0 4px 6px #0000000d;--shadow-focus:0 12px 28px #191c1e1f}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-family-base);color:var(--color-on-surface);background:var(--color-surface)}body{background:var(--color-surface);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-secondary-container);outline-offset:2px}