/* Customer Order Tracking — frontend, scoped .wpod-track */
.wpod-track{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;color:#16171d;max-width:1100px;margin:0 auto}
.wpod-track h2{font-size:22px;margin:0;font-weight:800;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wpod-track h3{font-size:14px;margin:0 0 12px;font-weight:800}
.wpod-t-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}
.wpod-t-sub{color:#7b8194;font-size:12px;margin:6px 0 0}
.wpod-t-status{font-size:11px;font-weight:800;border-radius:999px;padding:4px 12px;white-space:nowrap}
.wpod-t-status.st-pending{background:#fdf0d8;color:#b45309}
.wpod-t-status.st-processing{background:#e3edfd;color:#2563eb}
.wpod-t-status.st-on-hold{background:#eef0f6;color:#7b8194}
.wpod-t-status.st-wpod-progress{background:#e3edfd;color:#2563eb;border:1px solid #bfd4fb}
.wpod-t-status.st-wpod-delivered{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}
.wpod-t-status.st-wpod-revision{background:#fdeaea;color:#dc2626;border:1px solid #f5c2c2}
.wpod-t-status.st-completed{background:#e3f5ea;color:#16a34a}
.wpod-t-status.st-cancelled{background:#fdeaea;color:#dc2626}
.wpod-t-status.st-refunded{background:#ece5fd;color:#7c3aed}
.wpod-t-switch label{font-size:12px;font-weight:700;color:#7b8194;display:flex;flex-direction:column;gap:6px}
.wpod-t-switch select{font:inherit;font-size:13px;padding:9px 14px;border:1px solid #e5e7f0;border-radius:999px;background:#fff;min-width:220px}
.wpod-t-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.wpod-t-step{background:#fff;border:1px solid #e5e7f0;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;position:relative}
.wpod-t-step .wpod-t-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:#eef0f6;color:#7b8194;margin-bottom:6px}
.wpod-t-step-t{font-weight:800;font-size:13px}
.wpod-t-step-d{font-size:11px;color:#7b8194}
.wpod-t-step.done{border-color:#bbf7d0;background:#f0fdf4}
.wpod-t-step.done .wpod-t-dot{background:#16a34a;color:#fff}
.wpod-t-step.active{border-color:#93c5fd;background:#eff6ff}
.wpod-t-step.active .wpod-t-dot{background:#2563eb;color:#fff}
.wpod-t-step.warn{border-color:#fca5a5;background:#fef2f2}
.wpod-t-step.warn .wpod-t-dot{background:#dc2626;color:#fff}
.wpod-t-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;align-items:start}
.wpod-t-side{position:sticky;top:16px;align-self:start}
.wpod-t-card{background:#fff;border:1px solid #e5e7f0;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 1px 2px rgba(16,17,29,.05)}
.wpod-t-muted{color:#7b8194;font-size:12px}
.wpod-t-timeline{list-style:none;margin:0;padding:0;position:relative}
.wpod-t-timeline li{position:relative;padding:0 0 16px 30px;border-left:2px solid #eef0f6;margin-left:8px}
.wpod-t-timeline li:last-child{padding-bottom:0}
.wpod-t-timeline .ev-dot{position:absolute;left:-8px;top:2px;width:14px;height:14px;border-radius:50%;background:#c9cede;border:2px solid #fff;box-shadow:0 0 0 2px #eef0f6}
.wpod-t-timeline li.ev-created .ev-dot{background:#7b8194}
.wpod-t-timeline li.ev-status .ev-dot{background:#3b5bff}
.wpod-t-timeline li.ev-file .ev-dot{background:#0d9488}
.wpod-t-timeline li.ev-comment .ev-dot{background:#7c3aed}
.wpod-t-timeline li.ev-revision .ev-dot{background:#dc2626}
.wpod-t-timeline li.ev-approved .ev-dot{background:#16a34a}
.wpod-t-timeline strong{font-size:13px}
.wpod-t-timeline p{margin:4px 0;font-size:12px;color:#4b5563}
.wpod-t-timeline time{font-size:11px;color:#a6acc0}
.wpod-t-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.wpod-t-subhead{font-size:12px !important;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#4b5563;margin:14px 0 8px !important}
.wpod-t-subhead:first-of-type{margin-top:2px !important}
.wpod-t-imggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:4px}
.wpod-t-imgcard{margin:0;border:1px solid #eef0f6;border-radius:12px;overflow:hidden;background:#fafbfe}
.wpod-t-imglink{display:block;aspect-ratio:1/1;overflow:hidden;background:#eef0f6}
.wpod-t-imglink img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.wpod-t-imglink:hover img{transform:scale(1.04)}
.wpod-t-imgcard figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}
.wpod-t-imgcard figcaption span{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.wpod-t-files li{display:flex;align-items:center;gap:12px;border:1px solid #eef0f6;border-radius:12px;padding:10px 12px;background:#fafbfe}
.wpod-t-fico{width:44px;height:44px;border-radius:10px;background:#eef0f6;display:grid;place-items:center;font-size:20px;overflow:hidden;flex-shrink:0}
.wpod-t-fico img{width:100%;height:100%;object-fit:cover}
.wpod-t-fmeta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.wpod-t-fmeta strong{font-size:13px;word-break:break-word}
.wpod-t-fmeta span{font-size:11px;color:#7b8194}
.wpod-t-btn{font:inherit;font-size:12px;font-weight:700;border-radius:999px;padding:8px 16px;border:1px solid #e5e7f0;background:#fff;color:#16171d;cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap}
.wpod-t-btn:hover{border-color:#16171d}
.wpod-t-btn.primary{background:#16171d;color:#fff;border-color:#16171d}
.wpod-t-btn.ok{background:#16a34a;color:#fff;border-color:#16a34a}
.wpod-t-btnrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.wpod-t-revbox{margin-top:12px;border-top:1px dashed #e5e7f0;padding-top:12px}
.wpod-t-revbox label,.wpod-t-form label{display:block;font-size:12px;font-weight:700;color:#4b5563;margin-bottom:10px}
.wpod-t-revbox textarea,.wpod-t-form textarea{margin-top:6px;width:100%;font:inherit;font-size:13px;font-weight:400;padding:10px 12px;border:1px solid #e5e7f0;border-radius:10px;resize:vertical}
.wpod-t-revbox input[type=file],.wpod-t-form input[type=file]{margin-top:6px;font-size:12px}
.req{color:#dc2626}
.wpod-t-disc{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;margin-bottom:12px}
.wpod-t-msg{border:1px solid #eef0f6;border-radius:12px;padding:10px 12px;background:#fafbfe;font-size:13px}
.wpod-t-msg.from-admin{background:#eff6ff;border-color:#dbeafe}
.wpod-t-msg.from-customer{background:#f0fdf4;border-color:#dcfce7}
.wpod-t-msg.kind-revision{border-color:#fca5a5;background:#fef2f2}
.wpod-t-msg-h{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#7b8194;margin-bottom:4px}
.wpod-t-msg p{margin:4px 0;white-space:pre-wrap;word-break:break-word}
.wpod-t-flag{display:inline-block;font-size:10px;font-weight:800;border-radius:999px;padding:2px 10px;background:#dc2626;color:#fff}
.wpod-t-flag.ok{background:#16a34a}
.wpod-t-attach{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.wpod-t-attach a{font-size:11px;background:#fff;border:1px solid #e5e7f0;border-radius:999px;padding:3px 10px;text-decoration:none;color:#3b5bff}
.wpod-t-attach-thumb{display:block;width:100%;padding:0 !important;border-radius:12px !important;overflow:hidden;line-height:0;border:1px solid #e5e7f0}
.wpod-t-attach-img{width:100%;height:auto;max-height:460px;object-fit:cover;display:block;background:#eef0f6;transition:transform .2s}
.wpod-t-attach-thumb:hover .wpod-t-attach-img{transform:scale(1.02)}
.wpod-t-form{border-top:1px solid #eef0f6;padding-top:12px}
.wpod-t-note{font-size:12px;font-weight:700}
.wpod-t-foot{font-size:11px;color:#a6acc0;margin-top:4px}
.wpod-track-guest{background:#fff;border:1px solid #e5e7f0;border-radius:16px;padding:28px}
.wpod-track-guest .button{display:inline-block;background:#16171d;color:#fff;border-radius:999px;padding:10px 22px;text-decoration:none;font-weight:700}
@media(max-width:900px){.wpod-t-grid{grid-template-columns:1fr}.wpod-t-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wpod-t-steps{grid-template-columns:1fr}}
.wpod-t-side .wpod-t-card:last-child{margin-bottom:0}
/* Sidebar product details (Extra Product Options) */
.wpod-t-prod{padding:12px 0;border-top:1px solid #eef0f6}
.wpod-t-prod:first-of-type{border-top:none;padding-top:0}
.wpod-t-prod strong{display:block;font-size:13px;margin-bottom:2px}
.wpod-t-prod-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin:8px 0 4px;background:#eef0f6;border:1px solid #eef0f6}
.wpod-t-opts{margin:6px 0 0;padding:0;list-style:none;font-size:12px;display:flex;flex-direction:column;gap:5px}
.wpod-t-opts li{line-height:1.5}
.wpod-t-opt-label{font-weight:700;color:#0d9488}
.wpod-t-opts em{color:#7b8194;font-style:normal}
.wpod-t-opt-img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #e5e7f0;vertical-align:middle;background:#eef0f6}
.wpod-t-opt-link{color:#3b5bff;font-size:12px;word-break:break-all}
.wpod-t-back{margin:0 0 12px;font-size:13px}
.wpod-t-back a{color:#3b5bff;font-weight:700;text-decoration:none}
.wpod-t-back a:hover{text-decoration:underline}

/* Customer dashboard header */
.wpod-dash-head{display:flex;align-items:center;gap:18px;background:#14151b;color:#fff;border-radius:16px;padding:12px 20px;margin-bottom:18px;flex-wrap:wrap}
.wpod-dash-brand{color:#fff;font-weight:800;font-size:16px;text-decoration:none;letter-spacing:-.01em}
.wpod-dash-nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.wpod-dash-nav a{color:#a5b4c9;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.06em;padding:8px 16px;border-radius:999px}
.wpod-dash-nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.wpod-dash-nav a.is-active{background:#3b5bff;color:#fff}
.wpod-dash-user{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#e2e8f0}
.wpod-dash-user img{width:32px;height:32px;border-radius:50%}
.wpod-dash-user a{color:#a5b4c9;text-decoration:none;font-size:14px}
.wpod-dash-user a:hover{color:#fff}

/* Hero */
.wpod-dash-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.wpod-dash-hero.slim{margin-bottom:12px}
.wpod-dash-hero h2{font-size:24px}
.wpod-dash-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#3b5bff;margin:0 0 4px}
.wpod-dash-hero-act{display:flex;gap:8px;flex-wrap:wrap}

/* Stat cards */
.wpod-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.wpod-dash-stat{background:#fff;border:1px solid #e5e7f0;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.wpod-dash-stat .n{font-size:22px;font-weight:800}
.wpod-dash-stat .l{font-size:11px;color:#7b8194;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.wpod-dash-stat.warn{background:#fef2f2;border-color:#fecaca}
.wpod-dash-stat.warn .n{color:#dc2626}
.wpod-dash-stat.ok{background:#f0fdf4;border-color:#bbf7d0}
.wpod-dash-stat.ok .n{color:#16a34a}
.wpod-dash-sect{display:flex;justify-content:space-between;align-items:center;margin:4px 0 10px}
.wpod-dash-sect h3{margin:0}
.wpod-dash-link{font-size:12px;font-weight:700;color:#3b5bff;text-decoration:none}

/* Order cards (Fiverr-style) */
.wpod-ocards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.wpod-ocard{background:#fff;border:1px solid #e5e7f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.15s}
.wpod-ocard:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,17,29,.1)}
.wpod-ocard-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef0f6}
.wpod-ocard-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wpod-ocard-ph{display:grid;place-items:center;height:100%;font-size:44px;background:linear-gradient(135deg,#eef0f6,#e2e6f2)}
.wpod-ocard-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.wpod-ocard-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wpod-ocard-top a{color:#16171d;text-decoration:none}
.wpod-ocard-top a:hover{color:#3b5bff}
.wpod-ocard-items{margin:0;font-size:13px;font-weight:600}
.wpod-ocard .wpod-t-sub{margin:0}
.wpod-ocard-bar{height:8px;border-radius:99px;background:#eef0f6;overflow:hidden;margin-top:4px}
.wpod-ocard-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3b5bff,#6d3bff)}
.wpod-ocard-bar.bar-done i{background:linear-gradient(90deg,#22c55e,#16a34a)}
.wpod-ocard-bar.bar-warn i{background:linear-gradient(90deg,#f59e0b,#dc2626)}
.wpod-ocard-bar.bar-muted i{background:#c9cede}
.wpod-ocard-foot{margin-top:4px}

/* Orders filter */
.wpod-orders-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.wpod-orders-filter input[type=search]{font:inherit;font-size:13px;padding:9px 14px;border:1px solid #e5e7f0;border-radius:999px;background:#fff;min-width:220px;flex:1}
.wpod-orders-filter select{font:inherit;font-size:13px;padding:9px 14px;border:1px solid #e5e7f0;border-radius:999px;background:#fff}

/* Account */
.wpod-acct-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:14px}
.wpod-acct-profile{text-align:center}
.wpod-acct-profile img{width:96px;height:96px;border-radius:50%}
.wpod-acct-profile h3{margin:10px 0 4px;font-size:17px}
.wpod-acct-rows{display:flex;flex-direction:column;gap:0;margin-bottom:12px}
.wpod-acct-rows div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef0f6;font-size:13px}
.wpod-acct-rows div:last-child{border-bottom:none}
.wpod-acct-rows span{color:#7b8194}
@media(max-width:900px){.wpod-dash-stats{grid-template-columns:1fr 1fr}.wpod-acct-grid{grid-template-columns:1fr}}
@media(max-width:560px){.wpod-dash-stats{grid-template-columns:1fr 1fr}.wpod-dash-head{gap:10px}}
/* Unified My Account menu: sub-tabs under the header on the endpoint */
.wpod-dash-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 16px}
.wpod-dash-subnav a{font-size:12px;font-weight:700;color:#4b5563;text-decoration:none;padding:7px 16px;border:1px solid #e5e7f0;border-radius:999px;background:#fff}
.wpod-dash-subnav a:hover{border-color:#16171d;color:#16171d}
.wpod-dash-subnav a.is-active{background:#16171d;color:#fff;border-color:#16171d}
/* Staff diagnostics (?wpod_debug=1) */
.wpod-debug{background:#fffbe6;border:1px dashed #b45309;border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:12px;color:#16171d}
.wpod-debug div{display:flex;gap:8px;justify-content:space-between;border-bottom:1px dotted #e5e7f0;padding:2px 0}
.wpod-debug div:last-child{border-bottom:none}
/* Hide the theme's default My Account sidebar on our endpoint — unified into our header */
body.wpod-track-endpoint .woocommerce-MyAccount-navigation{display:none !important}
body.wpod-track-endpoint .woocommerce-MyAccount-content{width:100% !important;float:none !important;margin:0 !important;max-width:none}
/* Clickable account icon → profile dropdown */
.wpod-dash-user{position:relative}
.wpod-dash-acct{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;color:#e2e8f0;font:inherit;font-size:12px;font-weight:600;padding:4px 6px;border-radius:999px}
.wpod-dash-acct:hover{background:rgba(255,255,255,.08)}
.wpod-dash-acct img{width:32px;height:32px;border-radius:50%}
.wpod-dash-caret{font-size:10px;color:#a5b4c9}
.wpod-dash-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:#fff;border:1px solid #e5e7f0;border-radius:14px;box-shadow:0 16px 44px rgba(16,17,29,.18);padding:8px;z-index:60}
.wpod-dash-menu[hidden]{display:none}
.wpod-dash-menu-head{display:flex;gap:10px;align-items:center;padding:8px 10px 10px;border-bottom:1px solid #eef0f6;margin-bottom:6px}
.wpod-dash-menu-head img{width:40px;height:40px;border-radius:50%}
.wpod-dash-menu-head div{display:flex;flex-direction:column;gap:1px;min-width:0}
.wpod-dash-menu-head strong{font-size:13px;color:#16171d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wpod-dash-menu-head span{font-size:11px;color:#7b8194;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wpod-dash-menu a{display:block;font-size:13px;font-weight:600;color:#16171d;text-decoration:none;padding:9px 12px;border-radius:9px}
.wpod-dash-menu a:hover{background:#f1f2f7}