/* SAMBLEMS Customer Portal frontend styles - v1.3 */
.samblem-cp-wrap{
    --scp-primary:#061D33;
    --scp-accent:#B68538;
    --scp-bg:#ffffff;
    --scp-text:#0f172a;
    --scp-muted:#64748b;
    --scp-border:#d8dfea;
    --scp-button-radius:12px;
    --scp-card-radius:18px;
    color:var(--scp-text);
    font-family:inherit;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
}
.samblem-cp-wrap,
.samblem-cp-wrap *,
.samblem-account-button,
.samblem-account-button *,
.samblem-header-account-pill,
.samblem-header-account-pill *{
    box-sizing:border-box!important;
    box-shadow:none!important;
    text-shadow:none!important;
    filter:none!important;
}
.samblem-cp-wrap a,
.samblem-cp-wrap button,
.samblem-cp-wrap input{
    font-family:inherit;
}
.scp-notice{
    padding:13px 16px;
    border-radius:12px;
    margin:0 0 16px;
    font-weight:700;
}
.scp-notice-success{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;}
.scp-notice-error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;}
.samblem-cp-auth{
    max-width:760px;
    margin:0 auto;
    padding:20px 16px;
}
.scp-auth-card,
.samblem-cp-dashboard{
    width:100%;
    max-width:1080px;
    margin:0 auto;
    background:var(--scp-bg);
    border:1px solid var(--scp-border);
    border-radius:var(--scp-card-radius);
    padding:28px;
    overflow:hidden;
}
.scp-auth-head{
    text-align:center;
    margin-bottom:22px;
}
.scp-auth-head span,
.scp-dashboard-head span{
    color:var(--scp-accent);
    font-size:12px;
    font-weight:900;
    letter-spacing:1.4px;
    text-transform:uppercase;
}
.scp-auth-head h2,
.scp-dashboard-head h2{
    font-size:32px;
    line-height:1.1;
    color:var(--scp-primary);
    margin:6px 0 8px;
    font-weight:900;
}
.scp-auth-head p,
.scp-dashboard-head p{
    color:var(--scp-muted);
    margin:0;
    line-height:1.6;
}
.scp-tabs{
    display:flex;
    gap:10px;
    justify-content:center;
    background:#f8fafc;
    border:1px solid var(--scp-border);
    border-radius:16px;
    padding:8px;
    margin-bottom:22px;
}
.scp-tabs button,
.scp-dashboard-nav button{
    border:0;
    background:transparent;
    color:var(--scp-primary);
    font-weight:900;
    border-radius:12px;
    padding:12px 18px;
    cursor:pointer;
    line-height:1.2;
    transition:background-color .22s ease,color .22s ease,border-color .22s ease;
}
.scp-tabs button:hover,
.scp-dashboard-nav button:hover{
    background:rgba(182,133,56,.12)!important;
    color:var(--scp-primary)!important;
}
.scp-tabs button.active,
.scp-dashboard-nav button.active{
    background:var(--scp-primary)!important;
    color:#ffffff!important;
}
.scp-tab-panel{display:none!important;}
.scp-tab-panel.active{display:block!important;}
.scp-form{
    display:grid!important;
    gap:14px!important;
    width:100%;
}
.scp-grid-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.scp-full{grid-column:1/-1!important;}
.scp-form label{
    display:grid!important;
    gap:7px!important;
    font-size:13px!important;
    font-weight:800!important;
    color:var(--scp-primary)!important;
    margin:0!important;
}
.scp-form input{
    width:100%!important;
    min-height:48px!important;
    border:1px solid var(--scp-border)!important;
    border-radius:12px!important;
    padding:12px 14px!important;
    color:var(--scp-text)!important;
    background:#ffffff!important;
    outline:none!important;
    font-size:15px!important;
    line-height:1.2!important;
    appearance:auto!important;
}
.scp-form input:focus{
    border-color:var(--scp-accent)!important;
    outline:2px solid rgba(182,133,56,.16)!important;
    outline-offset:1px!important;
}
.scp-form button,
.scp-small-btn,
.scp-logout{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    background:var(--scp-primary)!important;
    color:#ffffff!important;
    border-radius:var(--scp-button-radius)!important;
    padding:13px 18px!important;
    font-weight:900!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:background-color .25s ease,color .25s ease,transform .25s ease!important;
    min-height:46px!important;
    line-height:1!important;
}
.scp-form button:hover,
.scp-small-btn:hover,
.scp-logout:hover{
    background:var(--scp-accent)!important;
    color:#ffffff!important;
    transform:translateY(-1px)!important;
}
.scp-inline{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    gap:8px!important;
}
.scp-inline input{
    width:auto!important;
    min-height:auto!important;
}
.samblem-cp-dashboard{
    padding:28px;
}
.scp-dashboard-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid var(--scp-border);
    padding-bottom:20px;
    margin-bottom:18px;
}
.scp-stat-grid{
    display:grid;
    grid-template-columns:1fr 1fr 2fr;
    gap:14px;
    margin:0 0 20px;
}
.scp-stat-grid div{
    background:#f8fafc;
    border:1px solid var(--scp-border);
    border-radius:16px;
    padding:16px;
    min-width:0;
}
.scp-stat-grid strong{
    display:block;
    color:var(--scp-primary);
    font-size:22px;
    line-height:1.1;
    font-weight:900;
    word-break:break-word;
}
.scp-stat-grid span{
    display:block;
    color:var(--scp-muted);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    margin-top:6px;
}
.scp-dashboard-layout{
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    gap:18px;
}
.scp-dashboard-nav{
    display:grid;
    gap:10px;
    align-self:start;
    position:sticky;
    top:20px;
}
.scp-dashboard-nav button{
    text-align:left;
    border:1px solid var(--scp-border)!important;
    background:#ffffff!important;
}
.scp-orders-list{display:grid;gap:16px;}
.scp-order-card{
    border:1px solid var(--scp-border);
    border-radius:18px;
    padding:18px;
    background:#ffffff;
}
.scp-order-top{
    display:flex;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}
