:root{
  --brand:#ff6a00;
  --bg:#f6f8fb;
  --text:#1f2937;
  --muted:#6b7280;
  --card:#ffffff;
  --line:#e5e7eb;
  --radius:14px;
  --shadow:0 10px 30px rgba(31,41,55,.08);
  --shadow-sm:0 6px 16px rgba(31,41,55,.08);
}

html,body{background:var(--bg);color:var(--text)}

.navbar.navbar-fixed-top{background:#fff;border-bottom:1px solid var(--line)}
.navbar.navbar-fixed-top .navbar-brand{font-weight:700;letter-spacing:.2px}
.navbar.navbar-fixed-top .nav>li>a{color:var(--text);padding-top:18px;padding-bottom:18px}
.navbar.navbar-fixed-top .nav>li>a:hover{color:var(--brand);background:transparent}

.content{padding-top:80px}

.container{max-width:1200px;width:100%}

.btn-primary{background:var(--brand);border-color:var(--brand)}
.btn-primary:hover,.btn-primary:focus{background:#ff7a1a;border-color:#ff7a1a}

.panel,.well,.thumbnail,.breadcrumb,.pagination>li>a,.pagination>li>span{border-radius:var(--radius)}

.panel,.well{border:1px solid var(--line);box-shadow:var(--shadow-sm)}

.form-control{border-radius:12px;border-color:var(--line);box-shadow:none}
.form-control:focus{border-color:rgba(255,106,0,.35);box-shadow:0 0 0 4px rgba(255,106,0,.12)}

.footer{background:transparent}
.footer .copyright{color:var(--muted)}
.footer a{color:var(--muted)}
.footer a:hover{color:var(--brand)}

/* Orders page */
.orders-page{background:var(--bg);min-height:calc(100vh - 80px)}

.orders-sticky-header{background:#fff;border-bottom:1px solid rgba(229,231,235,.7);box-shadow:0 2px 10px rgba(31,41,55,.04);position:sticky;top:0;z-index:30}
.orders-sticky-inner{max-width:1200px;margin:0 auto;padding:0 15px}
.orders-sticky-row{display:flex;align-items:center;justify-content:space-between;height:56px}
.orders-sticky-spacer{width:56px}
.orders-back{border:0;background:transparent;padding:8px 10px;border-radius:10px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.orders-back:hover{color:var(--brand);background:rgba(255,106,0,.06)}
.orders-title{margin:0;font-size:18px;font-weight:700;color:var(--text);text-align:center}

.orders-toolbar{background:#fff;border-bottom:1px solid rgba(229,231,235,.7)}
.orders-toolbar-inner{max-width:1200px;margin:0 auto;padding:16px 15px}

.orders-search{position:relative;margin-bottom:12px}
.orders-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}
.orders-search-input{width:100%;padding:10px 12px 10px 38px;background:#f9fafb;border:1px solid rgba(229,231,235,.9);border-radius:12px;font-size:13px;outline:0}
.orders-search-input:focus{border-color:rgba(255,106,0,.35);box-shadow:0 0 0 4px rgba(255,106,0,.12);background:#fff}

.orders-tabs{display:flex;align-items:center;gap:8px;overflow:auto;padding-bottom:2px}
.orders-tab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(229,231,235,.9);background:#fff;color:var(--muted);font-size:12px;text-decoration:none!important}
.orders-tab:hover{border-color:rgba(255,106,0,.35);color:var(--brand);background:rgba(255,106,0,.06)}
.orders-tab.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}

.orders-content-inner{max-width:1200px;margin:0 auto;padding:16px 15px}
.orders-list{display:flex;flex-direction:column;gap:14px}

.order-card{background:#fff;border:1px solid rgba(229,231,235,.7);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .12s ease, transform .12s ease}
.order-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}

.order-card-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(229,231,235,.7);background:#f9fafb}
.order-card-sn{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:600;font-size:13px}
.order-card-sn i{color:var(--muted)}

.order-card-status{padding:4px 10px;border-radius:999px;border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.18);color:#a16207;font-size:12px;font-weight:600}

.order-card-body{padding:14px}
.order-card-thumb{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#f3f4f6}
.order-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.order-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;color:var(--muted);font-size:12px}
.order-card-meta i{color:var(--muted)}

.order-card-detail{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:10px;color:var(--brand);font-size:12px;text-decoration:none!important}
.order-card-detail:hover{color:#ff7a1a}

.orders-pager{text-align:center;color:var(--muted);padding:12px 0}