/* M7 navbar/tab icons and E waiting mark from miniapp-tailadmin-preview-20261017.html.
   Web adaptation: preserve platform return/theme, safe area, wrapping club names. */
.h5-partner-shell .partner-navbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:start;gap:8px;margin:0 -18px;padding:12px 19px;border-bottom:1px solid var(--h5-line);min-height:55px}
.partner-preview-brand{text-align:center;min-width:0}
.partner-preview-brand h1{line-height:28px;overflow-wrap:anywhere}
.partner-preview-brand small{display:block;font-size:11px;line-height:18px;margin-top:3px;color:var(--h5-muted)}
.partner-home{font-size:11px;color:var(--h5-muted);padding-top:5px}
.h5-partner-shell .nav-actions{display:flex;justify-content:flex-end;gap:9px;min-width:0}
.h5-partner-shell .h5-theme{font-size:11px;padding:5px 7px;white-space:nowrap}
.h5-partner-shell .h5-bottom button{gap:4px}
.h5-partner-shell .h5-bottom svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none}
.h5-visual-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:240px;color:var(--h5-muted);font-size:12px;grid-column:1/-1}
.h5-visual-flip{width:64px;height:64px;perspective:500px}
.h5-visual-flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:h5-visual-flip 3s cubic-bezier(.65,0,.25,1) infinite}
.h5-visual-face{position:absolute;inset:0;border-radius:16px;background:var(--h5-blue);backface-visibility:hidden}
.h5-visual-face.back{transform:rotateY(180deg);background:var(--h5-paper);border:2px solid var(--h5-blue)}
.h5-visual-face i{position:absolute;display:block;background:#fff;border-radius:2px}
.h5-visual-stem{left:18px;top:15px;width:3px;height:34px}
.h5-visual-arm{left:25px;top:30px;width:25px;height:3px;transform-origin:left center}
.h5-visual-arm.upper{transform:rotate(-45deg)}.h5-visual-arm.lower{transform:rotate(45deg)}
.h5-visual-face .h5-visual-diamond{width:25px;height:25px;left:17px;top:17px;border:2px solid var(--h5-blue);background:transparent;transform:rotate(45deg)}
.h5-visual-face .h5-visual-dash{width:12px;height:2px;left:24px;top:29px;background:var(--h5-blue)}
@keyframes h5-visual-flip{0%,18%{transform:rotateY(0) rotateZ(-6deg)}45%,65%{transform:rotateY(180deg) rotateZ(6deg)}92%,100%{transform:rotateY(360deg) rotateZ(-6deg)}}
#portalApp>*,#partnerApp>*,#paymentOrder>*{animation:h5-visual-enter .16s ease-out}
@keyframes h5-visual-enter{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}
/* H5-only compact treatment of the existing shared customer notice. */
.h5-customer-shell .ktb-entry-overlay{padding:16px}
.h5-customer-shell .ktb-entry-dialog{border:1px solid var(--h5-line);border-radius:16px;background:var(--h5-paper);color:var(--h5-ink)}
.h5-customer-shell .ktb-entry-dialog h2{padding:16px 16px 12px;font-size:16px}
.h5-customer-shell .ktb-entry-content{padding:0 16px 16px}
.h5-customer-shell .ktb-entry-content p{font-size:12px;line-height:1.6;color:var(--h5-muted);margin:0 0 12px}
.h5-customer-shell .ktb-entry-content img{border-radius:8px}
.h5-customer-shell .ktb-entry-close{margin:0 16px 16px;padding:8px;min-height:32px;border-radius:8px;font-size:12px;background:var(--h5-blue)}
.h5-customer-shell .ktb-entry-retry{font-size:12px;border-color:var(--h5-line);background:var(--h5-paper);color:var(--h5-ink);border-radius:8px}
@media(prefers-reduced-motion:reduce){.h5-visual-flip-card,#portalApp>*,#partnerApp>*,#paymentOrder>*{animation:none}}

/* Restore final .3 native tabbar geometry and symbols; preserve existing H5 routes and eligibility gate. */
.h5-partner-shell .h5-bottom{padding:8px 6px calc(8px + env(safe-area-inset-bottom));align-items:flex-start}
.h5-partner-shell .h5-bottom button{padding:4px 0;gap:5px;min-height:52px;line-height:1.3;border-radius:8px}
.h5-partner-shell .h5-bottom .tab-symbol { position:relative; width:16px; height:16px; box-sizing:border-box; border:1.5px solid currentColor; border-radius:3.5px; }
.h5-partner-shell .h5-bottom .symbol-hall { border-radius:50%; }
.h5-partner-shell .h5-bottom .symbol-hall::after { content:""; position:absolute; width:5px; height:5px; top:3.5px; left:3.5px; border:1px solid currentColor; border-radius:50%; }
.h5-partner-shell .h5-bottom .symbol-orders::after,.h5-partner-shell .h5-bottom .symbol-report::after { content:""; position:absolute; top:4px; left:2.5px; width:8px; height:3.5px; border-top:1px solid currentColor; border-bottom:1px solid currentColor; }
.h5-partner-shell .h5-bottom .symbol-report { border-radius:1.5px 4.5px 1.5px 1.5px; }
.h5-partner-shell .h5-bottom .symbol-mine { width:12px; height:12px; margin:0 0 4px; border-radius:50%; }
.h5-partner-shell .h5-bottom .symbol-mine::after { content:""; position:absolute; top:12px; left:-4px; width:17px; height:5px; border:1.5px solid currentColor; border-bottom:0; border-radius:9px 9px 0 0; }
.h5-partner-shell .h5-bottom .tab-symbol{width:18px!important;height:18px!important;border-width:1.5px!important;border-radius:4px!important}
.h5-partner-shell .h5-bottom .symbol-hall{border-radius:50%!important}
.h5-partner-shell .h5-bottom .symbol-hall::after{width:5px!important;height:5px!important;top:4px!important;left:4px!important;border-width:1px!important}
.h5-partner-shell .h5-bottom .symbol-orders::after,.h5-partner-shell .h5-bottom .symbol-report::after{top:4px!important;left:3px!important;width:9px!important;height:4px!important;border-width:1px!important}
.h5-partner-shell .h5-bottom .symbol-mine{width:13px!important;height:13px!important;margin-bottom:5px!important;border-radius:50%!important}
.h5-partner-shell .h5-bottom .symbol-mine::after{top:13px!important;left:-4px!important;width:18px!important;height:6px!important;border-width:1.5px!important;border-radius:9px 9px 0 0!important}

/* Final native .3 page hierarchy, replacing the earlier preview header. */
.h5-partner-shell .partner-navbar{display:block;min-height:0;padding:env(safe-area-inset-top) 14px 14px 18px}
.h5-partner-shell .partner-header-row{display:flex;align-items:center;justify-content:center;gap:14px;min-height:32px;position:relative;min-width:0}
.h5-partner-shell .partner-title{max-width:48%;text-align:center;overflow-wrap:anywhere;font-size:20px;font-weight:600;line-height:1.4;margin:0}
.h5-partner-shell .partner-home{position:absolute;left:0;top:5px;font-size:11px;padding:0}
.h5-partner-shell .partner-header-subrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px;position:relative;min-height:32px}
.h5-partner-shell .partner-kicker{padding:0;margin:0;color:var(--h5-muted);font-size:11px;font-weight:400}
.h5-partner-shell .partner-header-subrow .ktb-native-theme-toggle{position:absolute;right:0;top:0;min-width:68px;min-height:32px;padding:5px 9px;border-radius:8px;font-size:12px;line-height:1.5}
.h5-partner-shell #partnerApp{padding:21px 0 24px}
.h5-partner-shell #partnerApp>.h5-heading,.h5-partner-shell .partner-report-surface>.h5-heading,.h5-partner-shell .partner-mine>.h5-heading{margin:0 0 22px;align-items:baseline}
.h5-partner-shell #partnerApp>.h5-heading h2,.h5-partner-shell .partner-report-surface>.h5-heading h2,.h5-partner-shell .partner-mine>.h5-heading h2{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.7px}
.h5-partner-shell .partner-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:16px;font-weight:600}
.h5-partner-shell .partner-list-heading>span:last-child{font-size:11px;font-weight:400;color:var(--h5-muted)}
.h5-partner-shell .partner-native-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 10px;font-size:12px;line-height:1.6;color:var(--h5-muted)}
.h5-partner-shell .empty-mark{display:flex;align-items:center;justify-content:center;width:55px;height:55px;margin:0 auto 15px;border-radius:16px;background:#eef1ff;color:var(--h5-blue);font-size:17px;font-weight:600}
.h5-partner-shell .empty-title{display:block;font-size:15px;font-weight:600;margin:0 0 6px;color:var(--h5-ink)}
:root[data-ktb-theme=dark] .h5-partner-shell .empty-mark{background:#1d2850;color:#8093ff}
.h5-partner-shell #partnerApp>.h5-visual-loading{position:fixed;inset:0;z-index:11;min-height:0;background:var(--h5-bg)}
.h5-partner-shell .report-record-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:10px;color:var(--h5-muted)}
.h5-partner-shell .report-record-head .tag{font-size:10px;padding:2px 6px}
.h5-partner-shell .record-top .order-price{font-size:13px;line-height:1.55;font-weight:600;flex-shrink:0}