:root{font-family:Arial,Helvetica,sans-serif;color:#342a2b;background:#f5f3f2;font-size:17px;line-height:1.5;--red:#cf0029;--dark:#342a2b;--muted:#706360;--border:#ddd5d2}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid #b5a9a5;border-radius:9px;background:white;color:var(--dark);cursor:pointer;text-decoration:none;line-height:1.3;font-weight:600}button:hover:not(:disabled),.button:hover{border-color:var(--red);background:#fff6f7}button:disabled{opacity:.48;cursor:not-allowed}.primary{background:var(--red);border-color:var(--red);color:white}.primary:hover:not(:disabled){background:#ae0023;color:white}.quiet{border-color:transparent;background:transparent}.danger{color:#a71429}.small{font-size:14px;min-height:40px;padding:7px 11px}a{color:#ac0023}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ba3650;outline-offset:3px}input,select,textarea{width:100%;min-width:0;min-height:46px;border:1px solid #b9aca7;border-radius:8px;padding:9px 11px;background:white;color:var(--dark)}textarea{min-height:95px;resize:vertical}input[type=checkbox]{width:20px;min-height:20px;flex-shrink:0;accent-color:var(--red)}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}.check{flex-direction:row;align-items:center;font-size:16px;font-weight:400;min-height:40px}.check input{margin-right:5px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100% - 1400px)/2));background:var(--dark);color:white}.brand{color:white;display:flex;gap:13px;align-items:center;text-decoration:none;font-size:22px;font-weight:700}.brand small{display:block;font-size:14px;font-weight:400;color:#e9dfdc}.mark{position:relative;display:block;overflow:hidden;border-radius:50%;width:56px;height:56px;flex-shrink:0}.mark img{position:absolute;width:232px;max-width:none;left:-88px;top:-15.5px}.account{display:flex;gap:14px;align-items:center;font-size:15px}.account small{display:block;color:#ded0cb}.account button{background:transparent;color:white;border-color:#91807b}.navigation{display:flex;gap:6px;padding:12px max(24px,calc((100% - 1400px)/2));background:white;border-bottom:1px solid var(--border);flex-wrap:wrap}.navigation button{background:transparent;border-color:transparent}.navigation [aria-current=page]{background:#fbe9ed;color:#a80022}main{max-width:1448px;margin:auto;padding:30px 24px;min-height:65vh}.footer{max-width:1400px;margin:10px auto 0;padding:22px 24px;border-top:1px solid var(--border);color:var(--muted);font-size:14px;display:flex;gap:12px;justify-content:space-between}.footer span{max-width:650px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;margin-bottom:10px;letter-spacing:-.03em}h2{font-size:22px;line-height:1.3;margin-bottom:15px}h3{font-size:18px;margin-bottom:10px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.1em;color:#8e4c50;margin-bottom:8px}.muted{color:var(--muted)}.help{color:var(--muted);font-size:14px;margin:8px 0 0}.intro,.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.intro p{margin-bottom:0}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.panel{background:white;border:1px solid var(--border);border-radius:13px;padding:24px;margin-bottom:20px}.login{max-width:490px;margin:45px auto;padding:35px;box-shadow:0 14px 40px #342a2b0a}.login h1{font-size:30px}.stack{display:grid;gap:17px}.connection{padding:11px 15px;background:#eaf3ee;color:#235b3b;border:1px solid #c4dbcc;border-radius:8px;font-size:14px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.connection.stale{background:#fff3d8;border-color:#e1c795;color:#715021}.notice{padding:14px 17px;background:#edf4ef;border:1px solid #c6dccc;border-radius:9px;margin-bottom:20px;color:#205235}.notice.error{background:#fff0f2;border-color:#e7bbc3;color:#8d1730}.notice:empty{display:none}.note{padding:14px 17px;background:#f6f1e9;border-left:3px solid #b58a52;color:#695232;font-size:15px;border-radius:4px;margin:15px 0}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 18px}.tabs button{font-size:15px}.tabs [aria-pressed=true]{background:var(--dark);color:white;border-color:var(--dark)}.filter-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter-row label{flex:1;min-width:170px}.filter-row .wide{flex:2;min-width:220px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:17px}.filter-panel{padding:20px}.filter-panel details{margin-top:15px}.filter-panel summary{cursor:pointer;font-size:15px;color:#a40020;font-weight:600;width:fit-content}.results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;font-size:15px}.table-wrap{overflow:auto;background:white;border:1px solid var(--border);border-radius:11px}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:13px;color:#6a5954;background:#f9f6f4;font-weight:700}td{font-size:15px}th,td{padding:15px 17px;border-bottom:1px solid #ece6e2;vertical-align:top}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfafa}td small{display:block;color:var(--muted);font-size:13px;margin-top:4px}td .link{min-height:36px;padding:0;font-size:16px;font-weight:700}.link{background:none;border:0;color:#af0025;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-align:left;justify-content:start}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.number{font-variant-numeric:tabular-nums}.badge{display:inline-block;font-size:12px;font-weight:700;line-height:1.35;padding:6px 10px;border:1px solid transparent;border-radius:7px;white-space:normal}.sent{color:#654700;background:#fff1bd;border-color:#e9d27f}.confirmed{color:#205737;background:#e1f0e5;border-color:#b9d5c2}.reference{color:#7b401b;background:#f4e4d7;border-color:#dfb99c}.lost{color:#ad2035;background:#ffe7e9;border-color:#e8b5bd}.expired{color:#801f46;background:#f2e0e9;border-color:#d9aebe}.unclassified,.unknown{color:#615c57;background:#eeebe7;border-color:#d7d0ca}.authorization{margin-top:6px;color:#6b5131;font-size:13px}.pending{color:#94581c;font-weight:700}.pager{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0}.empty{padding:48px 24px;text-align:center;background:white;border:1px dashed #cfbfba;border-radius:11px;color:#675a55}.empty h2{color:var(--dark)}.daily-group{margin-top:26px}.daily-group>h2{font-size:18px}.quote-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:22px}.detail-title{overflow-wrap:anywhere}.detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:22px 0}.detail-summary dt{color:var(--muted);font-size:13px}.detail-summary dd{margin:4px 0 0;font-size:16px;font-weight:600;overflow-wrap:anywhere}.amount-large{font-size:25px!important;font-weight:700}.detail-summary .amount{grid-column:span 2}.quote-grid .panel{padding:22px}.line-table{min-width:650px}.version-select{max-width:230px}.version-label{color:#7b6b66;font-size:14px}.history-list{list-style:none;margin:0;padding:0}.history-list>li{border-top:1px solid #eee5e0;padding:14px 0}.history-list>li:first-child{border-top:0}.history-list p{margin:6px 0;overflow-wrap:anywhere;white-space:pre-wrap}.metadata{font-size:13px;color:var(--muted)}.conversation{max-height:460px;overflow:auto;margin-bottom:18px}.comment{border:1px solid #e5dcda;background:#faf8f7;padding:14px;border-radius:10px;margin-bottom:12px;overflow-wrap:anywhere}.comment p{white-space:pre-wrap;margin:7px 0 0;font-size:15px}.variable{padding:13px 0;border-top:1px solid #eee6e2}.variable p{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.variable form{display:grid;gap:9px;margin-top:10px}.request{border:1px solid #ded3cd;border-radius:10px;padding:15px;margin-bottom:15px}.request>p{white-space:pre-wrap;overflow-wrap:anywhere}.choices{display:flex;flex-wrap:wrap;gap:8px 20px}.attachments{list-style:none;padding:0;margin:0}.attachments li{display:flex;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee4df;overflow-wrap:anywhere}.attachments li:last-child{border-bottom:0}.attachments a{word-break:break-word;font-size:15px}.attachments .badge{flex-shrink:0;align-self:start}.form-section{border-top:1px solid #e7ddd7;padding-top:20px;margin-top:20px}.form-section:first-child{margin-top:0;border-top:0;padding-top:0}.inline-warning{font-size:14px;color:#85522b;background:#fff3df;padding:12px;border-radius:7px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.metric{padding:23px;background:white;border:1px solid var(--border);border-radius:12px}.metric p{margin-bottom:8px;color:var(--muted);font-size:14px}.metric strong{font-size:29px;letter-spacing:-.035em;overflow-wrap:anywhere}.metric small{display:block;color:var(--muted);margin-top:8px;font-size:13px}.state-counts{display:flex;gap:15px;flex-wrap:wrap}.state-counts>div{flex:1;min-width:120px;background:#f8f5f2;padding:17px;border-radius:8px}.state-counts strong{display:block;font-size:25px;margin-top:10px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}.admin-user-list{list-style:none;padding:0}.admin-user-list li{border-bottom:1px solid #e9dfd9;padding:14px 0;display:flex;gap:15px;justify-content:space-between;align-items:center}.admin-user-list p{margin:4px 0;font-size:14px;color:var(--muted)}.mapping{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.loading{padding:40px;text-align:center;color:var(--muted)}.skip{position:fixed;left:15px;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:15px}[hidden]{display:none!important}@media(max-width:1000px){.quote-grid,.admin-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quotes-table .seller-column{display:none}}@media(max-width:700px){:root{font-size:16px}.top{padding:15px 16px;align-items:start}.brand{font-size:18px;gap:9px}.brand small{font-size:12px}.mark{width:45px;height:45px}.mark img{width:186px;left:-70.5px;top:-12.5px}.account{gap:5px;align-items:end;flex-direction:column;font-size:12px}.account button{min-height:36px;padding:6px 10px;font-size:13px}.account small{display:none}.navigation{padding:8px 12px;gap:1px}.navigation button{font-size:14px;padding:9px 12px}main{padding:22px 15px}.footer{display:block;padding:20px 16px}.footer span{display:block;margin-top:9px}h1{font-size:28px}.intro{align-items:start;flex-direction:column;gap:14px}.intro .actions{width:100%}.login{margin:18px auto;padding:25px 20px}.connection{font-size:13px;align-items:start;flex-direction:column;gap:5px}.filter-panel{padding:17px}.filter-row{gap:10px}.filter-row label,.filter-row .wide{min-width:100%;flex-basis:100%}.filter-row>button{flex:1}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tabs{gap:6px}.tabs button{font-size:13px;padding:9px 12px;flex-grow:1}.panel{padding:19px}.results-head{align-items:start;font-size:14px}.quotes-wrap{background:transparent;border:0;border-radius:0;overflow:visible}.quotes-table{display:block}.quotes-table thead{display:none}.quotes-table tbody{display:grid;gap:14px}.quotes-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;background:white;border:1px solid var(--border);border-radius:11px;padding:16px;gap:12px}.quotes-table td{padding:0;border:0;display:block;font-size:15px;overflow-wrap:anywhere;min-width:0}.quotes-table .quote-id{grid-column:1}.quotes-table .customer-column{grid-column:1/-1;grid-row:2}.quotes-table .state-column{grid-row:1;grid-column:2;text-align:right}.quotes-table .amount-column{grid-row:3;grid-column:1/-1;text-align:left}.quotes-table .amount-column::before{content:'Neto en pesos';display:block;color:var(--muted);font-size:12px;margin-bottom:3px}.quotes-table .seller-column{display:block;grid-column:1/-1}.quotes-table .observation-column{grid-column:1/-1;font-size:14px;color:var(--muted)}.quotes-table .customer-column small{display:inline;margin-left:4px}.quote-grid{gap:0}.quote-grid .panel{padding:18px}.detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-summary .amount{grid-column:span 2}.section-head{align-items:start;gap:10px;flex-wrap:wrap}.section-head h2{margin-bottom:0}.metrics{gap:12px}.metric{padding:17px}.metric strong{font-size:25px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.state-counts{gap:10px}.state-counts>div{min-width:100px;padding:14px}.pager{gap:10px}.pager button{padding:10px 13px}.pager span{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.top,.navigation,.footer,.actions,form,.tabs,.connection{display:none!important}main{padding:0}.panel{break-inside:avoid}.quote-grid{display:block}}
.quote-grid>div,.quote-grid>aside{min-width:0}
.tabs button[aria-pressed=true]:hover:not(:disabled),.tabs button[aria-pressed=true]:focus-visible{background:var(--dark);color:#fff;border-color:var(--dark)}
.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f3ef;padding:12px;border-radius:8px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.workflow-panel{scroll-margin-top:18px}.workflow-panel:focus{outline:2px solid #ba3650;outline-offset:3px}.workflow-panel>.section-head{align-items:start}.workflow-panel .request{background:#fffdfc}.workflow-panel .variable{margin-top:12px}.turn-label{font-size:14px;font-weight:700;color:#765019;background:#fff4dc;border-radius:7px;padding:9px 12px;display:table;max-width:100%}.proposal-detail{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.proposal-detail dt{font-size:13px;color:var(--muted);font-weight:700}.proposal-detail dd{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.decision-response{padding:15px;border-left:3px solid #80715f;background:#f7f4ef;margin:16px 0}.request-messages summary,.clarify-form summary{cursor:pointer;color:#a60022;font-weight:600;padding:12px 0}.request-messages ol{list-style:none;margin:0;padding:0}.request-messages li{padding:13px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;background:#faf7f4}.request-messages p{white-space:pre-wrap;overflow-wrap:anywhere}.workflow-action{max-width:760px;padding-top:12px}.workflow-action .actions{margin-top:12px}.request-choices{border:0;padding:0;margin:0}.proposal-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;border:1px solid var(--border);border-radius:10px;background:#faf7f5}.proposal-fields h3{grid-column:1/-1;margin:0}.proposal-fields textarea{min-height:105px}.request-inbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.inbox-card{min-width:0;margin:0}.inbox-card h2{font-size:21px;overflow-wrap:anywhere}.proposal-preview,.response-preview{white-space:pre-wrap;overflow-wrap:anywhere}.inbox-card .actions{margin-top:20px}.request-inbox-help{margin-bottom:18px}.tab-count{margin-left:8px;border-radius:10px;padding:2px 7px;background:#eee5e3;color:#493d3a;font-size:12px}
@media(max-width:800px){.request-inbox{grid-template-columns:1fr}.proposal-detail,.proposal-fields{grid-template-columns:1fr}.workflow-panel .request{padding:12px}.workflow-panel>.section-head{flex-direction:column}.workflow-action .actions>button{flex:1}.proposal-fields{padding:14px}.workflow-panel{padding:18px}.turn-label{display:block}}
.policy-confirm{align-items:flex-start;padding:13px;border:1px solid #d4c8c3;border-radius:8px;background:#faf7f5}.policy-confirm input{margin-top:3px}.policy-confirm span{line-height:1.45}
.line-product{min-width:240px;white-space:normal;overflow-wrap:anywhere}.line-product strong{display:block}.line-product small{display:block;margin-top:5px;color:var(--muted);font-size:14px;font-weight:400}
@media(max-width:700px){.line-table{min-width:0;width:100%}.line-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.line-table tbody{display:block}.line-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 0;border-bottom:1px solid var(--border)}.line-table td{display:block;min-width:0;padding:8px 5px;border:0;white-space:normal;overflow-wrap:anywhere}.line-table .line-product{grid-column:1/-1;padding-top:0}.line-table .num{font-size:14px;text-align:left}.line-table .num::before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--muted);font-size:12px}}
@media(max-width:700px){.quotes-table .amount-column>small{display:none}}
.pilot-banner{background:#fff1d6;border:1px solid #dcbb7b;border-left:5px solid #a06b1a;border-radius:8px;padding:14px 17px;margin-bottom:17px;font-size:15px;color:#644612;font-weight:600}.office-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 34px}.office-card{display:flex;flex-direction:column;align-items:start;text-align:left;padding:23px;gap:10px;border-color:var(--border);background:white}.office-card>span{font-size:14px;color:var(--muted)}.office-card strong{font-size:36px;letter-spacing:-.05em}.office-card small{font-size:14px;color:#b00023}.office-section{margin:28px 0}.customer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.customer-card{margin:0;min-width:0}.customer-card h2{margin:6px 0}.customer-card h2 button{font-size:21px;white-space:normal;overflow-wrap:anywhere}.customer-card p{font-size:14px}.customer-stats{display:flex;gap:22px;flex-wrap:wrap;padding-top:10px;padding-bottom:20px}.customer-stats span{font-size:14px;color:var(--muted)}.customer-stats strong{font-size:20px;color:var(--dark);display:block}.customer-intro{margin-top:24px}.customer-link{font-size:15px!important;font-weight:500!important}.trial-indicators{border-left:4px solid #b18038;padding-left:20px;margin-top:30px}.trial-indicators>h2{color:#805715}.policy-pilot{margin-bottom:20px}.policy-pilot .check{max-width:700px}
@media(max-width:800px){.office-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-cards{grid-template-columns:1fr}}@media(max-width:700px){.office-card{padding:17px}.office-card strong{font-size:29px}.office-card small{font-size:12px}.office-cards{gap:11px}.quotes-table .amount-column::before{content:attr(data-money-label)}.pilot-banner{font-size:14px}.customer-stats{gap:16px}.trial-indicators{padding-left:12px}}

/* QUOTE-013: independent tax-inclusive total, with explicit mobile labels. */
.quotes-table .amount-column,.quotes-table .gross-column{min-width:160px}
.source-amount{display:block;white-space:normal;color:var(--muted);font-size:13px;font-weight:400;max-width:260px;margin-top:6px}
@media(max-width:700px){
  .quotes-table .amount-column,.quotes-table .gross-column{min-width:0;white-space:normal;overflow-wrap:anywhere}
  .quotes-table .gross-column{grid-row:4;grid-column:1/-1;text-align:left}
  .quotes-table .gross-column::before{content:attr(data-money-label);display:block;color:var(--muted);font-size:12px;margin-bottom:3px}
  .quotes-table .gross-column>small{display:none}
  .quotes-table .amount-column>.source-amount{display:block}
}

.line-table{min-width:0}
.line-table th.num{white-space:normal}

/* QUOTE-014: one observation per variable, full width on desktop and mobile. */
.proposal-fields>label{grid-column:1/-1}
.observations-detail{grid-template-columns:minmax(0,1fr)}

.customer-amount{margin:0 0 20px;overflow-wrap:anywhere}.customer-amount>span{display:block;color:var(--muted);font-size:14px}.customer-amount>strong{display:block;font-size:23px;color:var(--dark);font-variant-numeric:tabular-nums;margin:4px 0}.customer-amount .help{margin:4px 0 0}

.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--line)}
.permission-grid .check{align-items:flex-start;font-size:15px}
.collection-card{overflow-wrap:anywhere}.collection-card form{margin:18px 0}.collection-card .comment{margin:12px 0}
@media(max-width:700px){.permission-grid{grid-template-columns:minmax(0,1fr);padding:12px}.collection-card .section-head{display:block}.collection-card .section-head strong{display:block;margin:12px 0}.collection-card .filter-row{align-items:stretch}.collection-card .filter-row>*{max-width:100%}}


