body{margin:0;background:#f5f6f7;color:#17201b;font-family:Montserrat,Arial,sans-serif}

.sv-account-logo{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#17201b;
    text-decoration:none;
    font-size:16px;
    font-weight:800;
    line-height:1;
}
.sv-account-logo img{
    display:block;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    object-fit:contain!important;
}

.sv-account-wrap{max-width:920px;margin:0 auto;padding:38px 16px 110px}
.sv-auth-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-y:auto}
.sv-auth-page .sv-simple-header{flex:0 0 auto}
.sv-auth-wrap{flex:1 0 auto;min-height:0!important;box-sizing:border-box;padding-bottom:36px}
.sv-account-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.sv-account-welcome{min-width:0}
.sv-account-welcome-title{font-size:22px;font-weight:800;line-height:1.15;color:#17201b}
.sv-account-welcome-sub{margin-top:4px;font-size:12px;color:#6d746f}
.sv-account-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sv-account-logout{color:#6d746f;text-decoration:none;font-size:13px;font-weight:700;padding:8px 4px}
.sv-account-logout:hover{text-decoration:underline}
.sv-btn-new{white-space:nowrap}
.sv-account-card{background:rgba(255,255,255,.96);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:24px;box-shadow:0 14px 40px rgba(0,0,0,.07);margin-bottom:18px}
.sv-account-card h1,.sv-account-card h2{margin-top:0}
.sv-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.sv-account-tabs a{padding:12px 14px;border-radius:999px;text-align:center;text-decoration:none;background:#fff;color:#17201b;border:1px solid #ddd;font-weight:700}
.sv-account-tabs a.active{background:#ffd45a;border-color:#e8b900}
.sv-form{display:grid;gap:12px}.sv-form label{font-size:13px;font-weight:700}
.sv-form input{width:100%;box-sizing:border-box;border:1px solid #d7d7d7;border-radius:11px;padding:12px 13px;font:inherit;background:#fff}
.sv-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:0;border-radius:11px;padding:12px 16px;background:#ffd45a;color:#111;text-decoration:none;font-weight:800;cursor:pointer}
.sv-btn.secondary{background:#edf0ef}.sv-btn.full{width:100%}
.sv-muted{color:#6d746f;font-size:13px;line-height:1.5}.sv-error{padding:12px 14px;border-radius:11px;background:#fff0f0;color:#9c1f1f;margin-bottom:12px}.sv-ok{padding:12px 14px;border-radius:11px;background:#effbef;color:#1c642b;margin-bottom:12px}
.sv-order{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #eee}.sv-order:last-child{border-bottom:0}.sv-order-title{font-weight:800}.sv-order-meta{font-size:13px;color:#6d746f;margin-top:5px}.sv-order-status{display:inline-flex;align-items:center;gap:7px;justify-content:center;white-space:nowrap;font-size:11px;line-height:1;font-weight:800;border-radius:999px;padding:8px 11px;background:#eef1f0;color:#4f5853;border:1px solid rgba(0,0,0,.04);align-self:start}.sv-order-status::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px}.sv-order-status.pending{background:#fff6d8;color:#8a6500;border-color:#f0d57c}.sv-order-status.paid{background:#eaf3ff;color:#225a9b;border-color:#c9ddf6}.sv-order-status.rendering{background:#f1ecff;color:#6340a2;border-color:#d9cef5}.sv-order-status.ready{background:#e9f8ec;color:#176329;border-color:#c9e9cf}.sv-order-links{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.sv-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sv-search-box{background:#fff7dc;border:1px solid #f1df9a}
@media(max-width:640px){
.sv-account-wrap{padding:20px 14px 90px}
.sv-auth-wrap{padding-bottom:28px}
.sv-account-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:16px}
.sv-account-welcome-title{font-size:19px}
.sv-account-welcome-sub{font-size:11px}
.sv-account-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.sv-btn-new{padding:10px 12px;font-size:12px;border-radius:10px}
.sv-account-logout{font-size:12px;padding:8px 2px}
.sv-account-tabs{gap:7px;margin-bottom:14px}
.sv-account-tabs a{padding:11px 10px;font-size:13px}
.sv-account-card{padding:18px;border-radius:18px}
.sv-account-card h1{font-size:27px;line-height:1.1;margin-bottom:14px}
.sv-muted{font-size:12px}
.sv-profile-grid{grid-template-columns:1fr}
.sv-order{grid-template-columns:1fr;gap:10px;padding:16px 0}
.sv-order-title{font-size:14px;line-height:1.35}
.sv-order-meta{font-size:12px}
.sv-order-status{justify-self:start;margin-top:0;padding:7px 10px;font-size:11px}
.sv-order-links{display:grid;grid-template-columns:1fr auto;gap:8px}
.sv-order-links .sv-btn{width:100%;min-width:0;padding:11px 12px;font-size:13px}
.sv-order-links .sv-btn:first-child{background:#edf0ef}
.sv-order-links .sv-btn:last-child:not(:first-child){min-width:108px}
}
@media(max-width:390px){
.sv-account-top{grid-template-columns:1fr}
.sv-account-actions{justify-content:flex-start}
.sv-account-tabs a{font-size:12px}
.sv-order-links{grid-template-columns:1fr}
.sv-order-links .sv-btn:last-child:not(:first-child){min-width:0}
}

.sv-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e8b900;border-radius:12px;background:#ffd45a;color:#17201b;padding:10px 14px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(232,185,0,.18)}
.sv-menu-trigger-icon{display:grid;gap:3px;width:18px}
.sv-menu-trigger-icon span{display:block;height:2px;border-radius:999px;background:#17201b}
.sv-drawer-backdrop{position:fixed;inset:0;z-index:1900;background:rgba(0,0,0,.28);opacity:0;transition:opacity .18s ease}
.sv-drawer-backdrop.show{opacity:1}
.sv-account-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1950;width:min(360px,88vw);background:#fff;box-shadow:-18px 0 48px rgba(0,0,0,.16);transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column}
.sv-account-drawer.open{transform:translateX(0)}
.sv-account-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 20px 18px;border-bottom:1px solid #eee}
.sv-account-drawer-title{font-size:20px;font-weight:800}
.sv-account-drawer-user{margin-top:4px;font-size:12px;color:#6d746f;word-break:break-word}
.sv-drawer-close{width:36px;height:36px;border:0;border-radius:50%;background:#f1f3f2;font-size:24px;line-height:1;cursor:pointer}
.sv-account-drawer-nav{display:grid;padding:12px}
.sv-account-drawer-nav a{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:11px;color:#17201b;text-decoration:none;font-size:14px;font-weight:750}
.sv-account-drawer-nav a:hover,.sv-account-drawer-nav a.active{background:#fff5c7}
.sv-account-drawer-nav a.logout{margin-top:10px;border-top:1px solid #eee;border-radius:0;padding-top:16px;color:#8a2d2d}
body.sv-drawer-open{overflow:hidden}
.sv-account-tabs{display:none!important}
@media(max-width:640px){
.sv-account-top{grid-template-columns:1fr auto}
.sv-account-actions{justify-content:flex-end}
.sv-menu-trigger{padding:9px 12px;font-size:12px}
.sv-account-card{margin-top:4px}
}


/* Rich order cards */
.sv-order-rich{grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:stretch}
.sv-order-preview{display:block;width:112px;height:88px;border-radius:14px;overflow:hidden;background:#f1f3f2;text-decoration:none;align-self:start}
.sv-order-preview img{display:block;width:100%;height:100%;object-fit:cover}
.sv-order-preview-empty{display:flex;align-items:center;justify-content:center;font-size:28px;color:#6d746f}
.sv-order-main{min-width:0}
.sv-order-headline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.sv-order-child{margin-top:5px;font-size:13px;font-weight:700;color:#39453f}
.sv-order-rich .sv-order-meta{margin-top:4px}
.sv-order-rich .sv-order-links{grid-column:auto;margin-top:12px}

@media(max-width:640px){
.sv-order-rich{grid-template-columns:86px minmax(0,1fr);gap:12px}
.sv-order-preview{width:86px;height:86px;border-radius:12px}
.sv-order-headline{grid-template-columns:1fr;gap:7px}
.sv-order-child{font-size:12px}
.sv-order-rich .sv-order-links{grid-template-columns:1fr;gap:8px}
.sv-order-rich .sv-order-links .sv-btn{width:100%}
}


/* Customer account footer */
.sv-account-footer{
    margin-top:10px;
    border-top:1px solid rgba(23,32,27,.08);
    background:#fff;
}
.sv-account-footer__inner{
    max-width:920px;
    margin:0 auto;
    padding:22px 16px 26px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:18px 28px;
    align-items:center;
}
.sv-account-footer__brand{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.sv-account-footer__brand img{
    width:34px;
    height:34px;
    flex:0 0 34px;
    object-fit:contain;
}
.sv-account-footer__brand strong{
    display:block;
    color:#17201b;
    font-size:14px;
    line-height:1.2;
}
.sv-account-footer__brand span{
    display:block;
    margin-top:3px;
    color:#7a817c;
    font-size:11px;
    line-height:1.35;
}
.sv-account-footer__links{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    flex-wrap:wrap;
}
.sv-account-footer__links a{
    color:#4f5853;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}
.sv-account-footer__links a:hover{
    color:#17201b;
    text-decoration:underline;
}
.sv-account-footer__copy{
    grid-column:1/-1;
    padding-top:12px;
    border-top:1px solid #eef0ef;
    color:#929893;
    font-size:11px;
}
@media(max-width:720px){
    .sv-account-footer__inner{
        grid-template-columns:1fr;
        padding:18px 14px calc(88px + env(safe-area-inset-bottom));
        gap:14px;
    }
    .sv-account-footer__links{
        justify-content:flex-start;
        gap:10px 16px;
    }
    .sv-account-footer__copy{
        grid-column:auto;
    }
}