:root{font-family:'Roboto','Arial',sans-serif;color:#383838;background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}
.hidden{display:none!important}
.top{background:#2b2b2b;color:#fff}
.topline{width:100%;max-width:none;display:flex;align-items:center;gap:24px;padding:16px 36px}
.logo{display:flex;align-items:center;gap:10px;min-width:210px;cursor:pointer}
.mark{background:#ec1c24;color:#14243a;border-radius:10px;padding:10px;font-size:22px;font-weight:900}
.brand{font-weight:850;font-size:21px;letter-spacing:-.5px}
.brand small{font-size:11px;font-weight:500;display:block;color:#c6d2e0;letter-spacing:1.25px}
.search-wrap{position:relative;flex:1;min-width:120px;max-width:850px}
.searchbar{display:flex;width:100%;height:47px;background:white;border-radius:8px;overflow:hidden}
.searchbar input{width:100%;border:0;padding:0 17px;outline:none;color:#383838}
.searchbar button{width:53px;border:0;background:#ec1c24;color:#1b2a3d;font-size:22px}
.search-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:white;border-radius:8px;box-shadow:0 10px 30px rgba(10,20,40,.18);z-index:40;max-height:360px;overflow-y:auto}
.search-suggestion-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;border-bottom:1px solid #f1f5f9;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font:inherit}
.search-suggestion-item:last-child{border-bottom:none}
.search-suggestion-item:hover{background:#f8fafc}
.search-suggestion-emoji{font-size:20px;width:28px;text-align:center;flex-shrink:0}
.search-suggestion-text{flex:1;min-width:0;overflow:hidden}
.search-suggestion-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-suggestion-sku{font-size:11px;color:#64748b}
.search-suggestion-price{font-size:13px;font-weight:700;color:#383838;flex-shrink:0}
.search-suggestion-empty{padding:12px 14px;font-size:13px;color:#64748b}
.head-action{border:0;background:none;color:white;text-align:left;white-space:nowrap;font-size:13px}
.head-action strong{font-size:14px;display:block}
.cartbtn{display:flex;align-items:center;gap:6px;border:0;color:white;background:transparent;font-weight:800;font-size:15px}
.cartcount{background:#ec1c24;color:#17253a;border-radius:50%;font-size:12px;padding:3px 7px}
.subnav{background:#fff}
.navinner{width:100%;max-width:none;padding:10px 36px;display:flex;align-items:center;gap:24px;font-size:13px;flex-wrap:wrap}
.navinner a{color:#e9edf5;text-decoration:none;cursor:pointer}
.navinner a:hover{text-decoration:underline}
.admin-badge,.badge-myquotes{background:#ec1c24;color:#383838!important;padding:4px 10px;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.admin-badge:hover,.badge-myquotes:hover{background:#c5161d;text-decoration:none!important}
.badge-users{background:#a78bfa;color:#090e1a!important}
.badge-swagger{background:#38bdf8;color:#090e1a!important}
.badge-myquotes{background:#34d399;color:#082b1c!important}
.badge-myquotes:hover{background:#22c07c}
.nav-logout{margin-left:auto}
.float-right{float:right}
.cart-icon{font-size:25px}
.modal-user-form{width:min(480px,95vw)}
.modal-user-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}
.sidebar-hr{border:0;border-top:1px solid #e5e9f0;margin:18px 0}
.sidebar-links{font-size:12px;line-height:1.7;color:#748295}
.sidebar-link-primary{color:#133549;font-weight:700}
.sidebar-link-secondary{color:#133549}
.form-checkbox-label{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;cursor:pointer}
.btn-save-user{margin-top:20px;width:100%}
.btn-new-user{padding:7px 16px;font-size:13px}
.btn-user-action{padding:4px 8px;font-size:11px}
.btn-user-delete{padding:4px 8px;font-size:11px;color:#dc2626}
.select-white{background:white}
.user-active{color:#16a34a;font-weight:700}
.user-inactive{color:#94a3b8}
.text-muted{color:#64748b}
.text-danger{color:#ef4444}
.text-center{text-align:center}
.info-subtext{color:#63758a;font-size:13px}
.footer-subtext{font-size:12px;color:#788798}
.content{width:100%;max-width:none;margin:0;padding:26px 36px}
.breadcrumbs{font-size:12px;color:#637186;margin-bottom:22px}
.hero{background:#fff;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 42px;margin-bottom:26px;min-height:198px}
.eyebrow{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;color:#ec1c24;font-weight:800}
.hero h1{margin:10px 0;font-size:clamp(25px,3.2vw,37px);letter-spacing:-1.2px}
.hero p{color:#596a7b;margin:0;max-width:850px}
.heroart{font-size:93px;opacity:.7;filter:grayscale(.2)}
.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}
.sidebar,.panel{background:white;border:1px solid #e0e5ec;border-radius:12px}
.sidebar{padding:20px;align-self:stretch}
.sidebar h3{margin:0 0 14px;font-size:14px}
.sidebar label{display:block;font-size:13px;padding:10px 0;color:#47566a;cursor:pointer}
.sidebar input{accent-color:#133549}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.section-head h2{font-size:21px;letter-spacing:-.6px;margin:0}
.section-head span{font-size:13px;color:#718095}
.products{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}
.pagination button{padding:8px 16px}
.pagination button:disabled{opacity:.45;cursor:not-allowed}
.pagination span{font-size:13px;color:#718095}
.product{border:1px solid #dfe5ec;border-radius:12px;background:white;overflow:hidden;display:flex;flex-direction:column}
.visual{height:176px;background:#ececec;display:flex;align-items:center;justify-content:center;position:relative}
.visual .emoji{font-size:66px;filter:drop-shadow(3px 8px 5px #a9b9c666)}
.pill{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;padding:5px 9px;background:white;border-radius:5px;color:#43708b}
.product-body{padding:17px;display:flex;flex-direction:column;flex:1}
.sku{font-size:12px;color:#61758d}
.product h3{font-size:15px;line-height:1.4;margin:9px 0 7px;min-height:43px}
.desc{font-size:12px;color:#6f7e90;margin:0 0 15px}
.price{font-size:23px;font-weight:800;letter-spacing:-.6px}
.price small{font-size:12px;color:#778395;font-weight:500}
.stock{font-size:12px;color:#188459;margin:8px 0 16px}
.product button,.primary{background:#133549;border:1px solid #133549;color:#fff;border-radius:7px;padding:11px;font-weight:750}
.product button:hover,.primary:hover{background:#ec1c24}
.secondary{background:white;border:1px solid #cbd4df;border-radius:7px;padding:11px 14px;font-weight:700;color:#243247}
.product button.secondary{background:white;border:1px solid #cbd4df;color:#243247;margin-top:8px}
.product button.secondary:hover{background:#f4f6f8}
.product button.admin-override-btn{background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;margin-top:8px}
.product button.admin-override-btn:hover{background:#e0e7ff}
.overlay{position:fixed;inset:0;z-index:30;background:rgba(12,25,43,.64);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.login{background:white;border-radius:18px;width:min(420px,100%);padding:34px;box-shadow:0 30px 80px #07142655}
.login .center{text-align:center}
.login h1{font-size:25px;margin:18px 0 7px;letter-spacing:-.8px}
.login p{font-size:14px;color:#748093;margin:0 0 25px}
.fieldlabel{display:block;font-size:13px;font-weight:750;margin:15px 0 7px}
.field{width:100%;border:1px solid #cbd5e0;border-radius:8px;padding:13px 12px;outline:none}
.field:focus{border-color:#133549;box-shadow:0 0 0 3px #217eaf22}
.login .primary{width:100%;margin-top:23px}
.note{margin-top:18px;font-size:12px;color:#718095;text-align:center}
.error{color:#ba2b38;font-size:12px;min-height:16px;margin-top:9px}
.drawercover{position:fixed;inset:0;background:#0a172566;z-index:19}
.drawer{position:fixed;z-index:20;right:0;top:0;bottom:0;width:min(480px,100vw);background:#fff;box-shadow:-10px 0 50px #0e1f3350;display:flex;flex-direction:column}
.drawer header{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid #e4e9ee}
.drawer header h2{margin:0}
.close{border:0;background:transparent;font-size:26px;cursor:pointer}
.draweritems{padding:20px;overflow:auto;flex:1}
.cart-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf0f4;padding:13px 0}
.cart-item .pic{font-size:32px;background:#eff4f8;padding:13px;border-radius:9px}
.ci-text{flex:1;font-size:13px}
.ci-text strong{display:block;margin-bottom:5px}
.qty{display:flex;align-items:center;gap:10px;margin-top:8px}
.qty button{border:1px solid #ccd4de;background:#fff;border-radius:4px;width:27px;height:26px}
.remove{border:0;background:none;color:#b42a42;font-size:15px;padding:2px 6px;cursor:pointer}
.drawerfoot{border-top:1px solid #e4e9ee;padding:21px;display:grid;gap:12px}
.total{display:flex;justify-content:space-between;font-size:19px;font-weight:800}
.drawerfoot .primary{width:100%}
.drawerfoot .secondary{width:100%}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1f354b;color:#fff;padding:13px 20px;border-radius:9px;box-shadow:0 10px 30px #1114;z-index:40;font-size:13px}
.empty{text-align:center;color:#6b7d91;padding:45px 15px}
.modal{background:white;border-radius:16px;padding:30px;width:min(900px,96vw);max-height:90vh;overflow:auto}
.modal h2{margin-top:0}
.modal .primary{width:100%;margin-top:18px}
.modal .row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.table-wrap{overflow-x:auto;margin:16px 0;border:1px solid #e2e8f0;border-radius:8px}
table.data-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}
table.data-table th{background:#f8fafc;padding:12px 14px;border-bottom:2px solid #e2e8f0;font-weight:700;color:#475569}
table.data-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b}
table.data-table tr:hover td{background:#f8fafc}
.status-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;display:inline-block}
.status-ISSUED,.status-READY{background:#dcfce7;color:#166534}
.status-SUBMITTED{background:#e0f2fe;color:#075985}
.status-IN_REVIEW,.status-ACKNOWLEDGED{background:#fef3c7;color:#92400e}
.footer{margin:38px 0 0;background:#e8edf3;color:#66778b;text-align:center;padding:23px;font-size:12px;width:100%}
@media(max-width:1000px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.logo{min-width:150px}.navinner{gap:15px}}
@media(max-width:700px){.topline{padding:12px;gap:9px;flex-wrap:wrap}.logo{flex:1}.brand{font-size:18px}.head-action{font-size:11px}.searchbar{order:3;flex-basis:100%;max-width:none}.navinner{padding:10px 12px;gap:17px;overflow:auto;white-space:nowrap}.content{padding:16px 12px}.hero{padding:23px;min-height:160px}.heroart{display:none}.layout{display:block}.sidebar{margin-bottom:18px;padding:12px}.sidebar label{display:inline-block;margin-right:15px;padding:5px 0}.products{grid-template-columns:1fr}.visual{height:125px}.product-body{padding:11px}.product h3{font-size:13px}.price{font-size:19px}.desc{min-height:30px}.login{padding:25px}.modal .row{grid-template-columns:1fr}}

/* Frey Maschinenbau visual identity; @implements REQ-FE-001. */
:root{--brand-red:#ec1c24;--navy:#133549;--dark:#2b2b2b;--text:#383838;--muted:#686868;--line:#dedede;--light:#ececec;font-weight:300;line-height:1.5}
body{background:#fff;color:var(--text)}
h1,h2,h3,h4,h5,h6{font-family:'Roboto Condensed','Arial Narrow','Roboto',Arial,sans-serif;font-weight:700}
a{color:var(--brand-red)}
button,a,input,select{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
button:focus-visible,a:focus-visible{outline:3px solid var(--brand-red);outline-offset:4px}
.topline,.navinner,.content,.footer-inner{max-width:1400px;margin-left:auto;margin-right:auto}
.topline{padding:26px 24px;gap:30px;min-height:118px}
.logo{min-width:200px;flex-shrink:0}
.brand-logo{display:block;width:245px;max-width:100%;height:auto;object-fit:contain}
.search-wrap{max-width:none}
.searchbar{height:48px;border-radius:4px}
.searchbar input{font-size:14px}
.searchbar button{background:var(--brand-red);color:#fff;width:54px}
.searchbar button:hover{background:#c5161d}
.search-suggestions{border:1px solid var(--line);border-radius:4px}
.search-suggestion-item:hover{background:#ececec}
.head-action{font-weight:300;color:#eee}
.head-action strong{font-weight:700}
.cartbtn{font-size:14px;font-weight:500}
.cartcount{background:var(--brand-red);color:#fff}
.subnav{border-bottom:1px solid var(--line)}
.navinner{padding:17px 24px;gap:14px 24px;font-size:14px}
.navinner a{color:var(--text);font-weight:400}
.navinner a:hover{color:var(--brand-red);text-decoration:none}
.admin-badge,.badge-myquotes,.badge-users,.badge-swagger{background:#f2f2f2;color:var(--text)!important;border-radius:3px;padding:5px 9px;font-size:12px;font-weight:400}
.admin-badge:hover,.badge-myquotes:hover{background:#e5e5e5;color:var(--brand-red)!important}
.content{padding:30px 24px 64px}
.breadcrumbs{color:var(--muted);margin-bottom:28px}
.hero{border-radius:0;border-bottom:1px solid var(--text);padding:0 0 32px;margin-bottom:34px;min-height:190px}
.eyebrow{color:var(--muted);font-size:12px;letter-spacing:1.5px;font-weight:400}
.hero h1{font-size:clamp(30px,3.2vw,44px);line-height:1.16;letter-spacing:0;text-transform:uppercase;margin:12px 0 18px}
.hero h1 strong,.login h1 strong{color:var(--brand-red)}
.hero p{font-size:16px;line-height:1.7;color:var(--muted);max-width:760px}
.heroart{font-family:Arial,sans-serif;font-size:132px;line-height:1;color:var(--light);opacity:1;filter:none;padding:0 30px}
.layout{grid-template-columns:230px minmax(0,1fr);gap:32px}
.sidebar,.panel{border-color:var(--line);border-radius:0}
.sidebar{background:#f7f7f7;padding:22px 20px;border-top:3px solid var(--brand-red)}
.sidebar h3{text-transform:uppercase;font-size:17px;letter-spacing:.4px}
.sidebar label{color:var(--text);line-height:1.5}
.sidebar input{accent-color:var(--brand-red)}
.sidebar-links{color:var(--muted)}
.sidebar-link-primary,.sidebar-link-secondary{color:var(--navy)}
.section-head{gap:16px;flex-wrap:wrap}
.section-head h2{font-size:24px;letter-spacing:0;text-transform:uppercase}
.section-head span{color:var(--muted)}
.products{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.product{border-color:var(--line);border-radius:0;transition:border-color .2s ease}
.product:hover{border-color:#9a9a9a}
.visual{background:var(--light);height:180px}
.visual .emoji{filter:grayscale(.65);opacity:.85}
.pill{border-radius:2px;color:var(--navy);font-weight:500}
.product-body{padding:22px}
.sku,.desc,.price small,.info-subtext,.text-muted,.footer-subtext{color:var(--muted)}
.product h3{font-size:19px;margin:10px 0;min-height:52px}
.desc{font-size:13px;line-height:1.6}
.price{font-size:25px;font-weight:700;letter-spacing:0}
.product button,.primary{border-radius:5px;font-weight:500;background:var(--navy);border-color:var(--navy);color:#fff;padding:11px 18px}
.product button:hover,.primary:hover{background:var(--brand-red);border-color:var(--brand-red)}
.secondary,.product button.secondary{border-radius:5px;border-color:#c8c8c8;color:var(--navy);font-weight:500}
.secondary:hover,.product button.secondary:hover{background:var(--light);border-color:var(--navy)}
.product button.admin-override-btn{background:#f5f5f5;border-color:#ccc;color:var(--text);font-weight:400}
.product button.admin-override-btn:hover{background:var(--light)}
.field{border-color:#ccc;border-radius:4px;background:#fff;color:var(--text)}
.field:focus{border-color:var(--navy);box-shadow:0 0 0 3px #13354918}
.fieldlabel{font-weight:500;color:var(--text)}
.overlay{background:rgba(43,43,43,.72);backdrop-filter:blur(3px);overflow-y:auto}
#loginOverlay{background:#ececec;backdrop-filter:none;padding:32px 20px}
.login{width:min(480px,100%);border-radius:0;padding:0 36px 30px;box-shadow:0 16px 60px #00000014;border-bottom:4px solid var(--brand-red);max-height:calc(100dvh - 64px);overflow-y:auto}
.login-brand{background:var(--dark);margin:0 -36px 30px;padding:30px 36px 24px;display:flex;flex-direction:column;align-items:center;gap:17px}
.login-brand .brand-logo{width:300px}
.login-brand span{color:#ddd;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.login .center{text-align:left}
.login h1{font-size:30px;line-height:1.2;letter-spacing:0;text-transform:uppercase;margin:9px 0 14px}
.login p{color:var(--muted);font-size:14px;margin-bottom:22px}
.login .primary{margin-top:18px;min-height:48px}
.note{border-top:1px solid var(--line);padding-top:18px;text-align:left;color:var(--muted);line-height:1.6}
.drawer header,.drawerfoot{border-color:var(--line)}
.drawer header h2,.modal h2{color:var(--navy);text-transform:uppercase;font-size:24px}
.modal{border-radius:5px;border-top:4px solid var(--brand-red)}
.table-wrap{border-color:var(--line);border-radius:0}
table.data-table th{background:var(--light);color:var(--text);border-bottom-color:#ccc}
table.data-table td{color:var(--text);border-bottom-color:var(--line)}
table.data-table tr:hover td{background:#f7f7f7}
.toast{background:var(--navy);border-radius:4px}
.footer{margin:0;background:var(--dark);color:#ddd;text-align:left;padding:0;font-size:14px}
.footer-inner{padding:54px 24px;display:flex;gap:12px 32px;align-items:center;flex-wrap:wrap}
.footer strong{color:#fff;font-size:19px;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase}
.footer-inner span:last-child{margin-left:auto;font-size:12px;color:#bbb}
#partDetailView>.section-head{margin-top:28px}
@media(min-width:1400px){.topline{gap:36px}}
@media(max-width:1100px){.topline{gap:20px}.brand-logo{width:210px}.head-action{white-space:normal}.layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topline{padding:20px;gap:18px;min-height:0}.logo{flex:1;min-width:150px}.brand-logo{width:190px}.search-wrap{order:4;flex-basis:100%;max-width:none}.head-action{font-size:11px}.cartbtn{font-size:12px}.navinner{padding:15px 20px;gap:12px 18px;white-space:normal;overflow:visible;font-size:13px}.nav-logout{margin-left:0}.content{padding:24px 20px 44px}.hero{padding:0 0 26px;min-height:0}.hero h1{font-size:30px}.hero p{font-size:14px}.layout{display:block}.sidebar{padding:16px;margin-bottom:26px}.sidebar label{margin-right:14px;line-height:1.7}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-body{padding:14px}.product h3{font-size:17px}.visual{height:140px}.price{font-size:22px}.section-head h2{font-size:21px}.footer-inner{padding:36px 20px;display:grid;gap:12px}.footer-inner span:last-child{margin-left:0}.login{padding:0 24px 24px}.login-brand{margin:0 -24px 26px;padding:26px 24px}.login h1{font-size:27px}}
@media(max-width:430px){.products{grid-template-columns:1fr}.head-action{order:3;flex-basis:100%}.topline{gap:14px}.logo{min-width:130px}.brand-logo{width:165px}.login{max-height:calc(100dvh - 32px)}#loginOverlay{padding:16px}.login-brand .brand-logo{width:240px}.hero h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Admin mail template editor (ISSUE-0086). */
.mail-template-body{resize:vertical;min-height:220px;font:inherit;line-height:1.5}
/* Public account onboarding. */
.onboarding-card{max-width:600px;margin:5vh auto;padding:24px;background:white;border-top:4px solid var(--brand-red);border-radius:5px}
.onboarding-card h1{color:var(--navy);font-size:26px}
.onboarding-card button{margin:12px 8px 12px 0}

#mailSettingsFields { border: 0; padding: 0; margin: 0; min-width: 0; }

.catalog-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:16px}
.catalog-controls select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font:inherit}
.pagination{flex-wrap:wrap}

/* Reserve loading feedback space so entering/leaving the loading state cannot move the grid. */
#catalogStatus{min-height:1.5em;line-height:1.5;margin:0 0 16px}
#products{align-content:start;overflow-anchor:none}
#catalogPageInfo{min-width:9em;text-align:center;font-variant-numeric:tabular-nums}

.account-dropdown{position:relative;flex-shrink:0}
.account-dropdown .head-action{padding:10px 20px 10px 0;position:relative}
.account-dropdown .head-action::after{content:'';position:absolute;right:2px;top:50%;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.account-dropdown .head-action[aria-expanded="true"]::after{transform:rotate(225deg)}
.account-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:45;width:320px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 160px);overflow-y:auto;padding:6px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #0002}
.account-menu button,.account-menu a{display:block;width:100%;padding:11px 12px;border:0;border-radius:3px;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:14px;line-height:1.4;text-decoration:none;white-space:normal;cursor:pointer}
.account-menu button:hover,.account-menu a:hover,.account-menu button:focus-visible,.account-menu a:focus-visible{background:#f1f3f5;outline:2px solid var(--navy);outline-offset:-2px}
.account-menu #navLogout{border-top:1px solid var(--line);margin-top:5px;border-radius:0}
@media(max-width:700px){.account-dropdown{order:3;flex-basis:100%}.account-menu{left:0;right:auto}}

html{scrollbar-gutter:stable}