/* TradeNow Customer Dashboard v2.0 — presentation layer only. */
.woocommerce-account .woocommerce-MyAccount-content .tncd-dashboard{
    --tn-blue:#0b68d8;
    --tn-blue-dark:#0754b5;
    --tn-orange:#f28b20;
    --tn-text:#18283a;
    --tn-muted:#718096;
    --tn-border:#e7edf4;
    --tn-bg:#f7f9fc;
    position:relative;
    max-width:1180px;
    margin:0 auto;
    padding:4px 0 34px;
    color:var(--tn-text);
    font-family:inherit;
}
.woocommerce-account .tncd-dashboard *{box-sizing:border-box}
.tncd-welcome{
    position:relative;
    min-height:220px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    overflow:hidden;
    margin:0 0 18px;
    padding:34px 38px;
    border-radius:24px;
    color:#fff;
    background:linear-gradient(120deg,#0758be 0%,#0b70dc 55%,#2995f2 100%);
    box-shadow:0 18px 42px rgba(7,88,190,.18);
}
.tncd-welcome:before,.tncd-welcome:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.tncd-welcome:before{width:330px;height:330px;right:-105px;top:-190px;background:rgba(255,255,255,.10)}
.tncd-welcome:after{width:220px;height:220px;left:-130px;bottom:-170px;background:rgba(255,255,255,.07)}
.tncd-welcome-copy{position:relative;z-index:2;max-width:680px}
.tncd-eyebrow{display:block;margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:.16em;color:rgba(255,255,255,.75)}
.tncd-welcome h2{margin:0 0 8px!important;padding:0!important;color:#fff!important;font-size:31px!important;line-height:1.18!important;font-weight:750!important}
.tncd-welcome p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.tncd-welcome-actions{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.tncd-shop-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0!important;border-radius:11px;background:#fff!important;color:var(--tn-blue-dark)!important;text-decoration:none!important;font-size:13px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.13);transition:.2s ease}
.tncd-shop-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.18)}
.tncd-credit-link{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:11px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:750}
.tncd-welcome-art{position:relative;width:240px;height:170px;flex:0 0 240px;z-index:1}
.tncd-bag{position:absolute;right:30px;bottom:15px;width:118px;height:103px;border-radius:12px 12px 18px 18px;background:linear-gradient(145deg,#fff,#eaf4ff);color:var(--tn-blue);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:850;box-shadow:0 18px 30px rgba(0,32,75,.18);transform:rotate(-4deg)}
.tncd-bag-handle{position:absolute;right:57px;top:24px;width:64px;height:48px;border:6px solid rgba(255,255,255,.82);border-bottom:0;border-radius:50px 50px 0 0;transform:rotate(-4deg)}
.tncd-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.tncd-orbit-one{width:145px;height:145px;right:0;top:4px}
.tncd-orbit-two{width:78px;height:78px;right:94px;top:62px;background:rgba(255,255,255,.08)}

.tncd-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}
.tncd-card{position:relative;display:flex;align-items:center;gap:12px;min-height:104px;padding:16px;border:1px solid var(--tn-border);border-radius:17px;background:#fff;color:var(--tn-text)!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(22,50,80,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tncd-card:hover{transform:translateY(-3px);border-color:#cfe1f6;box-shadow:0 15px 30px rgba(22,50,80,.10)}
.tncd-card-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:#eef6ff;font-size:21px}
.tncd-card-credit .tncd-card-icon{background:#fff5e9}
.tncd-card-wishlist .tncd-card-icon{background:#fff0f4}
.tncd-card-profile .tncd-card-icon{background:#f1efff}
.tncd-card b{display:block;margin:0 0 2px;font-size:18px;line-height:1.15;font-weight:800}
.tncd-card strong{display:block;margin:0 0 3px;font-size:13px;line-height:1.25;font-weight:800}
.tncd-card small{display:block;color:var(--tn-muted);font-size:11px;line-height:1.25}
.tncd-card em{position:absolute;right:14px;bottom:13px;color:var(--tn-blue);font-style:normal;font-weight:850;font-size:16px}

.tncd-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 11px}
.tncd-section-head h3{margin:0 0 3px!important;padding:0!important;color:var(--tn-text);font-size:20px!important;line-height:1.25!important;font-weight:800!important}
.tncd-section-head p{margin:0;color:var(--tn-muted);font-size:12px}
.tncd-section-head>a{color:var(--tn-blue)!important;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap}
.tncd-section-head>a span{font-size:15px}

.tncd-orders-section{margin-bottom:30px}
.tncd-order-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.tncd-order-tabs span{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:9px;background:#f1f5f9;color:#6b7d90;font-size:11px;font-weight:750}
.tncd-order-tabs span b{font-size:10px}
.tncd-order-tabs span.is-active{background:#e8f2ff;color:var(--tn-blue)}

.tncd-orders{border:1px solid var(--tn-border);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(22,50,80,.05)}
.tncd-order{display:grid;grid-template-columns:minmax(250px,1.6fr) .75fr .85fr 105px;align-items:center;gap:15px;padding:13px 17px;border-bottom:1px solid #edf1f5;color:var(--tn-text)!important;text-decoration:none!important;transition:background .18s ease}
.tncd-order:last-child{border-bottom:0}
.tncd-order:hover{background:#f8fbff}
.tncd-order-product{display:flex;align-items:center;gap:12px;min-width:0}
.tncd-order-thumb{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:12px;overflow:hidden;background:#f4f7fa;color:#8292a2}
.tncd-order-thumb img{width:100%;height:100%;object-fit:cover}
.tncd-order-main{min-width:0}
.tncd-order-main b{display:block;font-size:13px;font-weight:800}
.tncd-order-main small{display:block;margin-top:4px;color:var(--tn-muted);font-size:11px}
.tncd-order-total{font-size:13px;font-weight:850}
.tncd-status{justify-self:start;display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#eef2f6;color:#667789;font-size:10px;font-weight:800}
.tncd-status-completed{background:#e8f8ee;color:#16733d}
.tncd-status-processing{background:#eaf3ff;color:#0965c4}
.tncd-status-on-hold{background:#fff5db;color:#8c6500}
.tncd-status-pending{background:#f3f5f7;color:#69798a}
.tncd-status-cancelled,.tncd-status-failed,.tncd-status-refunded{background:#ffeded;color:#a52d2d}
.tncd-order-action{justify-self:end;color:var(--tn-blue);font-size:11px;font-weight:850;white-space:nowrap}
.tncd-order-action span{font-size:15px}
.tncd-empty{border:1px dashed #cbd9e6;border-radius:17px;padding:35px 20px;text-align:center;background:#fff}
.tncd-empty>div{font-size:28px;margin-bottom:8px}
.tncd-empty h3{margin:0 0 5px;font-size:18px}
.tncd-empty p{margin:0 0 17px;color:var(--tn-muted);font-size:12px}

.tncd-continue{margin-top:2px}
.tncd-continue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.tncd-continue-grid a{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--tn-border);border-radius:15px;background:#fff;color:var(--tn-text)!important;text-decoration:none!important;transition:.2s ease}
.tncd-continue-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(22,50,80,.07)}
.tncd-continue-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#eef6ff;font-size:19px}
.tncd-continue-grid strong{display:block;font-size:13px}
.tncd-continue-grid small{display:block;margin-top:3px;color:var(--tn-muted);font-size:11px}

@media(max-width:1050px){
    .tncd-cards{grid-template-columns:repeat(2,1fr)}
    .tncd-welcome-art{width:190px;flex-basis:190px}
    .tncd-order{grid-template-columns:minmax(220px,1.5fr) .7fr .8fr 90px}
}
@media(max-width:720px){
    .woocommerce-account .tncd-dashboard{padding:0 0 22px}
    .tncd-welcome{min-height:auto;padding:25px 22px;border-radius:19px}
    .tncd-welcome h2{font-size:25px!important}
    .tncd-welcome-art{display:none}
    .tncd-welcome-actions{margin-top:17px}
    .tncd-shop-button{min-height:42px}
    .tncd-credit-link{min-height:42px}
    .tncd-order{grid-template-columns:1fr auto;gap:8px 12px;padding:13px}
    .tncd-order-total{grid-column:2;grid-row:1;align-self:start}
    .tncd-status{grid-column:1;grid-row:2;justify-self:start}
    .tncd-order-action{grid-column:2;grid-row:2}
    .tncd-continue-grid{grid-template-columns:1fr}
}
@media(max-width:470px){
    .tncd-cards{gap:8px}
    .tncd-card{min-height:95px;padding:13px;gap:9px}
    .tncd-card-icon{width:39px;height:39px;flex-basis:39px;font-size:18px}
    .tncd-card b{font-size:15px}
    .tncd-card strong{font-size:11px}
    .tncd-card small{font-size:10px}
    .tncd-card em{right:10px;bottom:9px}
    .tncd-section-head{align-items:flex-start}
    .tncd-section-head>a{margin-top:3px}
}


/* Keep the account navigation clean: logout is visually separated and pushed to the bottom. */
@media(min-width:721px){
    .woocommerce-account .woocommerce-MyAccount-navigation ul{
        display:flex;
        flex-direction:column;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation .tncd-nav-customer-logout{
        margin-top:auto;
        padding-top:14px;
        border-top:1px solid #e7edf4;
    }
}
@media(max-width:720px){
    .woocommerce-account .woocommerce-MyAccount-navigation .tncd-nav-customer-logout{
        margin-top:10px;
        padding-top:10px;
        border-top:1px solid #e7edf4;
    }
}



/* Dashboard-only layout cleanup: remove the stock WooCommerce account table/menu. */
.woocommerce-account.tncd-dashboard-page .woocommerce-MyAccount-navigation{
    display:none !important;
}
.woocommerce-account.tncd-dashboard-page .woocommerce-MyAccount-content{
    width:100% !important;
    float:none !important;
    max-width:none !important;
}
