/* Dealhunter mobile-only application layer. The unmodified TSF theme loads first. */
:root{color-scheme:light;--dh-ink:#1c1410;--dh-ink-soft:#2b1b0e;--dh-gold:#e9a157;--dh-gold-2:#f3bb78;--dh-cream:#fff8ee;--dh-paper:#fffdf9;--dh-line:#e8d7c1;--dh-muted:#6b5e4e;--dh-danger:#9b2727;--dh-safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{background:var(--dh-ink);overflow-x:hidden}body{min-width:0;margin:0;background:var(--dh-ink);color:var(--dh-ink-soft);font-family:var(--font-body);line-height:1.5;overflow-x:hidden}button,a,input,select,summary{touch-action:manipulation}button,a[href],input,select{min-height:44px}button{font-weight:800}button:disabled{opacity:.55;cursor:wait}a{color:#8a4f1d;text-underline-offset:3px}h1,h2,h3,p,li,pre{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--dh-gold)!important;outline-offset:3px}.skip{position:fixed;top:-100px;left:12px;z-index:9999999;background:#fff;padding:12px}.skip:focus{top:12px}.app{width:100%;min-height:100dvh}.dh-shell{position:relative;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:72px 14px calc(92px + var(--dh-safe-bottom));background:linear-gradient(180deg,#fff8ee 0,#fafaf8 260px);box-shadow:0 0 50px #0008}.dh-top{position:fixed;z-index:100;top:0;left:50%;translate:-50% 0;width:min(100%,520px);height:64px;padding:max(8px,env(safe-area-inset-top)) 14px 8px;display:flex;align-items:center;gap:10px;background:linear-gradient(120deg,#120c08,#2b1b0e);border-bottom:1px solid #ffffff1f;box-shadow:0 4px 18px #1c141033}.dh-logo{display:flex;align-items:center;min-width:0;gap:9px;color:#fff;text-decoration:none}.dh-logo img{width:48px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 5px #0006)}.dh-logo strong{display:block;font-family:var(--font-heading);font-size:20px;line-height:1;color:#fff}.dh-logo small{display:block;color:var(--dh-gold-2);font-size:8px;letter-spacing:.14em;margin-top:4px}.dh-account{display:flex;align-items:center;gap:7px;margin-left:auto;min-width:0}.dh-user-name{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff8ee;font-size:12px;font-weight:700}.dh-account button{min-width:44px;padding:8px 10px;border-color:#ffffff38!important;background:#ffffff12!important;color:#fff!important;box-shadow:none!important}.dh-nav{position:fixed;z-index:110;bottom:0;left:50%;translate:-50% 0;width:min(100%,520px);display:grid;grid-template-columns:repeat(var(--nav-count,3),1fr);gap:0;padding:6px 8px calc(6px + var(--dh-safe-bottom));background:#fffdf9f7;border-top:1px solid var(--dh-line);box-shadow:0 -8px 24px #1c141018;backdrop-filter:blur(16px)}.dh-nav a{position:relative;display:flex;min-width:0;min-height:52px;padding:5px 2px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:13px;color:var(--dh-muted);font-size:10px;font-weight:800;line-height:1.1;text-decoration:none}.dh-nav a::before{content:attr(data-icon);font-size:20px;line-height:1}.dh-nav a[aria-current=page]{background:#ffe3b6;color:#7a2e0b;box-shadow:inset 0 0 0 1px #e9a15766}.dh-hero{position:relative;display:block!important;margin:0 0 14px;padding:20px 18px!important;overflow:hidden;border:0!important;border-radius:22px!important;background:linear-gradient(135deg,#1c1410 0%,#3a2111 67%,#7a3c13 100%)!important;box-shadow:0 12px 30px #2b1b0e22;color:#fff}.dh-hero::after{content:"TSF";position:absolute;right:-4px;bottom:-19px;font-family:var(--font-heading);font-size:66px;color:#e9a15720;pointer-events:none}.dh-hero .eyebrow{display:block;margin-bottom:5px;color:var(--dh-gold-2)!important;font-size:9px;letter-spacing:.13em}.dh-hero h1{max-width:92%;margin:0 0 5px!important;background:linear-gradient(120deg,#fff 10%,#ffd08a 85%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-family:var(--font-heading)!important;font-size:28px!important;line-height:1.1!important}.dh-hero .subtitle{position:relative;z-index:1;margin:0;max-width:94%;color:#fff8eed9!important;font-size:12px;line-height:1.5}.dh-hero-mark{display:none}.dh-metrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:0 0 18px!important}.dh-metrics .metric{min-width:0;padding:13px!important;border-radius:17px!important;background:var(--dh-paper)!important;border:1px solid var(--dh-line)!important;box-shadow:0 4px 14px #2b1b0e0c!important}.dh-metrics .metric span{display:block;color:var(--dh-muted);font-size:10px;font-weight:800}.dh-metrics .metric b{display:block;margin:3px 0;font-family:var(--font-heading);font-size:29px;line-height:1;color:#8a4f1d}.dh-metrics .metric small{display:block;color:#88765f;font-size:9px;line-height:1.3}.dh-section{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:20px 2px 11px}.dh-section h2{margin:0;font-family:var(--font-heading);font-size:21px;line-height:1.15}.dh-section p{margin:3px 0 0;color:var(--dh-muted);font-size:11px}.dh-section>.dh-actions{margin:0;flex-shrink:0}.dh-section>.dh-actions button{width:44px;padding:8px;font-size:0}.dh-section>.dh-actions button::first-letter{font-size:18px}.dh-section>.dh-actions button[data-action=manage]{width:auto;font-size:11px}.dh-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px}.panel{border-radius:20px!important;border:1px solid var(--dh-line)!important;background:var(--dh-paper)!important;box-shadow:0 6px 22px #2b1b0e0d!important}.dh-card{padding:0!important;overflow:hidden}.dh-thumb{height:180px;background:linear-gradient(135deg,#fef3e2,#f4e6d4);display:grid;place-items:center;position:relative;overflow:hidden}.dh-thumb img{display:block;width:100%;height:100%;object-fit:contain}.dh-thumb .placeholder{font-family:var(--font-heading);font-size:48px;color:#b98f63}.dh-thumb .badge{position:absolute;left:12px;top:11px;box-shadow:0 2px 8px #0002}.dh-card-body{padding:16px}.dh-card-body>.dh-muted:first-child{margin:0 0 4px;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800;color:#a35f20}.dh-card h3{min-height:0;margin:0 0 8px!important;background:none!important;-webkit-text-fill-color:var(--dh-ink-soft)!important;color:var(--dh-ink-soft)!important;font-family:var(--font-body)!important;font-size:16px!important;line-height:1.38}.dh-card-body>p{margin:6px 0;font-size:12px}.dh-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.dh-prices>div{min-width:0;padding:11px;border-radius:13px;background:#fef3e2;border:1px solid #f2d7b1}.dh-prices span{display:block;color:var(--dh-muted);font-size:9px;font-weight:700}.dh-prices strong{display:block;overflow-wrap:anywhere;font-size:17px;color:#9d5d23}.dh-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid var(--dh-line)}.dh-card-footer small{color:var(--dh-muted);font-size:10px}.dh-card-footer a{display:grid;place-items:center;padding:7px 12px;text-decoration:none;border:1px solid var(--dh-line);border-radius:12px;font-size:11px;font-weight:800}.dh-stock{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef7e9;color:#285524;font-size:10px;font-weight:800}.dh-error,.errorbar{color:var(--dh-danger)!important;background:#fff0eb!important;border:1px solid #efc8bd!important;padding:10px!important;border-radius:11px!important;font-size:12px;margin:10px 0!important}.dh-muted{color:var(--dh-muted);font-size:12px}.dh-empty{text-align:center;padding:36px 18px!important}.dh-empty .empty-icon{font-family:var(--font-heading);font-size:42px;color:#b86b25}.dh-empty h3{margin:8px 0 3px!important}.dh-empty p{margin:0 auto 14px;color:var(--dh-muted);font-size:12px}.dh-form{display:grid;gap:13px}.dh-form>button[type=submit]{border-color:#c07a2a!important;background:linear-gradient(135deg,#e9a157,#c07a2a)!important;color:#2b1b0e!important;box-shadow:0 5px 14px #8a4f1d29!important}.dh-form>button[type=submit]:active{background:#c07a2a!important;color:#fff!important}.dh-form label{display:grid;gap:6px;min-width:0;color:var(--dh-ink-soft);font-size:12px;font-weight:800}.dh-form input,.dh-form select{width:100%;min-width:0;min-height:48px;font-size:16px!important}.dh-form .check{display:flex;align-items:center;gap:9px;min-height:44px}.dh-form input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:#b86b25}.dh-form .hint{font-size:11px;font-weight:400;color:var(--dh-muted)}.dh-inline,.dh-split{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}.dh-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.dh-actions>*{min-height:44px}.dh-stack{display:grid;gap:14px}.dh-secondary{background:#fffdf9!important;box-shadow:none!important}.dh-danger{color:var(--dh-danger)!important;border-color:#d6aaaa!important}.dh-note{margin:10px 0 0;color:var(--dh-muted);font-size:10px;line-height:1.45}.dh-filter{width:100%;max-width:170px;min-width:0}.dh-result{margin-top:16px}.dh-variant-preview .dh-thumb{width:100%;max-width:none;height:180px;border-radius:14px}.dh-variant-preview .dh-thumb img{max-width:100%;max-height:180px;object-fit:contain}.notice{border-radius:11px}.dh-alert{margin-bottom:13px;padding:11px;border:1px solid #e9a157;border-radius:12px;background:#fff3e2;color:#7a2e0b;font-size:12px}.table,.dh-table{width:100%;margin-top:0;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}.table table,.dh-table table,.table tbody,.dh-table tbody{display:block;width:100%}.table thead,.dh-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.table tr,.dh-table tr{display:block;margin:0 0 12px;padding:14px;border:1px solid var(--dh-line);border-radius:18px;background:var(--dh-paper);box-shadow:0 5px 18px #2b1b0e0d}.table td,.dh-table td{display:block;width:100%;max-width:none!important;padding:7px 0!important;border:0!important;white-space:normal!important;font-size:12px}.table td:first-child,.dh-table td:first-child{padding-top:0!important;font-size:14px}.table td:not(:first-child)::before,.dh-table td:not(:first-child)::before{display:block;margin-bottom:2px;color:var(--dh-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dh-table td:nth-child(2)::before{content:"Giá hiện tại"}.dh-table td:nth-child(3)::before{content:"Giá mục tiêu"}.dh-table td:nth-child(4)::before{content:"Theo dõi"}.dh-table td:nth-child(5)::before{content:"Kiểm tra gần nhất"}.dh-table td:nth-child(6)::before{content:"Thao tác"}.table td:last-child,.dh-table td:last-child{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:0!important}.table td:last-child::before,.dh-table td:last-child::before{width:100%}.table td button,.dh-table td button{flex:1 1 90px;min-height:44px;padding:8px;font-size:11px}.table td small{display:block;color:var(--dh-muted);font-size:10px}.dh-login{width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:calc(22px + env(safe-area-inset-top)) 16px calc(24px + var(--dh-safe-bottom));display:flex!important;flex-direction:column;justify-content:center;gap:14px;background:radial-gradient(circle at 80% 5%,#7a3c1366,transparent 34%),linear-gradient(160deg,#120c08,#2b1b0e 60%,#46250e);box-shadow:0 0 50px #0008}.dh-login-intro{text-align:center;color:#fff}.dh-login-intro img{width:92px;height:52px;object-fit:contain;filter:drop-shadow(0 5px 12px #0008)}.dh-login-intro h1{margin:10px auto 7px;max-width:410px;background:linear-gradient(120deg,#fff,#ffd08a)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;font-family:var(--font-heading);font-size:34px;line-height:1.08}.dh-login-intro p{max-width:390px;margin:0 auto;color:#fff8eebf;font-size:12px}.dh-tagline{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:12px}.dh-tagline span{padding:4px 9px;border:1px solid #ffffff29;border-radius:999px;color:#ffd08a;font-size:9px}.dh-login-card{padding:20px!important}.dh-login-card .eyebrow{color:#a35f20;font-size:9px;letter-spacing:.13em}.dh-login-card h2{margin:2px 0 2px;font-family:var(--font-heading);font-size:27px}.dh-login-card>p{margin:0 0 15px}.dh-login-foot{margin-top:15px;color:var(--dh-muted);font-size:10px}.dh-footer{display:none}dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,520px);max-width:520px;max-height:88dvh;padding:20px 16px calc(20px + var(--dh-safe-bottom));overflow:auto;color:var(--dh-ink-soft);background:var(--dh-paper);border:1px solid var(--dh-line);border-radius:24px 24px 0 0;box-shadow:0 -20px 60px #0004}dialog::backdrop{background:#120c08a6;backdrop-filter:blur(3px)}dialog h2{margin:0 0 14px;font-family:var(--font-heading);font-size:24px}.dh-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dh-dialog-head button{min-width:44px;padding:5px 12px}.dh-secret{overflow-wrap:anywhere;user-select:all;font-family:monospace;background:#fef3e2;border:1px dashed #b86b25;border-radius:12px;padding:12px}.dh-codes{display:grid;grid-template-columns:1fr;gap:7px;padding:13px;background:#fef3e2;border-radius:12px;font-family:monospace;user-select:all}#toast:not(:empty){position:fixed;z-index:2147483647;left:50%;right:auto;bottom:calc(74px + var(--dh-safe-bottom));translate:-50% 0;width:calc(min(100%,520px) - 28px);max-width:492px;padding:12px 15px;border:1px solid #c5d8bc;background:#f3faef;color:#285524;border-radius:13px;box-shadow:0 8px 28px #0002;font-size:12px}.dh-loading,.loading{text-align:center;padding:44px 12px;color:var(--dh-muted)}pre{max-width:100%;margin:8px 0;padding:10px;border-radius:10px;background:#f6ecdf;white-space:pre-wrap!important;word-break:break-word;overflow-wrap:anywhere;font-size:10px}ol{padding-left:20px}li{margin-bottom:8px;font-size:12px}
@media(max-width:350px){.dh-shell{padding-left:10px;padding-right:10px}.dh-top{padding-left:10px;padding-right:10px}.dh-logo small,.dh-user-name{display:none}.dh-hero{padding:17px 14px!important}.dh-hero h1{font-size:25px!important}.dh-login{padding-left:12px;padding-right:12px}.dh-login-intro h1{font-size:30px}.dh-metrics{gap:7px!important}.dh-metrics .metric{padding:11px!important}.dh-prices strong{font-size:15px}.dh-section>.dh-actions button[data-action=manage]{font-size:0;width:44px}.dh-section>.dh-actions button[data-action=manage]::first-letter{font-size:18px}}
@media(min-width:521px){body{background:radial-gradient(circle at top,#50301b 0,#1c1410 52%,#0f0a04 100%) fixed}.dh-shell,.dh-login{border-left:1px solid #ffffff10;border-right:1px solid #ffffff10}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 2026-10-10 UI polish: one Arial interface and explicit, opaque action hierarchy. */
:root{--font-body:Arial,Helvetica,sans-serif;--font-heading:Arial,Helvetica,sans-serif;--dh-primary:#f6a623;--dh-primary-hover:#e9940d;--dh-primary-active:#cc7d00;--dh-navy:#172033;--dh-navy-hover:#24324a;--dh-ghost:#fff4df;--dh-danger-solid:#b42318}
html,body,button,input,select,textarea,option,optgroup,h1,h2,h3,h4,h5,h6,p,a,span,label,summary,details,pre,code,.dh-secret,.dh-codes{font-family:Arial,Helvetica,sans-serif!important}
button,input[type=button],input[type=submit],input[type=reset],[role=button]{min-height:44px;border:1px solid #c97700!important;border-radius:14px!important;background-color:var(--dh-primary)!important;color:#261706!important;font:800 14px/1.2 Arial,Helvetica,sans-serif!important;box-shadow:0 4px 12px #9a5b1226!important;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .08s ease,box-shadow .16s ease}
button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,[role=button]:hover{background-color:var(--dh-primary-hover)!important;border-color:#ad6500!important;color:#1c1207!important;box-shadow:0 6px 16px #9a5b1238!important}
button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active,[role=button]:active{background-color:var(--dh-primary-active)!important;color:#fff!important;transform:translateY(1px);box-shadow:0 2px 7px #9a5b1233!important}
button:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible,[role=button]:focus-visible{outline:3px solid #0b64d8!important;outline-offset:3px!important}
button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled,[role=button][aria-disabled=true]{border-color:#bcae99!important;background:#d9cbb7!important;color:#665b4c!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important;transform:none!important}
.dh-secondary,button.dh-secondary,a.dh-secondary{border:1px solid #caa66f!important;background:#fff4df!important;color:#332311!important;box-shadow:none!important}
.dh-secondary:hover,button.dh-secondary:hover,a.dh-secondary:hover{background:#ffe5b8!important;border-color:#a96a16!important;color:#241608!important}
.dh-danger,button.dh-danger{border-color:#8f1b13!important;background:#b42318!important;color:#fff!important;box-shadow:0 4px 12px #8f1b132b!important}
.dh-danger:hover,button.dh-danger:hover{border-color:#76150f!important;background:#941b13!important;color:#fff!important}
.dh-account button{border-color:#47546b!important;background:#24324a!important;color:#fff!important;box-shadow:none!important}
.dh-account button:hover{background:#33445f!important;border-color:#61708a!important}
.dh-dialog-head button{border-color:#caa66f!important;background:#fff4df!important;color:#332311!important;box-shadow:none!important}
.dh-nav a{border:1px solid transparent;background:#fffaf0;color:#5b4b38}
.dh-nav a:hover{border-color:#e2c694;background:#fff0d2;color:#442d13}
.dh-nav a[aria-current=page]{border-color:#d38a19;background:#ffd589;color:#542a00}
.dh-card-footer a{min-height:44px;background:#fff4df!important;color:#332311!important}
.dh-platforms{margin-bottom:14px;padding:17px!important;border-color:#e1b467!important;background:linear-gradient(180deg,#fffdf9,#fff7e9)!important}
.dh-platforms>header{margin-bottom:12px}.dh-platforms>header .eyebrow{color:#9a570b;font-size:9px;font-weight:800;letter-spacing:.12em}.dh-platforms>header h3{margin:3px 0 2px!important;font-size:21px!important}.dh-platforms>header p{margin:0;color:var(--dh-muted);font-size:11px}
.dh-platform-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #ead8bc}.dh-platform-row:first-of-type{border-top:0}.dh-platform-row>div{min-width:0}.dh-platform-row strong{display:block;color:var(--dh-ink-soft);font-size:14px}.dh-platform-row span:not(.dh-status-badge){display:block;margin-top:2px;color:var(--dh-muted);font-size:10px;line-height:1.4}.dh-platform-featured{margin:0 -6px;padding:12px 8px;border:1px solid #e9b65f!important;border-radius:14px;background:#fff2d7}
.dh-status-badge{flex:0 0 auto;max-width:145px;padding:5px 8px;border:1px solid;border-radius:999px;font-size:9px;font-weight:800;line-height:1.2;text-align:center}.dh-status-pending{border-color:#d18a20;background:#ffe0a3;color:#643500}.dh-status-connected{border-color:#4e8c47;background:#e6f5df;color:#235420}.dh-status-limited{border-color:#7c8797;background:#e9edf2;color:#344052}.dh-status-unavailable{border-color:#bba789;background:#f5eee2;color:#675642}
.dh-platform-connection{display:block}.dh-platform-connection>.dh-platform-row{margin-bottom:12px}.dh-connection-detail{padding-top:2px}.dh-connection-detail p,.dh-connection-detail li{font-size:11px}.dh-connection-detail ol{margin:10px 0}.dh-connection-detail pre{font-family:Arial,Helvetica,sans-serif!important;white-space:pre-wrap!important;word-break:break-all;overflow-wrap:anywhere}
@media(max-width:360px){.dh-platform-row{display:grid}.dh-status-badge{max-width:100%}}
/* Keep primary submit actions visibly solid even over legacy gradient declarations. */
.dh-form>button[type=submit]{background-color:var(--dh-primary)!important;background-image:linear-gradient(135deg,#ffc35a,#f6a623)!important;color:#261706!important}
.dh-form>button[type=submit]:hover{background-color:var(--dh-primary-hover)!important;background-image:linear-gradient(135deg,#ffb93d,#e9940d)!important}
.dh-form>button[type=submit]:active{background-color:var(--dh-primary-active)!important;background-image:none!important;color:#fff!important}
.dh-form>button[type=submit]:disabled{background-color:#d9cbb7!important;background-image:none!important;color:#665b4c!important}