.scp-order-top span{
    color:var(--scp-accent);
    font-weight:900;
    font-size:12px;
}
.scp-order-top h3{
    margin:3px 0 0;
    color:var(--scp-primary);
    font-size:20px;
    font-weight:900;
}
.scp-order-top b{
    background:#eef7ff;
    color:var(--scp-primary);
    border:1px solid var(--scp-border);
    border-radius:99px;
    padding:7px 12px;
    font-size:12px;
    align-self:start;
}
.scp-order-meta{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.scp-order-meta p,
.scp-raw-grid p{
    margin:0!important;
    background:#f8fafc;
    border:1px solid #edf2f7;
    border-radius:12px;
    padding:10px;
    font-size:13px;
    color:var(--scp-text);
    line-height:1.5;
}
.scp-small-btn{
    margin-top:12px!important;
    padding:10px 14px!important;
    font-size:13px!important;
}
.scp-order-details{margin-top:12px;}
.scp-order-details summary{
    cursor:pointer;
    color:var(--scp-primary);
    font-weight:900;
}
.scp-raw-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}
.scp-empty{
    padding:32px;
    text-align:center;
    background:#f8fafc;
    border:1px dashed var(--scp-border);
    border-radius:18px;
}
.scp-empty h3{margin:0 0 8px;color:var(--scp-primary);font-weight:900;}
.scp-empty p{margin:0;color:var(--scp-muted);line-height:1.6;}
.scp-artwork-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.scp-artwork-grid a{
    display:grid;
    gap:8px;
    text-decoration:none!important;
    border:1px solid var(--scp-border);
    border-radius:16px;
    padding:16px;
    background:#ffffff;
    color:var(--scp-primary)!important;
}
.scp-artwork-grid a:hover{
    border-color:var(--scp-accent);
    color:var(--scp-primary)!important;
}
.scp-artwork-grid span{color:var(--scp-accent);font-weight:900;}
.scp-artwork-grid strong{font-size:18px;}
.scp-artwork-grid small{color:var(--scp-muted);}
.samblem-account-button,
.samblem-header-account-pill,
.samblem-cp-wrap .samblem-header-account-pill{
    --scp-pill-bg:#061D33;
    --scp-pill-hover:#B68538;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:48px!important;
    padding:13px 24px!important;
    border-radius:999px!important;
    background:var(--scp-pill-bg)!important;
    color:#ffffff!important;
    border:0!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.2px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    background-clip:padding-box!important;
    outline:none!important;
    position:relative!important;
    z-index:1!important;
    transform:none!important;
}
.samblem-account-button::before,
.samblem-account-button::after,
.samblem-header-account-pill::before,
.samblem-header-account-pill::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
    filter:none!important;
}
.samblem-header-account-pill svg,
.samblem-header-account-pill .scp-account-icon,
.scp-account-icon{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    color:#ffffff!important;
    fill:currentColor!important;
    display:block!important;
}
.samblem-header-account-pill span,
.samblem-account-button span{
    color:#ffffff!important;
    display:inline-block!important;
}
.samblem-account-button:hover,
.samblem-account-button:focus,
.samblem-header-account-pill:hover,
.samblem-header-account-pill:focus{
    background:var(--scp-pill-hover)!important;
    color:#ffffff!important;
    transform:translateY(-1px)!important;
}
.samblem-account-button:hover svg,
.samblem-account-button:hover span,
.samblem-header-account-pill:hover svg,
.samblem-header-account-pill:hover span{
    color:#ffffff!important;
}
@media(max-width:900px){
    .scp-dashboard-layout{grid-template-columns:1fr;}
    .scp-dashboard-nav{position:static;grid-template-columns:repeat(3,minmax(0,1fr));}
    .scp-stat-grid{grid-template-columns:1fr;}
    .scp-order-meta,.scp-raw-grid,.scp-artwork-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
    .samblem-cp-auth{padding:12px;}
    .scp-auth-card,.samblem-cp-dashboard{padding:18px;border-radius:16px;}
    .scp-auth-head h2,.scp-dashboard-head h2{font-size:25px;}
    .scp-tabs{flex-direction:column;}
    .scp-grid-form{grid-template-columns:1fr!important;}
    .scp-dashboard-head{align-items:flex-start;flex-direction:column;}
    .scp-dashboard-nav{grid-template-columns:1fr;}
    .scp-order-top{flex-direction:column;}
    .scp-order-top b{align-self:flex-start;}
    .samblem-account-button,.samblem-header-account-pill{min-height:44px!important;padding:12px 18px!important;font-size:14px!important;gap:7px!important;}
    .samblem-header-account-pill svg,.samblem-header-account-pill .scp-account-icon,.scp-account-icon{width:20px!important;height:20px!important;flex-basis:20px!important;}
}