/* Customer account and saved order pages use the public Kodille.fi palette. */
@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/poppins/poppins-v19-latin-300.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/poppins/poppins-v19-latin-regular.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/poppins/poppins-v19-latin-500.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/poppins/poppins-v19-latin-700.woff2') format('woff2')}
:root{font-family:Poppins,sans-serif;color:#212529;background:#fff}
body{background:#fff;color:#212529}
.account-header nav a[aria-current]{color:#fff}
.account-brand small{color:#d6deeb}
.eyebrow{color:#326da2}
.auth-intro h1,.account-title h1,.account-card h2,.account-empty h3,.order-public-card h1{color:#2e364f}
.auth-intro h1 em{font-family:inherit;font-style:normal;font-weight:300;color:#3e6d9d}
.auth-intro p,.auth-panel p,.account-card p,.account-title p{color:#647086}
.auth-intro>a,.back-link,.account-empty a,.empty-card a,.account-footer a{color:#2468ad}
.auth-panel,.account-card,.order-public-card{border-color:#dfe4ec;box-shadow:0 15px 40px #2e364f0e}
.auth-tabs,.account-card-head,.order-detail-head,.order-detail-section,.order-detail-total,.account-footer{border-color:#e2e7ef}
.auth-tabs a{color:#718096}
.auth-tabs a.active{color:#2e364f;box-shadow:inset 0 -3px #386da9}
.auth-panel label{color:#35445f}
.auth-panel input{border-color:#cfd8e4;color:#2e364f}
.auth-panel input:focus{outline-color:#819bc2}
.auth-panel form button{background:#2e364f}
.auth-panel form button:hover{background:#414e70}
.quiet-button{border-color:#cfd8e4;color:#2e364f}
.account-side a{color:#52617a}
.account-side a.active{background:#e9eef7;color:#2e364f}
.account-card-head>strong,.order-mark{background:#e7edf6;color:#3d6a9d}
.account-orders a,.account-prepayment-row{border-color:#e7ebf1}
.account-orders a:hover,.account-prepayment-row:hover{background:#f5f7fb}
.account-orders small,.account-prepayment-row small{color:#78859a}
.status-pill{background:#e7edf6;color:#2e364f}
.account-footer>div{color:#68748a}
.account-footer strong{color:#2e364f}
.order-public-card dl,.order-public-card dl div{border-color:#e2e7ef}
.auth-fields-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.auth-optional{border:1px solid #dfe5ee;border-radius:6px;background:#f9fafc}
.auth-optional summary{padding:13px 14px;color:#2e364f;font-size:12px;font-weight:700;cursor:pointer}
.auth-optional summary small{margin-left:6px;color:#738096;font-size:11px;font-weight:400}
.auth-optional-fields{display:grid;gap:13px;padding:0 14px 15px}
.profile-card .account-error,.profile-success{margin:19px 28px 0}
.profile-success{padding:12px 15px;border:1px solid #cce7d5;border-radius:4px;background:#eef8f1;color:#276346;font-size:13px}
.profile-form{display:grid;gap:17px;padding:27px 30px 34px}
.profile-form label{display:grid;gap:7px;color:#35445f;font-size:12px;font-weight:700}
.profile-form label small{color:#7a879a;font-size:11px;font-weight:400}
.profile-form input{width:100%;height:45px;padding:10px 12px;border:1px solid #cfd8e4;border-radius:4px;background:#fff;color:#2e364f;font:inherit;font-weight:400}
.profile-form input:disabled{background:#f2f4f8;color:#6b788b}
.profile-form fieldset{display:grid;gap:14px;margin:0;padding:19px;border:1px solid #e0e5ed;border-radius:6px}
.profile-form legend{padding:0 6px;color:#2e364f;font-size:14px;font-weight:700}
.profile-form legend small{color:#77849a;font-size:11px;font-weight:400}
.profile-form button{display:flex;align-items:center;justify-content:space-between;justify-self:start;gap:35px;padding:13px 18px;border:0;border-radius:4px;background:#2e364f;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.profile-form button:hover{background:#414e70}
@media(max-width:560px){.auth-fields-two{grid-template-columns:1fr}.profile-form{padding:21px 18px 25px}.profile-form fieldset{padding:15px}.profile-card .account-error,.profile-success{margin:15px 18px 0}.account-side{flex-wrap:wrap}.account-side a{min-width:42%}}
@media(max-width:560px){.account-header .header-row{align-items:flex-start;flex-direction:column;gap:5px;padding-block:9px 11px}.account-header nav{display:flex;flex-wrap:wrap;gap:5px 15px;max-width:100%;line-height:1.5}.account-header nav a{white-space:nowrap}}