/* Supplier workspace: warm, practical, and consistent with the approved student-built site. */
@font-face{font-family:'GP Helvetica';src:url('../assets/fonts/HelveticaNeueRoman.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'GP Helvetica';src:url('../assets/fonts/HelveticaNeueBold.otf') format('opentype');font-weight:600 900;font-display:swap}
:root,[data-theme=light]{--gp-primary:#A34326;--gp-primary-hover:#87371F;--gp-primary-active:#A34326;--gp-primary-light:#FBE8DF;--gp-primary-border:#D9B5A5;--gp-subsite-supplier:#A34326;--gp-subsite-supplier-hover:#87371F;--gp-subsite-supplier-light:#FBE8DF;--gp-subsite-supplier-border:#D9B5A5;--gp-subsite-supplier-text:#A34326;--gp-bg:#FDFBF7;--gp-canvas:#FDFBF7;--gp-surface:#FDFBF7;--gp-surface-2:#F4F1EB;--gp-surface-3:#EEEAE2;--gp-text-main:#20242B;--gp-text-secondary:#334155;--gp-text-muted:#526174;--gp-text-faint:#526174;--gp-border:#DDD8CF;--gp-border-strong:#8B796D;--gp-info:#A34326;--gp-info-bg:#FBE8DF;--gp-info-text:#87371F;--gp-info-border:#D9B5A5;--sidebar-bg:#F4F1EB;--sidebar-bg-nested:#EEEAE2;--sidebar-border:#DDD8CF;--sidebar-text:#334155;--sidebar-hover-bg:#EEEAE2;--sidebar-hover-text:#A34326;--sidebar-active-bg:#A34326;--sidebar-active-text:#FDFBF7;--sidebar-group-label:#526174;--sidebar-brand-name:#20242B;--sidebar-brand-sub:#526174;--gp-footer-bg:#F4F1EB;--gp-footer-text:#334155;--gp-footer-heading:#20242B;--gp-footer-link:#334155;--gp-footer-link-hover:#A34326;--topbar-bg:#FDFBF7;--topbar-border:#DDD8CF;--supplier-soft:#F4F1EB}
:root,[data-theme]{--gp-font-sans:'GP Helvetica',Helvetica,Arial,sans-serif;--gp-radius-xs:3px;--gp-radius-sm:3px;--gp-radius-md:4px;--gp-radius-lg:4px;--gp-radius-xl:6px;--gp-shadow-xs:none;--gp-shadow-sm:none;--gp-shadow-card:none;--gp-shadow-overlay:0 8px 24px #20242B24;--gp-shadow-menu:0 4px 16px #20242B1c;--sidebar-w:228px;--topbar-h:64px}
:root[data-theme=dark],[data-theme=dark]{--gp-primary:#E8642D;--gp-primary-hover:#F07846;--gp-primary-active:#E8642D;--gp-primary-light:#493329;--gp-primary-border:#D9B5A5;--gp-subsite-supplier:#E8642D;--gp-subsite-supplier-hover:#F07846;--gp-subsite-supplier-light:#493329;--gp-subsite-supplier-border:#334155;--gp-subsite-supplier-text:#E8642D;--gp-bg:#1C2430;--gp-canvas:#1C2430;--gp-surface:#263140;--gp-surface-2:#334155;--gp-surface-3:#493329;--gp-text-main:#FDFBF7;--gp-text-secondary:#E7E9EC;--gp-text-muted:#C5CDD7;--gp-text-faint:#C5CDD7;--gp-border:#566171;--gp-border-strong:#8B796D;--gp-info:#E8642D;--gp-info-bg:#493329;--gp-info-text:#E8642D;--gp-info-border:#334155;--sidebar-bg:#263140;--sidebar-bg-nested:#1C2430;--sidebar-border:#566171;--sidebar-text:#E7E9EC;--sidebar-hover-bg:#493329;--sidebar-hover-text:#FDFBF7;--sidebar-active-bg:#E8642D;--sidebar-active-text:#20242B;--sidebar-group-label:#C5CDD7;--sidebar-brand-name:#FDFBF7;--sidebar-brand-sub:#C5CDD7;--gp-footer-bg:#263140;--gp-footer-text:#E7E9EC;--gp-footer-heading:#FDFBF7;--gp-footer-link:#E7E9EC;--gp-footer-link-hover:#E8642D;--topbar-bg:#1C2430;--topbar-border:#566171;--supplier-soft:#263140}
.supplier-student{font-family:var(--gp-font-sans)}
.supplier-student .sidebar-brand{border-top:0;background:var(--sidebar-bg-nested)}
.supplier-student .sidebar{box-shadow:none}
.supplier-student .sb-link{border-radius:3px;min-height:42px;font-size:.8125rem}
.supplier-student .sb-group{font-size:.6875rem;letter-spacing:.025em;text-transform:none}
.supplier-student .sb-link.is-active .material-symbols-outlined{color:inherit}
.supplier-student .sb-user-role,.supplier-student .sb-user-name{color:var(--sidebar-text)}
.supplier-student .sidebar-user{border-color:var(--sidebar-border)}
.supplier-student .sidebar-status{color:var(--sidebar-text)}
.supplier-student .sidebar-logout{color:var(--sidebar-text)}
.supplier-student .topbar{box-shadow:none;border-color:var(--gp-border)}
.supplier-student .content{padding:26px 28px;max-width:1400px}
.supplier-student .page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}
.supplier-student .page-head{margin-bottom:24px}
.supplier-student .btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:40px;height:auto;line-height:1.35;box-shadow:none;border-radius:4px;font-family:var(--gp-font-sans)}
.supplier-student .btn-primary{background:var(--gp-primary);border-color:var(--gp-primary);color:#FDFBF7}
[data-theme=dark] .supplier-student .btn-primary{color:#20242B}
.supplier-student .badge{border-radius:3px;font-size:.6875rem}
.supplier-student .panel{border:0;border-top:1px solid var(--gp-border);border-radius:0;background:transparent;box-shadow:none}
.supplier-student .panel-head{padding:18px 0 12px;background:transparent;border:0}
.supplier-student .panel-title{font-size:1rem;font-weight:700}
.supplier-student .panel-body{padding:0 0 24px}
.supplier-student .panel-body-flush{padding:0}
.supplier-student .panel-foot{padding:14px 0;border-color:var(--gp-border);background:transparent}
.supplier-student .stat-grid{display:flex;flex-wrap:wrap;gap:0;margin-block:8px 28px;border-block:1px solid var(--gp-border);background:var(--gp-surface-2)}
.supplier-student .stat{flex:1 1 155px;min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;padding:18px 20px}
.supplier-student .stat+.stat{border-left:1px solid var(--gp-border)}
.supplier-student .stat-icon{display:none}
.supplier-student .stat-main{display:block}
.supplier-student .stat-value{font-size:1.4rem;font-weight:700;color:var(--gp-text-main);font-variant-numeric:tabular-nums}
.supplier-student .stat-label{font-size:.8125rem}
.supplier-student .stat-hint{font-size:.75rem;margin-top:6px}
.supplier-student .stat-progress{display:none}
.supplier-student .toolbar{padding:14px;background:var(--gp-surface-2);border-block:1px solid var(--gp-border);border-radius:0;gap:12px}
.supplier-student .tabs{border-color:var(--gp-border)}
.supplier-student .tab{border-radius:0;font-size:.8125rem}
.supplier-student :is(.form-input,.form-select,.form-textarea){border-radius:3px;border-color:var(--gp-border-strong);background:var(--gp-surface);font-family:var(--gp-font-sans)}
.supplier-student :is(.form-input,.form-select,.form-textarea):focus{border-color:var(--gp-primary);outline:2px solid var(--gp-primary);outline-offset:2px;box-shadow:none}
.supplier-student :is(input,select,textarea){accent-color:var(--gp-primary);caret-color:var(--gp-primary)}
.supplier-student .form-actions{border-color:var(--gp-border);background:transparent;border-radius:0}
.supplier-student .table-wrap{border:0;border-radius:0;box-shadow:none;background:var(--gp-surface)}
.supplier-student .data-table{font-size:.8125rem;font-variant-numeric:tabular-nums}
.supplier-student .data-table thead{background:var(--gp-surface-2)}
.supplier-student .data-table th{color:var(--gp-text-main)}
.supplier-student .data-table :is(th,td){padding:13px 14px;border-color:var(--gp-border)}
.supplier-student .table-wrap-flush{border-block:1px solid var(--gp-border)}
.supplier-student .empty-state{padding:30px 16px;background:transparent}
.supplier-student .chart-box{border-radius:0;background:transparent}
.supplier-student .grid-2{gap:28px}
.supplier-page-inventory .stat-grid{background:transparent}
.supplier-page-inventory .stat-value{font-size:1.2rem}
.supplier-page-analytics .stat-grid{background:var(--gp-surface-2)}
.supplier-page-analytics .chart-box{min-height:260px}
.supplier-page-product-form .panel{max-width:100%}
.supplier-student .task-icon{background:transparent;border-radius:0}
.supplier-student .task,.supplier-student .setup-step{border-color:var(--gp-border)}
.supplier-student .chart-data{margin-top:16px}
.supplier-student .site-header{border-top:0;background:var(--gp-bg);position:relative}
.supplier-public :is(.brand-sub,.site-header .brand-sub){color:var(--gp-text-muted)}
.supplier-public .site-header .btn-primary{background:var(--gp-primary);border-color:var(--gp-primary)}
.supplier-public .site-header .btn{border-radius:4px}
.supplier-public .hero{background:var(--gp-surface-2);padding-block:36px;border-bottom:1px solid var(--gp-border)}
.supplier-public .hero h1{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.02em;max-width:24ch}
.supplier-public .hero h1 span,.supplier-public .supplier-step-number{color:var(--gp-primary)}
.supplier-public .section{padding-block:36px}
.supplier-public .section-title{font-size:1.5rem}
.supplier-public .supplier-category{border-radius:3px;box-shadow:none;background:transparent;border:0;border-bottom:1px solid var(--gp-border)}
.supplier-public .supplier-category>.material-symbols-outlined{color:var(--gp-primary);background:var(--gp-primary-light)}
.supplier-public :is(.supplier-step,.supplier-requirements){border-radius:3px;box-shadow:none}
.supplier-public .supplier-step-number{font-size:1.3rem}
.supplier-public .site-footer{background:var(--gp-surface-2);border-color:var(--gp-border);color:var(--gp-text-secondary)}
.supplier-public .site-footer :is(a,p,.brand-name,.brand-sub,.supplier-footer-bottom,.supplier-footer-bottom p){color:var(--gp-text-secondary)}
.supplier-public .site-footer :is(h2,h3,.brand-name){color:var(--gp-text-main)}
.supplier-public .supplier-footer-bottom{border-color:var(--gp-border)}
.supplier-public .site-footer :focus-visible{outline-color:var(--gp-primary)}
::selection{background:#E8642D;color:#A34326}
@media(max-width:992px){.supplier-student .content{padding:22px 20px}.supplier-student .sidebar{border-top:0}.supplier-student .stat{flex-basis:45%;padding:16px}.supplier-student .stat:nth-child(odd){border-left:0}.supplier-student .stat:nth-child(n+3){border-top:1px solid var(--gp-border)}}
@media(max-width:600px){.supplier-student .content{padding:20px 16px}.supplier-student .page-title{font-size:1.3rem}.supplier-student .stat-value{font-size:1.2rem}.supplier-student .panel-head{padding-top:16px}.supplier-student .toolbar{padding:12px}.supplier-student .data-table :is(th,td){padding:12px}.supplier-student .grid-2{gap:20px}.supplier-public .hero h1{font-size:1.8rem}.supplier-public .hero .btn{font-size:.8125rem}.supplier-public .section{padding-block:28px}}
.supplier-student .topbar-right .icon-btn{color:var(--gp-text-secondary);border-color:var(--gp-border)}
.supplier-student .topbar-right .icon-btn:hover{color:var(--gp-primary);background:var(--gp-primary-light)}
.supplier-student .notice-info{background:var(--gp-info-bg);border-color:var(--gp-info-border);color:var(--gp-info-text)}
.supplier-student .notice-info :is(.notice-title,.material-symbols-outlined){color:var(--gp-info-text)}
[data-theme=dark] .supplier-student .user-avatar-btn{color:#20242B}
@font-face{font-family:'GP Supplier Icons';src:url('../assets/fonts/MaterialSymbolsOutlined.ttf') format('truetype');font-weight:100 700;font-display:block}
.supplier-student .material-symbols-outlined{font-family:'GP Supplier Icons';font-weight:400;font-style:normal;font-feature-settings:'liga';font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;display:inline-block}
.supplier-student .sidebar-status .store-status{color:var(--sidebar-text)}
.supplier-student .sb-avatar{color:var(--gp-text-main);background:var(--gp-surface-3)}
.supplier-student .sb-link .material-symbols-outlined{font-size:20px;flex:0 0 22px}
.supplier-student .sidebar-logout{color:var(--sidebar-text)}
.supplier-public .hero-image,.supplier-public .hero img{border-radius:4px}
.supplier-student input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.supplier-student select,.supplier-student textarea{border-color:var(--gp-border-strong)}
[data-theme=dark] .supplier-student :is(.form-input,.form-select,.form-textarea,.btn-secondary,.icon-btn,input,select,textarea){border-color:var(--gp-border-strong)}
.supplier-student .drawer-backdrop{background:rgb(32 36 43 / .55)}
.supplier-student .sb-count{background:var(--gp-surface-3);color:var(--gp-text-main)}
.supplier-student .sb-link.is-active .sb-count{color:#fff}
.supplier-student .sb-link.is-active,.supplier-student .sb-link.is-active:hover{color:var(--sidebar-active-text)}
body.supplier-student .content select.form-select,body.supplier-student .content textarea.form-textarea,[data-theme=dark] body.supplier-student .content select.form-select,[data-theme=dark] body.supplier-student .content textarea.form-textarea{border-color:var(--gp-border-strong)}
/* Supplier-specific sourcing surfaces. Keep business controls and report data in view. */
.supplier-student .brand-sub{color:var(--sidebar-brand-sub)}
.supplier-public .hero h1 span,.supplier-public .supplier-step-number{color:var(--gp-primary)}
.supplier-public .supplier-hero-media{border-radius:4px;box-shadow:none;background:var(--gp-surface)}
.supplier-public .supplier-category-grid{gap:0 28px}
.supplier-public .supplier-category{padding:16px 0;background:transparent;border:0;border-bottom:1px solid var(--gp-border);border-radius:0}
.supplier-public .supplier-platform-grid{display:block;border-top:1px solid var(--gp-border)}
.supplier-public .supplier-platform{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px 28px;align-items:start;padding:24px 0;border:0;border-bottom:1px solid var(--gp-border);border-radius:0;background:transparent}
.supplier-public .supplier-platform h3{font-size:1.125rem}
.supplier-public .supplier-platform p{font-size:.9375rem;line-height:1.65}
.supplier-public .supplier-platform .btn{grid-column:2;justify-self:start}
.supplier-public .supplier-step-number{font-size:1.25rem}
.supplier-public .supplier-example-card{border-radius:3px;box-shadow:none;background:var(--gp-surface)}
.supplier-public .supplier-footer-brand p,.supplier-public .supplier-footer-bottom p{color:var(--gp-text-secondary)}
.supplier-page-reports .grid-2{grid-template-columns:1fr}
.supplier-page-reports .toolbar{margin-bottom:24px}
.supplier-page-demand-trends .stat-grid{background:transparent}
.supplier-page-demand-trends .stat-value{font-size:1.25rem}
.supplier-page-payments .payment-split{gap:28px}
.supplier-page-pricing-moq .data-table{font-variant-numeric:tabular-nums}
.supplier-student .chat-bubble.is-mine{background:var(--gp-primary-light);color:var(--gp-text-main);border-radius:4px}
.supplier-student .chat-bubble.is-theirs{border-radius:4px}
@media(max-width:768px){.supplier-public .supplier-platform{grid-template-columns:1fr;gap:12px}.supplier-public .supplier-platform .btn{grid-column:1}.supplier-public .supplier-hero-media figcaption{padding:16px}.supplier-public .hero h1{font-size:1.8rem}.supplier-page-payments .payment-split{grid-template-columns:1fr}}
[data-theme=dark] .supplier-student a{color:var(--gp-primary)}
[data-theme=dark] .supplier-student a:hover{color:var(--gp-primary-hover)}
[data-theme=dark] .supplier-student .sb-link{color:var(--sidebar-text)}
[data-theme=dark] .supplier-student .sb-link.is-active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}
[data-theme=dark] .supplier-student .btn-primary:hover{background:var(--gp-primary-hover);border-color:var(--gp-primary-hover);color:#20242B}
[data-theme=dark] .supplier-student .badge-accent{color:var(--gp-subsite-supplier-text)}
[data-theme=dark] .supplier-student .page-btn.is-active{background:var(--gp-primary);color:#20242B}
[data-theme=dark] .supplier-student :focus-visible{outline-color:var(--gp-primary)}
.supplier-student .icon-btn{border-color:var(--gp-border)}
.supplier-student .btn-secondary{border-color:var(--gp-border-strong)}
.supplier-public .supplier-category-icon,[data-theme=dark] .supplier-public .supplier-category-icon,[data-theme=dark] .supplier-public .supplier-step-number{color:var(--gp-primary)}
:root,[data-theme=light]{--supplier-soft:#F4F1EB}
[data-theme=dark]{--supplier-soft:#263140}

/* Approved 16 October 2026 palette: orange / slate / terracotta / ivory. */
:root,[data-theme=light]{--gp-primary:#E8642D;--gp-primary-hover:#F07846;--gp-primary-active:#A34326;--gp-primary-light:#FBE8DF;--gp-primary-border:#C46946;--primary:#E8642D;--primary-hover:#F07846;--primary-dark:#F07846;--primary-deep:#A34326;--primary-active:#A34326;--primary-light:#FBE8DF;--primary-soft:#FBE8DF;--primary-border:#C46946;--color-primary:#E8642D;--color-primary-hover:#F07846;--color-primary-active:#A34326;--color-primary-light:#FBE8DF;--color-primary-border:#C46946;--gp-border-focus:#A34326;--focus-outline-color:#A34326;--gp-caret-color:#A34326;--gp-selection-bg:#FBE8DF;--gp-selection-text:#87371F}
[data-theme=dark]{--gp-primary:#E8642D;--gp-primary-hover:#F07846;--gp-primary-active:#F07846;--gp-primary-light:#493329;--gp-primary-border:#C46946;--primary:#E8642D;--primary-hover:#F07846;--primary-dark:#F07846;--primary-active:#F07846;--primary-light:#493329;--primary-soft:#493329;--primary-border:#C46946;--color-primary:#E8642D;--color-primary-hover:#F07846;--color-primary-light:#493329}
body a{color:#A34326}
body a:hover{color:#87371F}
body :is(.btn-primary,.btn--primary,.gwp-btn-primary,.gp-btn--primary){background:#E8642D;border-color:#E8642D;color:#20242B}
body :is(.btn-primary,.btn--primary,.gwp-btn-primary,.gp-btn--primary):hover:not(:disabled){background:#F07846;border-color:#F07846;color:#20242B}
[data-theme=dark] body a{color:#F59B74}
body :focus-visible{outline-color:#A34326}
::selection{background:#FBE8DF;color:#87371F}
.supplier-student .btn-primary,.supplier-public .site-header .btn-primary{background:#E8642D;border-color:#E8642D;color:#20242B}
.supplier-student .btn-primary:hover,.supplier-public .site-header .btn-primary:hover{background:#F07846;border-color:#F07846;color:#20242B}
.supplier-public .hero h1 span,.supplier-public .supplier-step-number{color:#A34326}

.supplier-student .text-primary{color:#A34326!important}
[data-theme=dark] .supplier-student .text-primary{color:#F59B74!important}

/* Approved white labels on filled orange actions, including hover and dark mode. */
body :is(.btn-primary,.btn--primary,.gwp-btn-primary,.gp-btn--primary){color:#fff!important}

/* Pale and outlined actions retain readable labels. */
body :is(.btn-outline,.btn--outline,.btn-secondary,.btn--secondary,.btn--subtle,.gp-btn--secondary){color:#A34326!important}
[data-theme=dark] body :is(.btn-outline,.btn--outline,.btn-secondary,.btn--secondary,.btn--subtle,.gp-btn--secondary){color:#F59B74!important}

/* Compact metric rows with predictable wrapping and no duplicate heading rule. */
.supplier-student .page-head{border-bottom:0;padding-bottom:0;margin-bottom:20px}
.supplier-student .stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 24px}
.supplier-student .stat-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.supplier-student .stat-grid>.stat{padding:16px;min-width:0;border:0;border-left:1px solid var(--gp-border)}
.supplier-student .stat-grid>.stat:first-child{border-left:0}
.supplier-student .stat-grid .stat-icon.material-symbols-outlined{display:none}
.supplier-student .stat-main{display:block}
.supplier-student .stat-value{margin:0;line-height:1.25;overflow-wrap:anywhere}
.supplier-student .stat-label{margin:4px 0 0;line-height:1.4}
.supplier-student .stat-hint{margin:8px 0 0;padding:0;line-height:1.4}
@media(max-width:992px){
 .supplier-student .stat-grid,.supplier-student .stat-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .supplier-student .stat-grid>.stat:nth-child(odd){border-left:0}
 .supplier-student .stat-grid>.stat:nth-child(n+3){border-top:1px solid var(--gp-border)}
}
@media(max-width:380px){
 .supplier-student .stat-grid,.supplier-student .stat-grid-4{grid-template-columns:minmax(0,1fr)}
 .supplier-student .stat-grid>.stat{border-left:0}
 .supplier-student .stat-grid>.stat+.stat{border-top:1px solid var(--gp-border)}
}

/* Compact brand spacing across GawangPinas websites. */
body :is(.site-header,.site-footer,.gp-footer) .brand, body .sidebar-brand { gap:6px; }
body :is(.site-header,.site-footer,.gp-footer,.sidebar-brand) :is(.brand__name,.brand-text) { gap:1px; }

/* Slightly smaller website brand lockup. */
body :is(.site-header,.site-footer,.gp-footer) :is(.brand__logo,.brand-logo-wrap), body .sidebar-brand .brand-logo { width:32px; height:32px; object-fit:contain; }
body .site-header :is(.brand__name,.brand-text), body .sidebar-brand .brand-name { font-size:16px; }