.ttnfc, .ttnfc * { box-sizing: border-box; }
body.ttnfc-body { margin: 0; }
.ttnfc { min-height: 100vh; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
.ttnfc a { color: inherit; text-decoration: none; }
.ttnfc button, .ttnfc input, .ttnfc select { font: inherit; }
.ttnfc button { cursor: pointer; }
.ttnfc-container { width: min(calc(100% - 2.5rem), 1200px); margin-inline: auto; }
.ttnfc-header { background: #17272d; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; }
.ttnfc-nav { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ttnfc-brand { display: inline-flex; align-items: center; gap: 10px; font-size: 25px; font-weight: 800; letter-spacing: -.06em; white-space: nowrap; }
.ttnfc-brand > span:last-child { color: #f39b65; margin-left: -10px; }
.ttnfc-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: #f39b65; color: #17272d; transform: rotate(-10deg); font-size: 22px; }
.ttnfc-nav-links, .ttnfc-panel-nav { display: flex; align-items: center; gap: 28px; font-size: 14px; }
.ttnfc-nav-links a, .ttnfc-panel-nav > a { color: #cbd5d7; }
.ttnfc-nav-links a:hover, .ttnfc-panel-nav > a:hover { color: white; }
.ttnfc-nav-cta { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: transparent; color: white; padding: 0 18px; font-size: 14px; font-weight: 700; white-space: nowrap; }
.ttnfc-nav-cta:hover, .ttnfc-button-outline:hover { background: rgba(255,255,255,.12); }
.ttnfc-button, .ttnfc-button-outline { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; border-radius: 12px; padding: 11px 20px; font-size: 15px; font-weight: 800; text-align: center; }
.ttnfc-button { border: 0; background: #f39b65; color: #17272d !important; }
.ttnfc-button:hover { background: #ffb586; }
.ttnfc-button-outline { border: 1px solid rgba(255,255,255,.33); background: transparent; color: white !important; }
.ttnfc button:focus-visible, .ttnfc a:focus-visible, .ttnfc input:focus-visible, .ttnfc select:focus-visible { outline: 2px solid #f39b65; outline-offset: 3px; }
.ttnfc-home { color: #17252d; background: #faf8f5; }
.ttnfc-hero { background: radial-gradient(circle at 80% 38%,#294c4f 0%,#17272d 42%,#122329 100%); color: white; overflow: hidden; }
.ttnfc-hero-grid { display: grid; grid-template-columns: 1.03fr .97fr; gap: 40px; min-height: 690px; align-items: center; padding-block: 80px; }
.ttnfc-hero-copy { max-width: 650px; }
.ttnfc-eyebrow { display: inline-block; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; padding: 10px 14px; color: #cdd9d8; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.ttnfc-hero h1 { margin: 27px 0 0; font-size: clamp(48px,6.8vw,96px); line-height: .99; letter-spacing: -.065em; font-weight: 800; }
.ttnfc-hero h1 em, .ttnfc-feature h2 em { color: #f7ad75; font-style: normal; }
.ttnfc-hero-lead { max-width: 590px; margin: 28px 0 0; color: #cbd5d7; font-size: 19px; line-height: 1.75; }
.ttnfc-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.ttnfc-perks { margin: 44px 0 0; color: #aebdc1; font-size: 14px; line-height: 2; }
.ttnfc-photo-stage { position: relative; width: min(100%,560px); min-height: 520px; margin-inline: auto; }
.ttnfc-photo { position: absolute; overflow: hidden; border: 5px solid rgba(255,255,255,.9); background: #d8b991; box-shadow: 0 30px 70px rgba(0,0,0,.34); }
.ttnfc-photo img, .ttnfc-product-image img, .ttnfc-feature-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ttnfc-photo-main { inset: 45px 50px 25px 55px; border-radius: 30px; transform: rotate(-5deg); }
.ttnfc-photo-top { top: 0; right: 0; width: 30%; height: 42%; border-radius: 21px; transform: rotate(8deg); }
.ttnfc-photo-bottom { bottom: 0; left: 0; width: 34%; height: 38%; border-radius: 21px; transform: rotate(7deg); }
.ttnfc-photo-note { position: absolute; right: 0; bottom: 10px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: #213b3e; padding: 9px 12px; color: #dae9e5; font-size: 11px; font-weight: 700; }
.ttnfc-section { padding-block: clamp(75px,9vw,125px); }
.ttnfc-kicker { margin: 0 0 15px; color: #c36a3f; font-size: 12px; font-weight: 800; letter-spacing: .17em; }
.ttnfc-section h2 { margin: 0 0 20px; color: #17252d; font-size: clamp(38px,4.5vw,64px); line-height: 1.08; letter-spacing: -.055em; }
.ttnfc-section h2 span { color: #8e9299; }
.ttnfc-section p:not(.ttnfc-kicker) { max-width: 650px; color: #657178; font-size: 17px; line-height: 1.8; }
.ttnfc-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.ttnfc-count { display: inline-block; border: 1px solid #ddd6cf; border-radius: 999px; padding: 10px 16px; color: #9a877a; font-size: 11px; font-weight: 800; letter-spacing: .14em; white-space: nowrap; }
.ttnfc-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 44px 22px; margin-top: 48px; }
.ttnfc-product { min-width: 0; }
.ttnfc-product-image { position: relative; overflow: hidden; aspect-ratio: 4/5; border: 1px solid #e9dfd3; border-radius: 22px; background: #dcc5a5; box-shadow: 0 15px 35px rgba(23,39,45,.07); }
.ttnfc-product-image img { transition: transform .35s ease; }
.ttnfc-product:hover .ttnfc-product-image img { transform: scale(1.045); }
.ttnfc-product-image > span { position: absolute; top: 15px; left: 15px; border: 1px solid rgba(255,255,255,.9); border-radius: 999px; background: rgba(255,255,255,.94); padding: 7px 11px; color: #233239; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.ttnfc-product-copy { display: flex; justify-content: space-between; gap: 12px; padding-top: 20px; }
.ttnfc-product-copy h3 { margin: 0; color: #17252d; font-size: 20px; }
.ttnfc-product-copy p { margin: 6px 0 0; font-size: 15px !important; line-height: 1.6 !important; }
.ttnfc-product-copy small { color: #b6aca2; font-size: 12px; font-weight: 700; }
.ttnfc-how { background: white; }
.ttnfc-two-col { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.ttnfc-text-link { display: inline-block; margin-top: 25px; color: #c36a3f !important; font-weight: 800; }
.ttnfc-steps { display: grid; gap: 12px; }
.ttnfc-steps > div { display: flex; min-height: 100px; align-items: center; gap: 24px; border: 1px solid #ebe8e3; border-radius: 18px; background: #faf8f5; padding: 20px 25px; }
.ttnfc-steps b { color: #d47b50; }
.ttnfc-steps span { flex: 1; }
.ttnfc-steps strong, .ttnfc-steps small { display: block; }
.ttnfc-steps small { margin-top: 5px; color: #64717a; }
.ttnfc-feature { background: #17272d; color: white; }
.ttnfc-feature h2 { color: white; }
.ttnfc-feature p:not(.ttnfc-kicker) { color: #cbd5e1; }
.ttnfc-feature .ttnfc-kicker, .ttnfc-contact .ttnfc-kicker { color: #f5a873; }
.ttnfc-feature-image { width: min(100%,440px); aspect-ratio: 4/5; margin-inline: auto; overflow: hidden; border: 7px solid rgba(255,255,255,.9); border-radius: 29px; box-shadow: 0 25px 60px rgba(0,0,0,.25); }
.ttnfc-about-card { display: flex; justify-content: space-between; align-items: center; gap: 36px; border-radius: 32px; background: #f0e8df; padding: 64px; }
.ttnfc-about-card .ttnfc-button { flex-shrink: 0; }
.ttnfc-contact { background: #1e3439; color: white; padding-block: 80px; }
.ttnfc-contact-grid { display: grid; grid-template-columns: 1fr 300px; gap: 50px; align-items: center; }
.ttnfc-contact h2 { margin: 0; font-size: clamp(32px,4vw,48px); letter-spacing: -.04em; }
.ttnfc-contact p:not(.ttnfc-kicker) { max-width: 620px; color: #cbd5e1; line-height: 1.8; }
.ttnfc-contact small { display: block; margin-top: 12px; color: #aebdc1; }
.ttnfc-social { display: grid; gap: 9px; }
.ttnfc-social a { display: block; min-height: 70px; border: 1px solid rgba(255,255,255,.14); border-radius: 15px; padding: 12px 17px; color: white; font-weight: 700; }
.ttnfc-social a:hover { border-color: #f5a873; background: rgba(255,255,255,.07); }
.ttnfc-social small { margin: 2px 0 0; font-size: 12px; }
.ttnfc-footer { background: #17272d; color: #aebdc1; font-size: 14px; }
.ttnfc-footer .ttnfc-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding-block: 26px; }
.ttnfc-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
.ttnfc-footer small { font-size: 12px; }
.ttnfc-product-link { display: inline-block; margin-top: 12px; color: #b85f38 !important; font-size: 13px; font-weight: 800; }

/* Public SEO content and NFC guide */
.ttnfc-blog-hero, .ttnfc-article-hero { background: radial-gradient(circle at 78% 20%,#2d5455,#17272d 48%,#122329); color: #fff; }
.ttnfc-blog-hero .ttnfc-container { padding-block: clamp(75px,10vw,130px); }
.ttnfc-blog-hero h1, .ttnfc-article-hero h1 { max-width: 980px; margin: 0; font-size: clamp(46px,7vw,88px); line-height: 1.02; letter-spacing: -.06em; }
.ttnfc-blog-hero h1 em { color: #f7ad75; font-style: normal; }
.ttnfc-blog-hero p:not(.ttnfc-kicker) { max-width: 730px; margin: 28px 0 0; color: #cbd5d7; font-size: 19px; line-height: 1.75; }
.ttnfc-blog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.ttnfc-blog-card { overflow: hidden; border: 1px solid #e7dfd7; border-radius: 24px; background: #fff; box-shadow: 0 16px 38px rgba(23,39,45,.06); }
.ttnfc-blog-card-image { display: block; aspect-ratio: 16/9; overflow: hidden; background: #dfc7a7; }
.ttnfc-blog-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.ttnfc-blog-card:hover .ttnfc-blog-card-image img { transform: scale(1.04); }
.ttnfc-blog-card-copy { padding: 28px; }
.ttnfc-blog-card-copy h2 { margin: 0; font-size: clamp(25px,3vw,34px); line-height: 1.16; letter-spacing: -.035em; }
.ttnfc-blog-card-copy > p:not(.ttnfc-kicker) { margin: 14px 0 22px; color: #657178; font-size: 15px; line-height: 1.75; }
.ttnfc-blog-card-copy > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid #ece7e2; padding-top: 18px; }
.ttnfc-blog-card-copy time { color: #8b8179; font-size: 12px; }
.ttnfc-blog-card-copy .ttnfc-text-link { margin: 0; font-size: 13px; }
.ttnfc-home-blog { background: #f1ebe4; }
.ttnfc-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 42px; }
.ttnfc-related-grid article { border: 1px solid #e3dad1; border-radius: 20px; background: #fff; padding: 28px; }
.ttnfc-related-grid h3 { margin: 0; font-size: 24px; line-height: 1.25; letter-spacing: -.03em; }
.ttnfc-related-grid p:not(.ttnfc-kicker) { color: #657178; font-size: 15px; line-height: 1.7; }
.ttnfc-related-grid .ttnfc-text-link { margin-top: 10px; }
.ttnfc-faq { background: #fff; }
.ttnfc-faq-list { display: grid; gap: 12px; }
.ttnfc-faq-list details { border: 1px solid #e7e1da; border-radius: 17px; background: #faf8f5; padding: 0 20px; }
.ttnfc-faq-list summary { position: relative; cursor: pointer; list-style: none; padding: 22px 34px 22px 0; font-weight: 800; }
.ttnfc-faq-list summary::-webkit-details-marker { display: none; }
.ttnfc-faq-list summary::after { content: '+'; position: absolute; right: 0; top: 17px; color: #c36a3f; font-size: 25px; }
.ttnfc-faq-list details[open] summary::after { content: '–'; }
.ttnfc-faq-list details p { margin: -4px 0 20px !important; font-size: 15px !important; line-height: 1.7 !important; }
.ttnfc-article-head { padding-block: 42px 82px; }
.ttnfc-breadcrumb { display: flex; align-items: center; gap: 9px; overflow: hidden; margin-bottom: 62px; color: #aebdc1; font-size: 12px; white-space: nowrap; }
.ttnfc-breadcrumb span:last-child { overflow: hidden; text-overflow: ellipsis; }
.ttnfc-breadcrumb a:hover { color: #fff; }
.ttnfc-article-hero h1 { max-width: 1000px; font-size: clamp(42px,6vw,76px); }
.ttnfc-article-lead { max-width: 780px; margin: 25px 0 0; color: #cbd5d7; font-size: 19px; line-height: 1.75; }
.ttnfc-article-meta { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 30px; color: #aebdc1; font-size: 13px; }
.ttnfc-article-layout { width: min(calc(100% - 2.5rem),920px); padding-block: 64px 100px; }
.ttnfc-article-image { overflow: hidden; aspect-ratio: 16/9; margin: 0 0 52px; border-radius: 26px; background: #dfc7a7; box-shadow: 0 22px 54px rgba(23,39,45,.12); }
.ttnfc-article-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ttnfc-article-content { color: #34434a; font-size: 18px; line-height: 1.85; }
.ttnfc-article-content > :first-child { margin-top: 0; font-size: 21px; color: #405057; }
.ttnfc-article-content h2 { margin: 54px 0 16px; color: #17252d; font-size: clamp(28px,4vw,38px); line-height: 1.2; letter-spacing: -.035em; }
.ttnfc-article-content h3 { margin: 38px 0 12px; color: #17252d; font-size: 25px; }
.ttnfc-article-content p { margin: 0 0 22px; }
.ttnfc-article-content ul, .ttnfc-article-content ol { margin: 0 0 28px; padding-left: 25px; }
.ttnfc-article-content li { margin: 9px 0; padding-left: 5px; }
.ttnfc-article-content a { color: #a94f2b; text-decoration: underline; text-underline-offset: 3px; }
.ttnfc-article-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 60px; border-radius: 24px; background: #17272d; color: #fff; padding: 34px; }
.ttnfc-article-cta h2 { margin: 0; font-size: 30px; letter-spacing: -.035em; }
.ttnfc-article-cta p:not(.ttnfc-kicker) { max-width: 570px; margin: 10px 0 0; color: #cbd5d7; }
.ttnfc-article-cta .ttnfc-button { flex: 0 0 auto; }
.ttnfc-related { background: #f1ebe4; }

.ttnfc-panel, .ttnfc-payment { --tt-bg: #f5f7fa; --tt-surface: #fff; --tt-text: #17252d; --tt-muted: #64717a; --tt-border: #e2e8f0; background: var(--tt-bg); color: var(--tt-text); }
.ttnfc-panel-main { min-height: calc(100vh - 160px); padding-block: 70px 100px; }
.ttnfc-admin-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; }
.ttnfc-admin-tabs a { padding: 10px 17px; border: 1px solid var(--tt-border); border-radius: 999px; color: var(--tt-text); background: var(--tt-surface); font-weight: 700; text-decoration: none; }
.ttnfc-admin-tabs a[aria-current=page] { background: #0f766e; border-color: #0f766e; color: #fff; }
.ttnfc-panel-nav form { margin: 0; }
.ttnfc-theme-toggle { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: transparent; color: white; }
.ttnfc-panel h1, .ttnfc-payment h1 { margin: 0; font-size: clamp(32px,4vw,48px); letter-spacing: -.04em; }
.ttnfc-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.ttnfc-panel-heading p:not(.ttnfc-kicker), .ttnfc-login-card > p:not(.ttnfc-kicker), .ttnfc-card p { color: var(--tt-muted); }
.ttnfc-panel-heading .ttnfc-button-outline, .ttnfc-card .ttnfc-button-outline { border-color: var(--tt-border); color: var(--tt-text) !important; }
.ttnfc-login-card { width: min(100%,480px); margin: 20px auto 0; border: 1px solid var(--tt-border); border-radius: 24px; background: var(--tt-surface); padding: 38px; box-shadow: 0 25px 60px rgba(23,39,45,.08); }
.ttnfc-login-card h1 { font-size: 34px; }
.ttnfc-form { display: grid; gap: 22px; margin-top: 28px; }
.ttnfc-business-form { gap: 18px; margin-top: 20px; }
.ttnfc-form-section { display: grid; gap: 22px; }
.ttnfc-form-intro { display: flex; align-items: flex-start; gap: 15px; }
.ttnfc-form-intro h2 { margin: 1px 0 5px; }
.ttnfc-form-intro p { margin: 0; max-width: 620px; line-height: 1.55; }
.ttnfc-step { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border-radius: 12px; background: #e2f3ef; color: #0f766e; font-size: 13px; font-weight: 800; letter-spacing: .02em; }
.ttnfc-owner-note { margin: 0; padding: 14px 16px; border-radius: 12px; background: var(--tt-bg); color: var(--tt-muted); font-size: 14px; line-height: 1.5; }
.ttnfc-save-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 22px; border: 1px solid var(--tt-border); border-radius: 16px; background: var(--tt-surface); }
.ttnfc-save-bar p { margin: 0; color: var(--tt-muted); font-size: 13px; line-height: 1.5; }
.ttnfc-save-bar .ttnfc-save { flex: 0 0 auto; }
.ttnfc-save:disabled { opacity: .7; cursor: wait; }
.ttnfc-form label { display: grid; gap: 7px; color: var(--tt-text); font-size: 14px; font-weight: 700; }
.ttnfc-form label small { color: var(--tt-muted); font-weight: 400; }
.ttnfc-form input:not([type=checkbox]):not([type=file]), .ttnfc-form select { width: 100%; min-height: 46px; border: 1px solid var(--tt-border); border-radius: 10px; background: var(--tt-surface); color: var(--tt-text); padding: 9px 12px; }
.ttnfc-form input[type=file] { width: 100%; max-width: 100%; border: 1px dashed var(--tt-border); border-radius: 10px; padding: 12px; }
.ttnfc-form .ttnfc-checkbox { display: flex; align-items: center; gap: 9px; }
.ttnfc-form .ttnfc-checkbox input { width: 18px; height: 18px; accent-color: #0f766e; }
.ttnfc-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.ttnfc-card { border: 1px solid var(--tt-border); border-radius: 20px; background: var(--tt-surface); padding: 28px; box-shadow: 0 12px 30px rgba(23,39,45,.04); }
.ttnfc-card h2 { margin: 0 0 20px; font-size: 23px; }
.ttnfc-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.ttnfc-card-heading h2 { margin-bottom: 4px; }
.ttnfc-card-heading p { margin: 0; }
.ttnfc-accounts { display: grid; gap: 16px; }
.ttnfc-account-row { border: 1px solid var(--tt-border); border-radius: 16px; padding: 22px; }
.ttnfc-account-title { display: flex; justify-content: space-between; margin-bottom: 18px; }
.ttnfc-remove-account { border: 0; background: none; color: #be4b3e; font-size: 13px !important; }
.ttnfc-account-row .ttnfc-checkbox { margin-top: 16px; }
.ttnfc-logo-preview { width: 80px; height: 80px; object-fit: contain; border: 1px solid var(--tt-border); border-radius: 16px; padding: 5px; }
.ttnfc-public-link, .ttnfc-admin-note { overflow-wrap: anywhere; border: 1px solid var(--tt-border); border-radius: 13px; background: var(--tt-surface); padding: 16px; margin-bottom: 20px; }
.ttnfc-public-link span { display: block; color: var(--tt-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.ttnfc-public-link a, .ttnfc-admin-note a { color: #0f766e; font-weight: 700; }
.ttnfc-alert, .ttnfc-success { border-radius: 12px; padding: 14px 17px; margin: 18px 0; }
.ttnfc-alert { background: #fff1ec; color: #923c29; }
.ttnfc-alert[hidden] { display: none; }
.ttnfc-success { background: #e7f8f0; color: #166534; }
.ttnfc-business-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.ttnfc-business-card h2 { margin: 15px 0 5px; }
.ttnfc-business-card p { margin: 0; }
.ttnfc-business-card small { display: block; margin-top: 8px; color: var(--tt-muted); }
.ttnfc-business-actions { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; color: #0f766e; font-weight: 700; }
.ttnfc-business-actions form { margin: 0; }
.ttnfc-business-actions .ttnfc-danger-button { padding: 0; }
.ttnfc-restore-form { margin-top: 20px; }
.ttnfc-restore-form .ttnfc-button-outline { color: var(--tt-text); border-color: var(--tt-border); }
.ttnfc-danger-zone { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-top: 26px; padding: 20px 24px; border: 1px solid var(--tt-border); border-radius: 16px; background: var(--tt-surface); }
.ttnfc-danger-zone strong { font-size: 16px; }
.ttnfc-danger-zone p { margin: 5px 0 0; color: var(--tt-muted); font-size: 13px; line-height: 1.5; }
.ttnfc-danger-zone form { margin: 0; }
.ttnfc-status { border-radius: 999px; background: #e2e8f0; color: #475569; padding: 6px 10px; font-size: 12px; font-weight: 700; }
.ttnfc-status.is-active { background: #dcfce7; color: #166534; }
.ttnfc-empty { text-align: center; }
.ttnfc-members-layout { display: grid; grid-template-columns: minmax(280px,380px) minmax(0,1fr); gap: 20px; align-items: start; }
.ttnfc-member-list { display: grid; gap: 12px; }
.ttnfc-member-row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding: 18px 0; border-top: 1px solid var(--tt-border); }
.ttnfc-member-info { display: grid; gap: 3px; min-width: 0; overflow-wrap: anywhere; }
.ttnfc-member-info strong { font-size: 17px; }
.ttnfc-member-info span, .ttnfc-member-info small { color: var(--tt-muted); }
.ttnfc-member-actions { display: grid; gap: 8px; align-content: start; }
.ttnfc-member-actions form { margin: 0; }
.ttnfc-password-form { display: flex; flex-wrap: wrap; gap: 8px; }
.ttnfc-password-form input { min-height: 40px; min-width: 130px; flex: 1; padding: 8px 10px; border: 1px solid var(--tt-border); border-radius: 9px; color: var(--tt-text); background: var(--tt-surface); }
.ttnfc-password-form .ttnfc-button-outline { color: var(--tt-text); border-color: var(--tt-border); }
.ttnfc-danger-button { border: 0; background: none; color: #be4b3e; font-weight: 700; padding: 7px 0; cursor: pointer; }
.ttnfc-danger-button:hover { text-decoration: underline; }

.ttnfc-payment { min-height: 100vh; padding: 22px 16px; background: radial-gradient(circle at top,#dff7f3,var(--tt-bg) 45%); }
.ttnfc-payment-top { display: flex; align-items: center; justify-content: space-between; width: min(100%,480px); margin: 0 auto 28px; color: var(--tt-text); font-weight: 800; }
.ttnfc-payment-top .ttnfc-theme-toggle { color: var(--tt-text); border-color: var(--tt-border); }
.ttnfc-payment-card { width: min(100%,480px); margin: auto; border: 1px solid var(--tt-border); border-radius: 28px; background: var(--tt-surface); padding: 32px; box-shadow: 0 24px 70px rgba(16,35,63,.14); }
.ttnfc-payment-card > h1, .ttnfc-payment-card > p { text-align: center; }
.ttnfc-payment-card > h1 { font-size: 28px; }
.ttnfc-payment-label { margin: 3px 0 25px; color: #0f766e; font-size: 12px; font-weight: 800; letter-spacing: .15em; }
.ttnfc-payment-brand { display: grid; place-items: center; width: 96px; height: 96px; overflow: hidden; margin: 0 auto 20px; border-radius: 24px; background: #17272d; color: white; font-size: 34px; font-weight: 800; }
.ttnfc-payment-brand img { width: 100%; height: 100%; object-fit: contain; background: white; padding: 6px; }
.ttnfc-payment-account { border: 1px solid var(--tt-border); border-radius: 18px; background: var(--tt-bg); padding: 20px; margin-top: 16px; }
.ttnfc-payment-bank { display: flex; align-items: center; gap: 12px; }
.ttnfc-bank-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--tt-surface); color: #0f766e; font-size: 25px; }
.ttnfc-payment-bank div { flex: 1; }
.ttnfc-payment-bank h2 { margin: 0; font-size: 16px; }
.ttnfc-payment-bank small { color: var(--tt-muted); }
.ttnfc-payment-bank em { border-radius: 999px; background: #dcfce7; color: #166534; padding: 5px 8px; font-size: 11px; font-style: normal; }
.ttnfc-payment-account dl { margin: 22px 0 0; }
.ttnfc-payment-account dl div + div { margin-top: 16px; }
.ttnfc-payment-account dt { color: var(--tt-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.ttnfc-payment-account dd { margin: 4px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.ttnfc-iban { font-family: ui-monospace, monospace; line-height: 1.8; letter-spacing: .03em; }
.ttnfc-copy { width: 100%; min-height: 44px; border: 0; border-radius: 10px; background: #17272d; color: white; font-weight: 700; margin-top: 20px; }
.ttnfc-payment footer { width: min(100%,480px); margin: 25px auto; color: var(--tt-muted); font-size: 12px; text-align: center; }

/* Small, one-time motion keeps the site responsive on touch devices. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: .18s ease-out both ttnfc-page-out; }
::view-transition-new(root) { animation: .28s ease-out both ttnfc-page-in; }
@keyframes ttnfc-page-out { to { opacity: 0; } }
@keyframes ttnfc-page-in { from { opacity: 0; } }
@keyframes ttnfc-rise-in { from { opacity: 0; transform: translate3d(0,18px,0); } to { opacity: 1; transform: translate3d(0,0,0); } }
@keyframes ttnfc-photo-in { from { opacity: 0; transform: translate3d(0,24px,0) scale(.97); } to { opacity: 1; transform: translate3d(0,0,0) scale(1); } }
@keyframes ttnfc-row-in { from { opacity: 0; transform: translate3d(0,-10px,0); } to { opacity: 1; transform: translate3d(0,0,0); } }
@keyframes ttnfc-row-out { to { opacity: 0; transform: translate3d(0,-10px,0); } }
.ttnfc-home .ttnfc-hero-copy { animation: ttnfc-rise-in .65s cubic-bezier(.2,.8,.2,1) both; }
.ttnfc-home .ttnfc-photo-stage { animation: ttnfc-photo-in .75s .1s cubic-bezier(.2,.8,.2,1) both; }
.ttnfc-panel-main > :not(.ttnfc-admin-tabs), .ttnfc-payment-card { animation: ttnfc-rise-in .4s cubic-bezier(.2,.8,.2,1) both; }
.ttnfc-reveal-in { animation: ttnfc-rise-in .55s var(--ttnfc-delay,0ms) cubic-bezier(.2,.8,.2,1) both; }
.ttnfc-account-row.is-added { animation: ttnfc-row-in .28s ease-out both; }
.ttnfc-account-row.is-removing { animation: ttnfc-row-out .18s ease-in both; pointer-events: none; }
.ttnfc-button, .ttnfc-button-outline, .ttnfc-nav-cta, .ttnfc-theme-toggle, .ttnfc-copy, .ttnfc-admin-tabs a, .ttnfc-social a { transition: transform .22s cubic-bezier(.2,.8,.2,1), background-color .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease; }
.ttnfc-panel, .ttnfc-payment, .ttnfc-card, .ttnfc-payment-card, .ttnfc-payment-account, .ttnfc-form input, .ttnfc-form select { transition: background-color .25s ease, border-color .25s ease, color .25s ease; }
.ttnfc-product-image img { transition: transform .55s cubic-bezier(.2,.8,.2,1); }
.ttnfc-product:hover .ttnfc-product-image img { transform: scale(1.055); }
.ttnfc-product-image, .ttnfc-business-card, .ttnfc-payment-account, .ttnfc-steps > div { transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease; }
.ttnfc-home :is(#urunler,#nasil-calisir,#hakkimizda,#iletisim) { scroll-margin-top: 24px; }
html:has(.ttnfc-home) { scroll-behavior: smooth; }
@media (hover: hover) and (pointer: fine) {
  .ttnfc-button:hover, .ttnfc-button-outline:hover, .ttnfc-nav-cta:hover, .ttnfc-social a:hover { transform: translate3d(0,-2px,0); box-shadow: 0 10px 22px rgba(23,39,45,.15); }
  .ttnfc-product:hover .ttnfc-product-image, .ttnfc-business-card:hover, .ttnfc-steps > div:hover { transform: translate3d(0,-4px,0); box-shadow: 0 18px 35px rgba(23,39,45,.12); }
  .ttnfc-payment-account:hover { border-color: #8ac8bd; transform: translate3d(0,-2px,0); }
}
.ttnfc-button:active, .ttnfc-button-outline:active, .ttnfc-nav-cta:active, .ttnfc-copy:active { transform: scale(.98); }

@media (prefers-color-scheme: dark) {
  html:not([data-ttnfc-theme=light]) .ttnfc-panel, html:not([data-ttnfc-theme=light]) .ttnfc-payment { --tt-bg: #020617; --tt-surface: #0f172a; --tt-text: #f8fafc; --tt-muted: #94a3b8; --tt-border: #334155; }
}
html[data-ttnfc-theme=dark] .ttnfc-panel, html[data-ttnfc-theme=dark] .ttnfc-payment { --tt-bg: #020617; --tt-surface: #0f172a; --tt-text: #f8fafc; --tt-muted: #94a3b8; --tt-border: #334155; }
html[data-ttnfc-theme=dark] .ttnfc-payment { background: radial-gradient(circle at top,#123b3a,#020617 48%); }
@media (prefers-color-scheme: dark) { html:not([data-ttnfc-theme=light]) .ttnfc-payment { background: radial-gradient(circle at top,#123b3a,#020617 48%); } }
@media (max-width: 1023px) {
  .ttnfc-hero-grid, .ttnfc-two-col { grid-template-columns: 1fr; }
  .ttnfc-members-layout { grid-template-columns: 1fr; }
  .ttnfc-photo-stage { width: min(100%,530px); }
  .ttnfc-product-grid, .ttnfc-business-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ttnfc-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .ttnfc-container { width: min(calc(100% - 2rem),1200px); }
  .ttnfc-nav { min-height: 76px; }
  .ttnfc-nav-links { display: none; }
  .ttnfc-panel-nav { gap: 8px; }
  .ttnfc-panel-nav > a { display: none; }
  .ttnfc-hero-grid { gap: 35px; min-height: 0; padding-block: 60px; }
  .ttnfc-hero h1 { font-size: clamp(46px,12vw,64px); }
  .ttnfc-hero-lead { font-size: 17px; }
  .ttnfc-photo-stage { min-height: 370px; }
  .ttnfc-photo-main { inset: 30px 28px 23px 33px; border-width: 4px; border-radius: 23px; }
  .ttnfc-photo-top { width: 32%; height: 39%; border-width: 4px; }
  .ttnfc-photo-bottom { width: 35%; height: 35%; border-width: 4px; }
  .ttnfc-photo-note { right: 0; bottom: 0; font-size: 9px; }
  .ttnfc-section-heading, .ttnfc-about-card, .ttnfc-panel-heading, .ttnfc-card-heading { flex-direction: column; align-items: start; }
  .ttnfc-product-grid, .ttnfc-business-grid, .ttnfc-contact-grid, .ttnfc-form-grid { grid-template-columns: 1fr; }
  .ttnfc-blog-grid, .ttnfc-related-grid { grid-template-columns: 1fr; }
  .ttnfc-blog-hero .ttnfc-container { padding-block: 64px; }
  .ttnfc-blog-hero h1 { font-size: clamp(42px,12vw,60px); }
  .ttnfc-blog-card-copy { padding: 22px; }
  .ttnfc-breadcrumb { margin-bottom: 42px; }
  .ttnfc-article-head { padding-block: 32px 60px; }
  .ttnfc-article-layout { width: min(calc(100% - 2rem),920px); padding-block: 36px 70px; }
  .ttnfc-article-image { margin-bottom: 36px; border-radius: 18px; }
  .ttnfc-article-content { font-size: 17px; }
  .ttnfc-article-cta { align-items: stretch; flex-direction: column; padding: 26px; }
  .ttnfc-about-card { padding: 32px; }
  .ttnfc-contact { padding-block: 65px; }
  .ttnfc-login-card, .ttnfc-card { padding: 22px; }
  .ttnfc-form-intro { gap: 12px; }
  .ttnfc-step { flex-basis: 36px; height: 36px; }
  .ttnfc-save-bar { align-items: stretch; flex-direction: column; padding: 16px; }
  .ttnfc-save-bar .ttnfc-save { width: 100%; }
  .ttnfc-payment-card { padding: 22px; }
  .ttnfc-footer .ttnfc-container { align-items: start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  html:has(.ttnfc-home) { scroll-behavior: auto; }
  .ttnfc, .ttnfc * { animation-duration: .01ms !important; animation-delay: 0ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .01ms !important; }
}

/* Dynamic QR management */
.ttnfc-claim-card,.ttnfc-qr-generator,.ttnfc-qr-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:32px;align-items:center;margin-bottom:28px}
.ttnfc-claim-card{grid-template-columns:auto 1fr}.ttnfc-claim-icon,.ttnfc-qr-status-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:var(--ttnfc-accent,#ff9c68);color:#14282d;font-size:38px;font-weight:900}.ttnfc-claim-card h2,.ttnfc-qr-generator h2,.ttnfc-qr-editor h2{margin:0 0 10px}.ttnfc-claim-card p,.ttnfc-qr-generator p{max-width:720px}.ttnfc-qr-generator .ttnfc-form{display:grid;grid-template-columns:130px 1fr auto;align-items:end;gap:14px}.ttnfc-qr-generator .ttnfc-form label{margin:0}.ttnfc-qr-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:32px 0 18px}.ttnfc-qr-list-heading h2,.ttnfc-qr-list-heading p{margin:0}.ttnfc-qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ttnfc-qr-card{padding:18px;overflow:hidden}.ttnfc-qr-preview{background:#fff;border-radius:18px;padding:14px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(20,40,45,.1)}.ttnfc-qr-preview svg{display:block;width:100%;height:100%}.ttnfc-qr-card-body{padding-top:16px}.ttnfc-qr-card h3{font-size:20px;margin:12px 0 4px}.ttnfc-qr-card code{display:inline-block;font-size:12px;letter-spacing:.1em;padding:5px 8px;border-radius:8px;background:rgba(127,127,127,.11)}.ttnfc-qr-card p{font-size:14px;margin:12px 0}.ttnfc-qr-target{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}.ttnfc-qr-actions,.ttnfc-inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ttnfc-qr-actions .ttnfc-button-outline{padding:10px 12px;font-size:13px}.ttnfc-reset-qr{margin-top:12px}.ttnfc-reset-qr .ttnfc-danger-button{width:100%}.ttnfc-qr-editor{grid-template-columns:260px 1fr}.ttnfc-qr-editor-preview{text-align:center}.ttnfc-qr-editor-preview strong{display:block;margin-top:10px;letter-spacing:.12em;font-size:13px}.ttnfc-qr-form small{display:block;margin-top:6px;opacity:.68}.ttnfc-qr-status-page{min-height:100vh;display:flex;flex-direction:column;background:var(--ttnfc-bg,#f6f3ed)}.ttnfc-qr-status-card{width:min(92%,560px);margin:auto;text-align:center;padding:56px 34px}.ttnfc-qr-status-card .ttnfc-brand{justify-content:center;margin-bottom:44px}.ttnfc-qr-status-card .ttnfc-qr-status-icon{margin:0 auto 24px}.ttnfc-qr-status-card h1{font-size:clamp(34px,7vw,58px);line-height:1;margin:12px 0 18px}.ttnfc-qr-status-card p{font-size:17px;line-height:1.7}.ttnfc-qr-status-card small{display:inline-block;margin-top:14px;letter-spacing:.1em;opacity:.55}
.ttnfc-delete-qr{margin-top:12px}.ttnfc-delete-qr .ttnfc-danger-button{width:100%;background:#7d1f27;color:#fff;border-color:#7d1f27}
.ttnfc-qr-editor-controls{min-width:0}.ttnfc-qr-target-danger{margin-top:22px}.ttnfc-qr-target-danger .ttnfc-danger-button{white-space:nowrap}.ttnfc-qr-owner-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:28px;align-items:center;margin-bottom:20px}.ttnfc-qr-owner-filter h2,.ttnfc-qr-conflict-check h2{margin:0 0 8px}.ttnfc-qr-owner-filter .ttnfc-form{margin:0}.ttnfc-qr-conflict-check{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1fr);gap:22px;margin-bottom:20px;border-left:5px solid #22c55e}.ttnfc-qr-conflict-check.has-conflicts{border-left-color:#ef4444}.ttnfc-qr-conflict-list{display:grid;gap:8px}.ttnfc-qr-conflict-list>div{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:rgba(239,68,68,.08)}.ttnfc-qr-conflict-list code{font-weight:800}.ttnfc-qr-conflict-list span{font-size:12px;color:var(--tt-muted)}.ttnfc-bulk-reset-form{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:16px 20px}.ttnfc-bulk-reset-form .ttnfc-checkbox{margin:0}.ttnfc-qr-select{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 11px;border-radius:11px;background:rgba(15,118,110,.09);font-size:13px;font-weight:800}.ttnfc-qr-select input{width:18px;height:18px;accent-color:#0f766e}.ttnfc-print-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.ttnfc-print-stat{padding:20px}.ttnfc-print-stat strong{display:block;font-size:34px;line-height:1;color:var(--tt-text)}.ttnfc-print-stat span{display:block;margin-top:8px;color:var(--tt-muted);font-size:13px;font-weight:700}.ttnfc-print-card.is-approved{border-color:#86efac;box-shadow:0 0 0 2px rgba(34,197,94,.08)}.ttnfc-print-meta{display:grid;gap:7px;margin:14px 0}.ttnfc-print-meta span{font-size:13px;color:var(--tt-muted)}.ttnfc-print-check-form{margin-top:14px}.ttnfc-print-check-form button{width:100%}.ttnfc-print-help{margin-bottom:24px}.ttnfc-print-help ol{margin:12px 0 0;padding-left:20px;color:var(--tt-muted);line-height:1.7}
.ttnfc-bulk-manage-form{flex-wrap:wrap}.ttnfc-bulk-assign-user{display:grid;gap:6px;min-width:240px}.ttnfc-bulk-assign-user span{font-size:12px;font-weight:800;color:var(--tt-muted);text-transform:uppercase;letter-spacing:.08em}.ttnfc-bulk-assign-user select{min-height:44px}
@media (max-width:900px){.ttnfc-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ttnfc-qr-generator,.ttnfc-qr-editor,.ttnfc-qr-owner-filter,.ttnfc-qr-conflict-check{grid-template-columns:1fr}.ttnfc-qr-generator .ttnfc-form{grid-template-columns:1fr 1fr}.ttnfc-qr-generator .ttnfc-form button{grid-column:1/-1}.ttnfc-qr-editor-preview{max-width:280px;margin:auto}}
@media (max-width:620px){.ttnfc-claim-card{grid-template-columns:1fr}.ttnfc-claim-icon{width:60px;height:60px;border-radius:18px}.ttnfc-qr-grid,.ttnfc-print-summary{grid-template-columns:1fr}.ttnfc-qr-generator .ttnfc-form{grid-template-columns:1fr}.ttnfc-qr-list-heading{align-items:flex-start;flex-direction:column}.ttnfc-download-qr-zip{width:100%}.ttnfc-bulk-reset-form{align-items:stretch;flex-direction:column}.ttnfc-bulk-reset-form .ttnfc-danger-button{width:100%}.ttnfc-qr-card{padding:14px}.ttnfc-qr-actions>*{flex:1;text-align:center}.ttnfc-qr-status-card{padding:42px 20px}}
/* Customer dashboard and QR discovery */
.ttnfc-customer-overview{margin:24px 0 34px}.ttnfc-overview-heading,.ttnfc-overview-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.ttnfc-overview-heading h2,.ttnfc-overview-heading p,.ttnfc-overview-chart-heading h3,.ttnfc-overview-chart-heading p{margin:0}.ttnfc-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ttnfc-overview-stat{padding:20px;display:flex;flex-direction:column;gap:6px}.ttnfc-overview-stat span,.ttnfc-overview-stat small{opacity:.68}.ttnfc-overview-stat strong{font-size:34px;line-height:1}.ttnfc-overview-stat.is-positive strong{color:#14805e}.ttnfc-overview-stat.needs-attention strong{color:#c56835}.ttnfc-overview-chart-card{margin-top:14px;padding:22px}.ttnfc-top-qr{text-align:right;font-size:13px}.ttnfc-top-qr span{display:block;opacity:.65}.ttnfc-overview-chart{height:150px;display:grid;grid-template-columns:repeat(30,minmax(3px,1fr));align-items:end;gap:4px;padding-top:12px;border-bottom:1px solid rgba(127,127,127,.25)}.ttnfc-chart-bar{height:100%;display:flex;align-items:flex-end}.ttnfc-chart-bar i{display:block;width:100%;height:var(--ttnfc-bar-height);min-height:3px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,var(--ttnfc-accent,#ff9c68),#e66f42)}.ttnfc-chart-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;opacity:.6}.ttnfc-overview-empty{text-align:center;padding:34px 16px;background:rgba(127,127,127,.06);border-radius:16px}.ttnfc-overview-empty p{margin:6px 0 0;opacity:.7}.ttnfc-qr-filter-card{margin:28px 0 12px;padding:18px}.ttnfc-qr-filter-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.ttnfc-qr-filter-form label{display:grid;gap:7px;font-weight:700;font-size:13px}.ttnfc-qr-filter-form input,.ttnfc-qr-filter-form select{min-width:0}.ttnfc-qr-filter-actions{display:flex;gap:8px}.ttnfc-qr-group-title{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 2px 0;border-bottom:1px solid rgba(127,127,127,.22)}.ttnfc-qr-group-title span{font-size:21px;font-weight:850}.ttnfc-qr-group-title small{opacity:.6}
@media (max-width:900px){.ttnfc-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ttnfc-qr-filter-form{grid-template-columns:1fr 1fr}.ttnfc-qr-filter-actions{align-self:end}}
@media (max-width:620px){.ttnfc-overview-heading,.ttnfc-overview-chart-heading{align-items:flex-start;flex-direction:column}.ttnfc-overview-heading .ttnfc-button-outline{width:100%;text-align:center}.ttnfc-overview-stats{grid-template-columns:1fr 1fr;gap:10px}.ttnfc-overview-stat{padding:16px}.ttnfc-overview-stat strong{font-size:28px}.ttnfc-top-qr{text-align:left}.ttnfc-overview-chart{gap:2px;height:120px}.ttnfc-qr-filter-form{grid-template-columns:1fr}.ttnfc-qr-filter-actions>*{flex:1;text-align:center}.ttnfc-qr-group-title{align-items:flex-start;flex-direction:column;gap:2px}.ttnfc-qr-filter-card{padding:14px}}
/* Customer QR camera scanner */
body.ttnfc-scanner-open{overflow:hidden}.ttnfc-qr-scanner{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}.ttnfc-qr-scanner[hidden]{display:none}.ttnfc-scanner-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,12,15,.78);backdrop-filter:blur(7px);cursor:pointer}.ttnfc-scanner-dialog{position:relative;width:min(100%,620px);max-height:calc(100dvh - 40px);overflow:auto;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.38)}.ttnfc-scanner-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ttnfc-scanner-heading h2,.ttnfc-scanner-heading p{margin:0}.ttnfc-scanner-close{border:0;background:rgba(127,127,127,.12);color:inherit;width:42px;height:42px;border-radius:50%;font-size:29px;line-height:1;cursor:pointer}.ttnfc-scanner-viewport{position:relative;overflow:hidden;aspect-ratio:4/3;margin-top:18px;border-radius:20px;background:#061012}.ttnfc-scanner-video{display:block;width:100%;height:100%;object-fit:cover}.ttnfc-scanner-frame{position:absolute;inset:50% auto auto 50%;width:min(62%,280px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:24px;box-shadow:0 0 0 999px rgba(0,0,0,.26)}.ttnfc-scanner-frame:before,.ttnfc-scanner-frame:after{content:'';position:absolute;left:10%;right:10%;height:2px;background:var(--ttnfc-accent,#ff9c68);box-shadow:0 0 12px var(--ttnfc-accent,#ff9c68)}.ttnfc-scanner-frame:before{top:12%}.ttnfc-scanner-frame:after{bottom:12%}.ttnfc-scanner-status{min-height:24px;margin:14px 0;color:inherit}.ttnfc-scanner-status[data-state=error]{color:#c95643}.ttnfc-scanner-status[data-state=success]{color:#14805e;font-weight:800}.ttnfc-scanner-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.ttnfc-qr-image-label{cursor:pointer}
@media (max-width:620px){.ttnfc-qr-scanner{padding:0;align-items:end}.ttnfc-scanner-dialog{width:100%;max-height:94dvh;border-radius:24px 24px 0 0;padding:18px}.ttnfc-scanner-actions>*{flex:1;text-align:center}.ttnfc-open-qr-scanner{width:100%}}
/* Refined QR management header and filters */
.ttnfc-qr-hero-panel{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;overflow:hidden;margin-bottom:22px;border:1px solid color-mix(in srgb,var(--tt-border) 65%,#f39b65 35%);border-radius:28px;background:linear-gradient(125deg,color-mix(in srgb,var(--tt-surface) 94%,#f39b65 6%),var(--tt-surface));padding:34px 36px;box-shadow:0 20px 55px rgba(10,22,30,.08)}.ttnfc-qr-hero-copy{position:relative;z-index:2;max-width:720px}.ttnfc-qr-hero-panel .ttnfc-kicker{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ttnfc-qr-hero-panel .ttnfc-kicker span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(243,155,101,.16);font-size:15px}.ttnfc-qr-hero-panel h1{font-size:clamp(38px,5vw,58px);line-height:1.02}.ttnfc-qr-hero-panel h1+p{max-width:670px;margin:15px 0 0;color:var(--tt-muted);font-size:17px;line-height:1.65}.ttnfc-qr-hero-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:22px}.ttnfc-qr-hero-metrics>span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--tt-border);border-radius:999px;background:color-mix(in srgb,var(--tt-surface) 82%,transparent);padding:7px 11px;color:var(--tt-muted);font-size:12px}.ttnfc-qr-hero-metrics strong{color:var(--tt-text);font-size:14px}.ttnfc-qr-hero-metrics i{width:7px;height:7px;border-radius:50%;background:#22c55e}.ttnfc-qr-hero-metrics .needs-attention i{background:#f59e0b}.ttnfc-qr-hero-actions{position:relative;z-index:2;display:grid;gap:10px;flex:0 0 auto}.ttnfc-qr-hero-actions .ttnfc-button{min-width:190px;gap:11px;padding:12px 18px;box-shadow:0 12px 28px rgba(243,155,101,.23)}.ttnfc-qr-hero-actions .ttnfc-button-icon{font-size:25px;line-height:1}.ttnfc-qr-hero-actions .ttnfc-button>span:last-child{display:grid;text-align:left;line-height:1.15}.ttnfc-qr-hero-actions .ttnfc-button small{margin-top:3px;font-size:10px;font-weight:700;opacity:.68}.ttnfc-qr-hero-decoration{position:absolute;right:135px;top:-70px;width:250px;height:250px;opacity:.18;transform:rotate(12deg);pointer-events:none}.ttnfc-qr-hero-decoration span{position:absolute;border:16px solid #f39b65;border-radius:24px}.ttnfc-qr-hero-decoration span:nth-child(1){inset:0 145px 145px 0}.ttnfc-qr-hero-decoration span:nth-child(2){inset:0 0 145px 145px}.ttnfc-qr-hero-decoration span:nth-child(3){inset:145px 145px 0 0}
.ttnfc-qr-filter-card{margin:0 0 26px;padding:22px 24px;border-radius:22px;box-shadow:0 14px 38px rgba(10,22,30,.055)}.ttnfc-qr-filter-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.ttnfc-filter-heading-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:rgba(243,155,101,.14);color:#d87947;font-size:24px}.ttnfc-qr-filter-heading h2{margin:0;font-size:17px}.ttnfc-qr-filter-heading p{margin:2px 0 0;font-size:12px}.ttnfc-filter-result-count{margin-left:auto;border-radius:999px;background:var(--tt-bg);padding:6px 10px;color:var(--tt-muted);font-size:11px;font-weight:800}.ttnfc-qr-filter-form{grid-template-columns:minmax(260px,2fr) minmax(170px,1fr) minmax(190px,1fr) auto;gap:12px}.ttnfc-qr-filter-form label{gap:6px;color:var(--tt-muted);font-size:11px;letter-spacing:.03em;text-transform:uppercase}.ttnfc-filter-control{position:relative;display:block}.ttnfc-filter-control>i{position:absolute;z-index:1;left:14px;top:50%;transform:translateY(-50%);color:var(--tt-muted);font-size:18px;font-style:normal;pointer-events:none}.ttnfc-filter-control>.ttnfc-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.ttnfc-qr-filter-form .ttnfc-filter-control input,.ttnfc-qr-filter-form .ttnfc-filter-control select{width:100%;height:52px;min-height:52px;border:1px solid var(--tt-border);border-radius:13px;outline:0;background:var(--tt-bg);color:var(--tt-text);padding:0 42px;font-size:14px;font-weight:650;text-transform:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.ttnfc-qr-filter-form .ttnfc-filter-control select{cursor:pointer;padding-right:34px}.ttnfc-qr-filter-form .ttnfc-filter-control input::placeholder{color:var(--tt-muted);opacity:.72}.ttnfc-qr-filter-form .ttnfc-filter-control input:focus,.ttnfc-qr-filter-form .ttnfc-filter-control select:focus{border-color:#f39b65;background:var(--tt-surface);box-shadow:0 0 0 4px rgba(243,155,101,.12)}.ttnfc-qr-filter-actions{align-items:end}.ttnfc-qr-filter-actions .ttnfc-button,.ttnfc-qr-filter-actions .ttnfc-button-outline{height:52px;min-height:52px;gap:8px;border-radius:13px}.ttnfc-qr-list-heading{margin:34px 0 18px}.ttnfc-qr-list-heading .ttnfc-kicker{margin-bottom:7px}.ttnfc-qr-list-title-row{display:flex;align-items:center;gap:10px}.ttnfc-qr-list-title-row h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.035em}.ttnfc-qr-list-title-row>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:rgba(243,155,101,.15);color:#d06e3c;font-size:13px;font-weight:900}.ttnfc-qr-list-heading>div>p:last-child{margin-top:5px;color:var(--tt-muted);font-size:13px}
@media (max-width:900px){.ttnfc-qr-hero-panel{align-items:flex-start;flex-direction:column}.ttnfc-qr-hero-actions{display:flex;width:100%}.ttnfc-qr-hero-actions>*{flex:1}.ttnfc-qr-hero-decoration{right:-50px}.ttnfc-qr-filter-form{grid-template-columns:1fr 1fr}.ttnfc-filter-search{grid-column:1/-1}.ttnfc-qr-filter-actions{align-self:end}}
@media (max-width:620px){.ttnfc-qr-hero-panel{gap:24px;padding:25px 20px;border-radius:22px}.ttnfc-qr-hero-panel h1{font-size:38px}.ttnfc-qr-hero-panel h1+p{font-size:15px}.ttnfc-qr-hero-actions{display:grid}.ttnfc-qr-hero-actions .ttnfc-button{width:100%}.ttnfc-qr-hero-decoration{display:none}.ttnfc-qr-filter-card{padding:18px 16px}.ttnfc-qr-filter-heading{align-items:flex-start}.ttnfc-filter-result-count{display:none}.ttnfc-qr-filter-form{grid-template-columns:1fr}.ttnfc-filter-search{grid-column:auto}.ttnfc-qr-filter-actions>*{flex:1}.ttnfc-qr-list-title-row{align-items:flex-start}.ttnfc-qr-list-title-row h2{font-size:27px}}
/* Admin overview and stock management */
.ttnfc-admin-tabs a{display:inline-flex;align-items:center;gap:7px}.ttnfc-admin-tabs a>span{font-size:15px;opacity:.72}.ttnfc-admin-tabs a[aria-current=page]>span{opacity:1}.ttnfc-admin-overview{margin:24px 0 30px}.ttnfc-admin-overview-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.ttnfc-admin-overview-heading h2,.ttnfc-admin-overview-heading p{margin:0}.ttnfc-admin-overview-heading>span{color:var(--tt-muted);font-size:12px}.ttnfc-admin-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ttnfc-admin-overview-grid>a{position:relative;display:grid;gap:3px;overflow:hidden;padding:19px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ttnfc-admin-overview-grid>a:hover{transform:translateY(-3px);border-color:rgba(243,155,101,.55);box-shadow:0 16px 34px rgba(10,22,30,.1)}.ttnfc-admin-overview-grid>a.has-alert{border-color:rgba(245,158,11,.55)}.ttnfc-admin-overview-grid strong{font-size:32px;line-height:1}.ttnfc-admin-overview-grid>a>span:not(.ttnfc-admin-stat-icon){font-weight:800}.ttnfc-admin-overview-grid small{margin-top:8px;color:var(--tt-muted);font-size:11px}.ttnfc-admin-stat-icon{position:absolute;right:15px;top:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(243,155,101,.13);color:#d67645;font-size:18px}.ttnfc-admin-quick-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;border:1px solid var(--tt-border);border-radius:15px;background:var(--tt-surface);padding:10px 12px}.ttnfc-admin-quick-actions>span{margin-right:5px;color:var(--tt-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ttnfc-admin-quick-actions a{border-radius:10px;background:var(--tt-bg);padding:8px 11px;font-size:12px;font-weight:800}.ttnfc-admin-quick-actions a:hover{background:rgba(243,155,101,.14);color:#c96838}
.ttnfc-stock-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;overflow:hidden;margin-bottom:20px;border:1px solid var(--tt-border);border-radius:26px;background:var(--tt-surface);padding:31px 34px;box-shadow:0 18px 48px rgba(10,22,30,.07)}.ttnfc-stock-hero:after{content:'▦';position:absolute;right:190px;top:-38px;color:#f39b65;font-size:160px;line-height:1;opacity:.08;transform:rotate(-8deg)}.ttnfc-stock-hero>div,.ttnfc-stock-hero>.ttnfc-button{position:relative;z-index:1}.ttnfc-stock-hero h1{font-size:clamp(38px,5vw,56px)}.ttnfc-stock-hero p:not(.ttnfc-kicker){max-width:680px;margin:13px 0 0;color:var(--tt-muted);font-size:16px}.ttnfc-stock-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.ttnfc-stock-summary article{display:grid;gap:4px;padding:19px;border-top:4px solid #22c55e}.ttnfc-stock-summary article:first-child,.ttnfc-stock-summary article:nth-child(2){border-top-color:#f39b65}.ttnfc-stock-summary article.is-warning{border-top-color:#f59e0b}.ttnfc-stock-summary article.is-danger{border-top-color:#ef4444}.ttnfc-stock-summary span,.ttnfc-stock-summary small{color:var(--tt-muted);font-size:12px}.ttnfc-stock-summary strong{font-size:34px;line-height:1.1}.ttnfc-stock-create-card{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);align-items:center;gap:30px;margin-bottom:32px}.ttnfc-stock-create-card h2{margin-bottom:6px}.ttnfc-stock-create-card p:not(.ttnfc-kicker){margin:0}.ttnfc-stock-create-form{grid-template-columns:minmax(220px,1fr) 150px auto;align-items:end;gap:12px;margin:0}.ttnfc-stock-create-form label{margin:0}.ttnfc-stock-list-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.ttnfc-stock-list-heading h2,.ttnfc-stock-list-heading p{margin:0}.ttnfc-stock-list-heading h2 span{display:inline-grid;place-items:center;min-width:29px;height:29px;border-radius:10px;background:rgba(243,155,101,.14);color:#cd6d3e;font-size:13px;vertical-align:middle}.ttnfc-stock-list-heading>p{color:var(--tt-muted);font-size:12px}.ttnfc-stock-list{display:grid;gap:12px}.ttnfc-stock-row{display:grid;grid-template-columns:minmax(230px,1fr) 105px minmax(330px,1.35fr) auto;align-items:center;gap:20px;padding:20px 22px;border-left:5px solid #22c55e}.ttnfc-stock-row.is-low{border-left-color:#f59e0b}.ttnfc-stock-row.is-out{border-left-color:#ef4444}.ttnfc-stock-info{min-width:0}.ttnfc-stock-state{display:inline-flex;border-radius:999px;background:#dcfce7;color:#166534;padding:5px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.ttnfc-stock-row.is-low .ttnfc-stock-state{background:#fef3c7;color:#92400e}.ttnfc-stock-row.is-out .ttnfc-stock-state{background:#fee2e2;color:#991b1b}.ttnfc-stock-info small{display:block;margin-top:6px;color:var(--tt-muted);font-size:11px}.ttnfc-stock-rename-form{display:flex;align-items:center;gap:7px;margin-top:8px}.ttnfc-stock-rename-form input{min-width:0;width:100%;border:0;border-bottom:1px dashed transparent;background:transparent;color:var(--tt-text);padding:4px 0;font-size:17px;font-weight:850}.ttnfc-stock-rename-form input:hover,.ttnfc-stock-rename-form input:focus{border-bottom-color:var(--tt-border)}.ttnfc-stock-rename-button{flex:0 0 auto;border:0;border-radius:8px;background:var(--tt-bg);color:var(--tt-muted);padding:6px 8px;font-size:10px;font-weight:800}.ttnfc-stock-quantity{text-align:center}.ttnfc-stock-quantity strong{display:block;font-size:40px;line-height:1}.ttnfc-stock-quantity span{color:var(--tt-muted);font-size:11px;font-weight:800;text-transform:uppercase}.ttnfc-stock-adjust-form{display:grid;gap:9px}.ttnfc-stock-quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.ttnfc-stock-quick-actions button{min-height:36px;border:1px solid var(--tt-border);border-radius:9px;background:var(--tt-bg);color:var(--tt-text);font-size:12px;font-weight:900}.ttnfc-stock-quick-actions button:hover:not(:disabled){border-color:#f39b65;background:rgba(243,155,101,.13)}.ttnfc-stock-quick-actions button:disabled{opacity:.35;cursor:not-allowed}.ttnfc-stock-custom-action{display:grid;grid-template-columns:1fr 80px auto;gap:6px}.ttnfc-stock-custom-action select,.ttnfc-stock-custom-action input{min-width:0;height:39px;border:1px solid var(--tt-border);border-radius:9px;background:var(--tt-bg);color:var(--tt-text);padding:6px 9px;font-size:12px}.ttnfc-stock-custom-action .ttnfc-button-outline{min-height:39px;height:39px;border-radius:9px;padding:6px 11px;font-size:11px}.ttnfc-delete-stock{justify-self:end}.ttnfc-delete-stock .ttnfc-danger-button{font-size:11px;white-space:nowrap}.ttnfc-stock-empty{text-align:center;padding:50px 24px}.ttnfc-stock-empty>div{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:rgba(243,155,101,.14);color:#d67645;font-size:31px}.ttnfc-stock-empty h2{margin-bottom:5px}
@media (max-width:1050px){.ttnfc-stock-row{grid-template-columns:minmax(220px,1fr) 90px minmax(300px,1.2fr)}.ttnfc-delete-stock{grid-column:1/-1;justify-self:end}.ttnfc-stock-create-card{grid-template-columns:1fr}.ttnfc-stock-create-form{grid-template-columns:minmax(220px,1fr) 150px auto}}
@media (max-width:800px){.ttnfc-admin-overview-grid,.ttnfc-stock-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ttnfc-stock-row{grid-template-columns:1fr auto}.ttnfc-stock-adjust-form{grid-column:1/-1}.ttnfc-stock-quantity{padding-right:8px}.ttnfc-stock-hero{align-items:flex-start;flex-direction:column}.ttnfc-stock-hero:after{right:-20px}.ttnfc-stock-create-form{grid-template-columns:1fr 130px}.ttnfc-stock-create-form .ttnfc-button{grid-column:1/-1}}
@media (max-width:620px){.ttnfc-admin-overview-heading,.ttnfc-stock-list-heading{align-items:flex-start;flex-direction:column}.ttnfc-admin-overview-grid,.ttnfc-stock-summary{grid-template-columns:1fr 1fr}.ttnfc-admin-overview-grid>a,.ttnfc-stock-summary article{padding:15px}.ttnfc-admin-overview-grid strong,.ttnfc-stock-summary strong{font-size:27px}.ttnfc-admin-quick-actions>span{width:100%}.ttnfc-stock-hero{padding:24px 20px}.ttnfc-stock-hero>.ttnfc-button{width:100%}.ttnfc-stock-create-card{padding:20px}.ttnfc-stock-create-form{grid-template-columns:1fr}.ttnfc-stock-create-form .ttnfc-button{grid-column:auto}.ttnfc-stock-row{grid-template-columns:1fr auto;padding:17px 15px;gap:14px}.ttnfc-stock-rename-form{align-items:flex-start;flex-direction:column}.ttnfc-stock-quick-actions{grid-template-columns:repeat(5,1fr)}.ttnfc-stock-custom-action{grid-template-columns:1fr 72px}.ttnfc-stock-custom-action .ttnfc-button-outline{grid-column:1/-1}.ttnfc-delete-stock{grid-column:1/-1}.ttnfc-admin-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.ttnfc-admin-tabs a{flex:0 0 auto}}
/* Stock order creation */
.ttnfc-stock-hero-actions{position:relative;z-index:2;display:flex;align-items:center;gap:9px}.ttnfc-stock-hero-actions .ttnfc-button,.ttnfc-stock-hero-actions .ttnfc-button-outline{white-space:nowrap}.ttnfc-stock-hero-actions .ttnfc-button-outline{border-color:var(--tt-border);color:var(--tt-text)!important}body.ttnfc-order-open{overflow:hidden}.ttnfc-order-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.ttnfc-order-modal[hidden]{display:none}.ttnfc-order-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,12,15,.8);backdrop-filter:blur(8px)}.ttnfc-order-dialog{position:relative;width:min(100%,820px);max-height:calc(100dvh - 40px);overflow:auto;padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.42)}.ttnfc-order-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ttnfc-order-heading h2{margin-bottom:5px;font-size:28px}.ttnfc-order-heading p:not(.ttnfc-kicker){margin:0;max-width:620px}.ttnfc-order-close{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;background:var(--tt-bg);color:var(--tt-text);font-size:28px;line-height:1}.ttnfc-order-form{display:grid;gap:18px;margin-top:22px}.ttnfc-order-name{display:grid;gap:7px;font-size:13px;font-weight:800}.ttnfc-order-name input{height:50px;border:1px solid var(--tt-border);border-radius:12px;background:var(--tt-bg);color:var(--tt-text);padding:10px 13px}.ttnfc-order-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:390px;overflow:auto;padding:2px}.ttnfc-order-product{display:flex;align-items:center;gap:12px;border:1px solid var(--tt-border);border-radius:14px;background:var(--tt-bg);padding:12px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.ttnfc-order-product.is-selected{border-color:#f39b65;background:rgba(243,155,101,.09);box-shadow:0 0 0 3px rgba(243,155,101,.08)}.ttnfc-order-product.is-unavailable{opacity:.48}.ttnfc-order-product>span{display:grid;gap:2px;min-width:0;flex:1}.ttnfc-order-product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.ttnfc-order-product small{color:var(--tt-muted);font-size:11px}.ttnfc-order-product input{flex:0 0 72px;width:72px;height:43px;border:1px solid var(--tt-border);border-radius:10px;background:var(--tt-surface);color:var(--tt-text);padding:7px;text-align:center;font-weight:900}.ttnfc-order-footer{position:sticky;bottom:-26px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px -26px -26px;border-top:1px solid var(--tt-border);background:var(--tt-surface);padding:17px 26px}.ttnfc-order-footer p{margin:0!important;font-size:13px}.ttnfc-order-footer>div{display:flex;gap:8px}.ttnfc-order-footer .ttnfc-button,.ttnfc-order-footer .ttnfc-button-outline{min-height:44px}.ttnfc-create-order-button:disabled{opacity:.45;cursor:not-allowed}.ttnfc-order-history{margin-top:38px}.ttnfc-order-history-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.ttnfc-order-history-heading h2,.ttnfc-order-history-heading p{margin:0}.ttnfc-order-history-heading>span{border-radius:999px;background:var(--tt-surface);padding:7px 11px;color:var(--tt-muted);font-size:11px;font-weight:800}.ttnfc-order-history-list{display:grid;gap:10px}.ttnfc-order-history-row{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.6fr) 80px;align-items:center;gap:20px;padding:18px 20px}.ttnfc-order-history-row h3{margin:3px 0;font-size:16px}.ttnfc-order-history-row time{color:var(--tt-muted);font-size:11px}.ttnfc-order-number{color:#cc6b3b;font-size:10px;font-weight:900}.ttnfc-order-line-chips{display:flex;flex-wrap:wrap;gap:6px}.ttnfc-order-line-chips span{border-radius:999px;background:var(--tt-bg);padding:6px 9px;color:var(--tt-muted);font-size:11px}.ttnfc-order-history-row>strong{text-align:right;font-size:27px}.ttnfc-order-history-row>strong small{display:block;color:var(--tt-muted);font-size:9px;text-transform:uppercase}
@media (max-width:700px){.ttnfc-stock-hero-actions{display:grid;width:100%}.ttnfc-stock-hero-actions>*{width:100%}.ttnfc-order-modal{align-items:end;padding:0}.ttnfc-order-dialog{width:100%;max-height:94dvh;border-radius:24px 24px 0 0;padding:20px}.ttnfc-order-products{grid-template-columns:1fr}.ttnfc-order-footer{bottom:-20px;align-items:stretch;flex-direction:column;margin:0 -20px -20px;padding:14px 20px}.ttnfc-order-footer>div{display:grid;grid-template-columns:1fr 1fr}.ttnfc-order-history-row{grid-template-columns:1fr auto}.ttnfc-order-line-chips{grid-column:1/-1;grid-row:2}.ttnfc-order-history-row>strong{grid-column:2;grid-row:1}.ttnfc-order-history-heading{align-items:flex-start;flex-direction:column}}

/* Stock images and negative inventory */
.ttnfc-stock-create-form{grid-template-columns:minmax(210px,1fr) 140px minmax(210px,.8fr) auto}
.ttnfc-stock-create-form label small{display:block;margin:2px 0 5px;color:var(--tt-muted);font-size:10px;font-weight:500}
.ttnfc-stock-create-form input[type=file]{height:auto;min-height:43px;padding:8px;font-size:11px}
.ttnfc-stock-row{grid-template-columns:78px minmax(210px,1fr) 95px minmax(310px,1.25fr) auto}
.ttnfc-stock-image{display:grid;place-items:center;width:78px;height:78px;overflow:hidden;border:1px solid var(--tt-border);border-radius:17px;background:var(--tt-bg)}
.ttnfc-stock-image img{width:100%;height:100%;object-fit:cover}
.ttnfc-stock-image span{color:#d67645;font-size:29px;opacity:.65}
.ttnfc-stock-row.is-negative{border-left-color:#a855f7}
.ttnfc-stock-row.is-negative .ttnfc-stock-state{background:#f3e8ff;color:#7e22ce}
.ttnfc-stock-row.is-negative .ttnfc-stock-quantity strong{color:#9333ea}
.ttnfc-stock-rename-form{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.ttnfc-stock-image-edit{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.ttnfc-stock-image-edit>label:first-child{position:relative;display:inline-flex;overflow:hidden;border:1px solid var(--tt-border);border-radius:8px;background:var(--tt-bg);padding:6px 8px;color:var(--tt-muted);font-size:10px;font-weight:800;cursor:pointer}
.ttnfc-stock-image-edit input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.ttnfc-stock-remove-image{display:inline-flex;align-items:center;gap:4px;color:var(--tt-muted);font-size:10px;font-weight:700}
.ttnfc-stock-remove-image input{width:auto!important;margin:0}
.ttnfc-order-product-image{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px;height:44px!important;overflow:hidden;border-radius:10px;background:var(--tt-surface)}
.ttnfc-order-product-image img{width:100%;height:100%;object-fit:cover}
.ttnfc-order-product-image i{color:#d67645;font-size:20px;font-style:normal;opacity:.65}
.ttnfc-order-product.is-negative{border-color:rgba(168,85,247,.38)}
.ttnfc-order-product.is-negative small{color:#9333ea}
@media (max-width:1150px){.ttnfc-stock-row{grid-template-columns:70px minmax(200px,1fr) 80px minmax(280px,1.2fr)}.ttnfc-delete-stock{grid-column:1/-1}.ttnfc-stock-create-form{grid-template-columns:1fr 130px 1fr}.ttnfc-stock-create-form .ttnfc-button{grid-column:1/-1}}
@media (max-width:800px){.ttnfc-stock-row{grid-template-columns:70px 1fr auto}.ttnfc-stock-adjust-form{grid-column:1/-1}.ttnfc-stock-image{width:70px;height:70px}.ttnfc-stock-info{grid-column:2}.ttnfc-stock-quantity{grid-column:3}}
@media (max-width:620px){.ttnfc-stock-create-form{grid-template-columns:1fr}.ttnfc-stock-create-form .ttnfc-button{grid-column:auto}.ttnfc-stock-row{grid-template-columns:62px 1fr auto}.ttnfc-stock-image{width:62px;height:62px}.ttnfc-stock-image-edit{align-items:flex-start;flex-direction:column}}