/* Cabeçalho/degradê preservados. Fundo decorativo somente na Visão geral. */
#supplierPortal{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
#supplierPortal .supplier-portal-layout{display:grid;position:relative;grid-template-columns:64px minmax(0,1fr);min-height:0;overflow:hidden}
#supplierPortal .supplier-portal-pane{grid-column:2;min-height:0;overflow:auto;background:#eef3f7}
#supplierPortal .supplier-portal-sidebar{position:absolute;inset:0 auto 0 0;z-index:90;width:64px;padding:10px 6px;overflow-x:hidden;overflow-y:auto;transition:width .24s ease}
#supplierPortal.nav-expanded .supplier-portal-sidebar{width:min(288px,86vw);box-shadow:15px 0 36px #021323a8}
#supplierNavToggle{position:sticky;top:0;z-index:2;flex:none;width:42px;min-height:42px;margin:0 4px 12px;border:1px solid #7892ad;border-radius:8px;background:#173650;color:white;cursor:pointer}
#supplierNavToggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle}
#supplierNavScrim{position:absolute;z-index:80;inset:0;border:0;border-radius:0;background:#03142488;cursor:pointer}
#supplierPortal .supplier-portal-nav{display:grid;gap:5px;overflow:visible}
#supplierPortal .supplier-portal-nav>button{width:48px;min-height:44px;padding:7px;margin:0}
#supplierPortal.nav-expanded .supplier-portal-nav>button{width:100%}
#supplierPortal .supplier-sidebar-note{display:none}#supplierPortal.nav-expanded .supplier-sidebar-note{display:block}
#supplierPortal .supplier-portal-main{width:auto;max-width:1540px;margin:auto;padding:28px;min-width:0}
#supplierPortal.supplier-home-active .supplier-portal-pane{background:linear-gradient(180deg,#061a3060,#071d32d9),url('supplier-background-v1.png') center/cover no-repeat;background-attachment:local}
#supplierOverview{color:#edf6ff}
#supplierOverview .supplier-portal-intro,#supplierOverview .sf-glass,#supplierOverview .supplier-overview-card{border:1px solid #91a3af88;border-radius:14px;background:linear-gradient(120deg,#132e43ef,#183147d9);backdrop-filter:blur(9px);box-shadow:0 8px 26px #0003}
#supplierOverview .supplier-portal-intro{display:flex;align-items:center;gap:24px;padding:30px 36px;border-top-color:#ffb140;box-shadow:0 0 16px #ef9f3133;margin:16px 0 24px}
.sf-hero-icon{padding:18px;border:1px solid #ac7428;border-radius:14px;background:#7b4b1760;color:#ffb23d;flex:none}
.sf-hero-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.sf-hero-copy{border-left:2px solid #ffb13b;padding-left:24px;min-width:0}
#supplierOverview .sf-hero-copy>p{color:#c0d2e3;letter-spacing:.2em;font-size:10px;margin:0 0 12px}
#supplierOverview .sf-hero-copy h1{color:white;font-size:clamp(29px,3vw,44px);line-height:1.14;margin:0 0 12px}
#supplierOverview h1 em{font-style:normal;color:#ffb044}
#supplierOverviewGreeting{font-size:16px;color:#eff6fc;margin:0 0 8px;font-weight:600}
#supplierOverviewScope{color:#bcd2e4;font-size:12px;line-height:1.6}
#supplierOverviewCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
#supplierOverviewCards .supplier-overview-card{padding:24px;min-height:218px;display:flex;align-items:flex-start;flex-direction:column;border-top:2px solid #d39b50;min-width:0}
#supplierOverviewCards .sf-metric-icon{width:50px;height:50px;padding:11px;margin-bottom:14px;color:#ffc162;background:#8b581b60;border:1px solid #b38034;border-radius:10px}
.sf-metric-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}
#supplierOverviewCards .supplier-overview-card:nth-child(2) .sf-metric-icon{color:#adc9ff;background:#213b7380;border-color:#527bd9}
#supplierOverviewCards .supplier-overview-card:nth-child(3) .sf-metric-icon{color:#9bf2ce;background:#13523e80;border-color:#368a66}
#supplierOverviewCards .supplier-overview-card:nth-child(4) .sf-metric-icon{color:#e0c1ff;background:#62307866;border-color:#9561c5}
#supplierOverviewCards strong{color:white;font-size:clamp(24px,2.4vw,36px);overflow-wrap:anywhere;line-height:1.2}
#supplierOverviewCards span:not(.sf-metric-icon){color:#f4f8fc;font-size:15px;margin-top:8px}
#supplierOverviewCards small{color:#b9cddd;font-size:11px;line-height:1.6;margin-top:8px}
.sf-metric-link{margin-top:auto;padding:15px 0 0;background:none;border:0;color:#ffcf85;font:inherit;font-size:12px;cursor:pointer}
.sf-home-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin:20px 0}
.sf-glass{padding:24px;min-width:0}
#supplierOverview .sf-glass h2{display:flex;align-items:center;gap:12px;color:white;font-size:20px;margin:0 0 20px}
.sf-glass h2 svg{width:25px;height:25px;fill:none;stroke:#ffb13d;stroke-width:1.5;flex:none}
#supplierQuickLinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#supplierQuickLinks button{display:flex;gap:12px;align-items:center;text-align:left;min-height:78px;padding:12px;border:1px solid #7c9ab05c;border-radius:9px;background:#29435580;color:#edf6ff;font:inherit;font-size:12px;cursor:pointer}
#supplierQuickLinks svg{width:28px;height:28px;flex:none;fill:none;stroke:#ffc66e;stroke-width:1.4}
#supplierQuickLinks button>span:last-child{margin-left:auto;font-size:23px}
#supplierQuickLinks button:hover{background:#385b73}
.sf-notices-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#supplierNoticesAll{border:0;background:none;color:#afe9ff;white-space:nowrap;cursor:pointer;font:inherit;font-size:11px}
#supplierHomeNotices{font-size:13px;color:#bed2e3;line-height:1.6}
.sf-notice{display:flex;align-items:center;gap:12px;width:100%;padding:15px 0;text-align:left;background:none;border:0;border-bottom:1px solid #9db7c82b;color:#eef7ff;font:inherit;font-size:12px;cursor:pointer}
.sf-notice::before{content:'';width:8px;height:8px;flex:none;background:#ffaf38;border-radius:50%;box-shadow:0 0 9px #ffaf3877}
.sf-notice time{margin-left:auto;white-space:nowrap;color:#abc4d8;font-size:11px}
.sf-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px 0;border-top:1px solid #89a6ba55;font-size:11px;color:#c7d8e6}
.sf-footer a{color:#83e6fd}
#supplierOverview>.portal-favorites{background:#142e43;color:#e9f5ff;border-color:#7795aa}
/* Mesmo padrão da Nova Requisição: painéis claros, seções, campos acessíveis. */
#supplierPortal .supplier-portal-main:not(#supplierOverview){color:#173b52}
#supplierPortal .supplier-portal-main:not(#supplierOverview)>.supplier-portal-intro{padding:24px;border:1px solid #55788b;border-radius:14px;background:linear-gradient(130deg,#142e43,#10374b);color:white}
#supplierPortal .supplier-portal-main:not(#supplierOverview)>.supplier-portal-intro :is(h1,p,span){color:#eef6ff}
#supplierPortal .content-card{border:1px solid #c8d9e4;border-radius:13px;box-shadow:0 5px 18px #11314908;color:#173b52}
#supplierPortal :is(.sf-form,.supplier-step,.sf-form-section,.supplier-quote-terms,.supplier-documents-finish,.supplier-visual-form){min-width:0}
#supplierPortal .sf-form{gap:20px;margin-block:16px}
#supplierPortal .sf-form-section,#supplierPortal .supplier-step{padding:22px;margin:0 0 18px;border:1px solid #c3d4de;border-radius:12px;background:#f8fbfd}
#supplierPortal .sf-form-section>h3,#supplierPortal .supplier-quote-terms>h4{margin:0 0 10px;color:#153d55;font-size:17px}
#supplierPortal .sf-form-section>.form-hint{margin:0 0 18px}
#supplierPortal .sf-form :is(fieldset:not(.supplier-step),.supplier-quote-row,.finance-proof-row){border:1px solid #c4d6e2;border-radius:10px;background:#edf4f8;padding:16px}
#supplierPortal .sf-form legend{color:#173d55;font-weight:700;font-size:14px;padding:0 7px}
#supplierPortal .sf-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
#supplierPortal .sf-form label{color:#173d55;font-size:13px;min-width:0;line-height:1.5}
#supplierPortal .sf-form :is(input,select,textarea):not([type=checkbox]):not([type=radio]){width:100%;max-width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid #b7cddd;border-radius:8px;background-color:white;color:#123b55;font:inherit;font-size:13px;box-sizing:border-box}
#supplierPortal .sf-form :is(input,select,textarea)[readonly],#supplierPortal .sf-form :is(input,select,textarea):disabled{background:#eaf1f6;color:#466378;border-color:#d2dfe8}
#supplierPortal .sf-form input[type=file]::file-selector-button{padding:8px 10px;background:#e6eff6;border:1px solid #b2c7d7;border-radius:6px;color:#183b52;margin-right:10px;cursor:pointer}
#supplierPortal .sf-form :is(input[type=checkbox],input[type=radio]){accent-color:#146c89;width:17px;height:17px;flex:none}
#supplierPortal .sf-form label:has(>input[type=checkbox]){display:flex;align-items:center;gap:9px;min-height:40px}
#supplierPortal .sf-form :is(.field-guidance,.form-hint,.field-help){font-size:12px;color:#526e81;line-height:1.5;font-weight:400}
#supplierPortal .sf-form .primary-action{background:linear-gradient(130deg,#f9b139,#ffd074);color:#142e43;border:1px solid #d79c35;border-radius:8px;min-height:46px;padding:12px 18px;font-weight:800}
#supplierPortal .sf-form .secondary-action{background:#edf4f8;color:#184663;border:1px solid #a8c1d2;border-radius:8px;min-height:44px}
#supplierPortal :focus-visible{outline:2px solid #be852d;outline-offset:3px}
#supplierPortal .supplier-step-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}
#supplierPortal .supplier-step-track span{padding:12px;border:1px solid #c1d3df;border-radius:9px;background:#edf4f8;color:#46657b}
#supplierPortal .supplier-step-track span.active{background:#153b53;color:#fff;border-color:#c09041}
#supplierPortal .supplier-quote-row{grid-template-columns:minmax(160px,2fr) repeat(3,minmax(110px,1fr));gap:16px}
#supplierPortal .supplier-quote-total{display:block;background:#153b53;color:white;border-radius:8px;padding:16px;margin-block:16px;font-size:17px}
#supplierPortal .supplier-document-upload,#supplierPortal .supplier-documents-finish,#supplierPortal .supplier-users-visibility,#supplierPortal .supplier-visual-form{padding:20px;border:1px solid #c5d7e1;border-radius:12px;background:#f8fbfd}
#supplierPortal .supplier-order-shell{border-color:#bed0dc;border-radius:12px;overflow:hidden;margin-block:14px}
#supplierPortal .supplier-order-shell>summary{padding:18px;background:#eaf2f7;color:#153b53;font-weight:700}
#supplierPortal .supplier-order-controls{padding:16px;background:#eaf2f7;border-radius:10px}
#supplierPortal .supplier-portal-banner{background:#edf4f8;border-color:#c4d7e4;color:#486477;line-height:1.6}
@media(max-width:1100px){.sf-home-bottom{grid-template-columns:1fr}#supplierQuickLinks{grid-template-columns:repeat(3,minmax(0,1fr))}#supplierPortal .supplier-quote-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){#supplierPortal .supplier-portal-layout{grid-template-columns:54px minmax(0,1fr)}#supplierPortal .supplier-portal-sidebar{width:54px;padding-inline:3px}#supplierPortal .supplier-portal-nav>button{width:45px}#supplierNavToggle{margin-inline:3px}#supplierPortal .supplier-portal-main{padding:18px 12px;width:100%}#supplierOverview .supplier-portal-intro{padding:22px 18px;margin-top:0;gap:12px}.sf-hero-icon{display:none}.sf-hero-copy{padding-left:12px}#supplierOverviewCards{grid-template-columns:1fr}#supplierOverviewCards .supplier-overview-card{min-height:190px}.sf-glass{padding:18px 14px}#supplierQuickLinks{grid-template-columns:1fr}.sf-notices-heading,.sf-notice{flex-wrap:wrap}#supplierPortal .sf-form .form-grid,#supplierPortal .supplier-quote-row,#supplierPortal .installment-planner-grid,#supplierPortal .finance-proof-row{grid-template-columns:minmax(0,1fr)}#supplierPortal .sf-form-section,#supplierPortal .supplier-step{padding:16px 12px}#supplierPortal .supplier-step-track{grid-template-columns:repeat(2,minmax(0,1fr))}#supplierPortal .supplier-quote-row>strong{grid-column:auto}#supplierPortal .supplier-order-tabs{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#supplierPortal .supplier-portal-sidebar{transition:none}}
.quotation-attachment-panel{padding:20px;border:1px solid #c5d7e1;border-radius:12px;background:#f8fbfd;display:grid;gap:14px;min-width:0;color:#173d55}
.quotation-attachment-panel h4,.quotation-attachment-panel p{margin:0}
.quotation-attachment-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #d2dfe8;overflow-wrap:anywhere}
.quotation-attachment-row>a{flex:1 1 210px;min-width:0;color:#12658b}
.quotation-attachment-actions{display:flex;flex-wrap:wrap;gap:8px}
.quotation-attachment-correction{flex-basis:100%;display:grid;gap:12px;padding:16px;background:#eaf2f7;border-radius:8px}
.quotation-attachment-correction[hidden],.quotation-attachment-actions[hidden],.quotation-attachment-history[hidden]{display:none}
.quotation-attachment-history summary{cursor:pointer;padding:12px 0;font-weight:600}
.quotation-attachment-history p{flex-basis:100%;font-size:12px;color:#526e81}
@media(max-width:740px){.quotation-attachment-panel{padding:14px 10px}.quotation-attachment-correction{padding:12px 8px}.quotation-attachment-actions{width:100%}.quotation-attachment-actions>button{flex:1 1 120px}}
@media(max-width:740px){#supplierOwnOrders>.content-card:has(.quotation-attachment-panel){padding:12px 8px}#supplierPortal .supplier-quotation-card:has(.quotation-attachment-panel){padding:14px 8px}#supplierPortal .sf-form-section:has(>.quotation-attachment-panel){padding:14px 8px}}