/* HEADER-001: compact navigation, native dropdowns and mobile disclosure. */
.top{padding:16px clamp(20px,4vw,56px);gap:24px;min-height:84px}
.top .brand{font-size:21px;gap:12px;letter-spacing:-.02em}
.top .brand small{font-size:13px;font-weight:400;letter-spacing:0;color:#dfd2d3;margin-top:3px}
.top .mark{flex-shrink:0}
.top .account{gap:20px;font-size:14px;min-width:0}
.top .account-name{min-width:0;max-width:280px;text-align:right;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.top .account-name small{font-size:12px;font-weight:400;color:#dfd2d3}
.top .account-actions{display:flex;gap:8px;flex-shrink:0}
.top .account-actions button{min-height:44px;border:1px solid #ffffff40;background:#ffffff0d;color:white;font-size:14px;padding:9px 14px;border-radius:8px}
.top .account-actions button:hover{background:#ffffff1f;border-color:#ffffff70}
.top .account-actions [data-action=logout]{background:transparent;border-color:transparent;color:#e8dfe0}
.top .account-actions [data-action=logout]:hover{background:#ffffff12}
.navigation{position:relative;z-index:6;display:block;padding:8px clamp(20px,4vw,56px);background:white;border-bottom:1px solid #e7dfe0;box-shadow:0 2px 6px #342a2b04}
.navigation-sections{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.navigation .navigation-main{display:flex;align-items:center;flex-wrap:wrap;gap:2px;min-width:0}
.navigation button,.navigation-dropdown summary{min-height:44px;padding:10px 12px;font-size:15px;font-weight:600;line-height:1.4;border:0;border-radius:7px;color:#4b3a3d;background:transparent;white-space:nowrap}
.navigation button:hover,.navigation-dropdown summary:hover{background:#f6f2f3;color:#b00027}
.navigation button[aria-current=page],.navigation-dropdown summary.is-current{color:#b6002b;background:#fae9ee}
.navigation .navigation-tools{display:flex;gap:4px;align-items:center;flex-wrap:wrap;border:0;padding:0;margin:0;justify-content:flex-end}
.navigation-dropdown{position:relative;min-width:0}
.navigation-dropdown summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;user-select:none}
.navigation-dropdown summary::-webkit-details-marker{display:none}
.navigation-chevron{display:inline-block;width:7px;height:7px;flex-shrink:0;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-4px}
.navigation-dropdown[open] summary .navigation-chevron,.navigation-open .navigation-toggle .navigation-chevron{transform:rotate(225deg);margin-top:4px}
.navigation-dropdown[open]>summary{background:#f6f2f3;color:#b00027}
.navigation-dropdown-panel{position:absolute;right:0;top:calc(100% + 9px);width:max-content;min-width:232px;max-width:min(320px,calc(100vw - 40px));padding:7px;background:white;border:1px solid #e7dfe0;border-radius:11px;box-shadow:0 12px 32px #342a2b21}
.navigation-dropdown-panel button{display:flex;width:100%;justify-content:flex-start;text-align:left;white-space:normal;min-height:46px;padding:11px 13px;font-weight:500}
.navigation-dropdown-panel button[aria-current=page]{font-weight:700}
.navigation .navigation-toggle{display:none}
.navigation :is(button,summary):focus-visible,.top :is(button,a):focus-visible{outline:3px solid #d94566;outline-offset:3px}
.navigation-menu-icon{width:18px;height:13px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative;flex-shrink:0}
.navigation-menu-icon::after{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}
@media(max-width:1100px) and (min-width:701px){
  .navigation{padding-left:24px;padding-right:24px}
  .navigation-sections{gap:4px 12px}
  .navigation button,.navigation-dropdown summary{font-size:14px;padding-left:10px;padding-right:10px}
}
@media(max-width:700px){
  .top{padding:16px;flex-direction:column;align-items:stretch;gap:14px;min-height:0}
  .top .brand{font-size:20px;gap:10px;align-self:flex-start}
  .top .account{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}
  .top .account-name{flex:1;max-width:none;text-align:left;font-size:13px}
  .top .account-name small{display:none}
  .top .account-actions{gap:3px}
  .top .account-actions button{min-height:44px;font-size:13px;padding:9px 11px}
  .navigation{padding:7px 12px}
  .navigation .navigation-toggle{display:flex;width:100%;align-items:center;gap:11px;font-size:15px;min-height:46px;text-align:left;padding:10px 5px}
  .navigation-current{margin-left:auto;font-size:13px;font-weight:500;color:#79646b;white-space:normal;text-align:right;max-width:55%;overflow-wrap:anywhere}
  .navigation .navigation-sections{display:none}
  .navigation.navigation-open .navigation-sections{display:block;padding-top:7px;border-top:1px solid #eee6e8;margin-top:6px}
  .navigation .navigation-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .navigation .navigation-main button{font-size:14px;white-space:normal;text-align:left;justify-content:flex-start;padding:11px 12px;min-height:46px}
  .navigation .navigation-tools{display:block;padding-top:8px;margin-top:8px;border-top:1px solid #eee6e8}
  .navigation-dropdown{width:100%}
  .navigation-dropdown summary{font-size:15px;justify-content:space-between;padding:12px;min-height:46px}
  .navigation-dropdown-panel{position:static;width:100%;min-width:0;max-width:none;border:0;border-left:2px solid #eed9df;border-radius:0;box-shadow:none;margin:3px 0 8px;padding:0 0 0 8px}
  .navigation-dropdown-panel button{font-size:14px;min-height:46px}
}
