/* Tnify identity over the existing functional customer/admin UI. */
:root{--yellow:#e2231a;--blue:#b61b14;--violet:#b61b14;--ink:#171719;--muted:#72727a;--line:#e9e9ed;--pale:#fff4f2;--canvas:#fff;--panel:#fff;--cta:linear-gradient(110deg,#ed3327,#cd1c13);--soft-shadow:0 4px 18px #17171906}
html:has(.customer-page),body.customer-page,body.admin-page{background:#fff;color:var(--ink)}body:before,body:after{display:none}
.customer-page{font-family:Arial,Helvetica,sans-serif}.customer-page .app-header{display:flex;align-items:center;gap:10px;width:100%;height:auto;min-height:70px;padding:14px 16px;background:#fff;border:0;max-width:1000px;margin:auto}.customer-page .store-head{flex:none}.customer-page .brand{display:block}.customer-page .brand .reference-header-logo{display:block;width:112px;max-width:none;height:auto;border-radius:0}.customer-page .head-actions{display:flex;gap:0;flex:none;align-items:center}.customer-page .head-actions>.has-badge,.customer-page .profile-link{display:none}.customer-page .head-btn,.customer-page .notification-trigger{width:32px;height:38px;min-width:32px;min-height:38px;background:none;color:#24242a;padding:4px;box-shadow:none;border:0}.head-btn .icon{width:22px;height:22px}.header-search-form{flex:1;min-width:0;margin:0}.header-search-field{display:flex;align-items:center;gap:6px;margin:0;padding:0 9px;height:36px;border-radius:22px;border:1px solid #ededf0;background:#f7f7f8}.header-search-field>.icon{width:14px;height:14px;color:#8d8d94;flex:none}.customer-page .header-search-field input[type=search]{display:block;min-width:0;width:100%;max-width:100%;height:32px;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0;font:16px/1.2 Arial,sans-serif;outline:0}.header-search-field input::placeholder{font-size:10px;color:#9a9aa1}.header-search-field:focus-within{border-color:#e2231a;box-shadow:0 0 0 2px #e2231a18}.notification-panel{color:#171719}.notification-bell .notification-count,.nav-badge{background:#e2231a;color:#fff}
button,.button,.cart-btn,.auth-submit{background:var(--cta);color:#fff;box-shadow:0 4px 12px #e2231a15}.ghost,.tabs button,.quick>a{background:#f6f6f8;color:#484850}.text-button,.icon-button{background:none;color:#ad2119;box-shadow:none}.danger{background:#fff0ed;color:#a72f26}.cart-btn{color:white}.customer-page input[type=checkbox],.customer-page input[type=radio],input[type=checkbox],input[type=radio],progress{accent-color:#d92319}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #d92319;outline-offset:3px}
.customer-page .customer-bottom-nav{position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:0;width:100%;max-width:1000px;height:calc(65px + env(safe-area-inset-bottom));min-height:65px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));direction:ltr;gap:0;background:#fff;border:0;border-top:1px solid #ededf0;border-radius:0;box-shadow:0 -3px 12px #00000005;backdrop-filter:none;z-index:60}.customer-page .customer-bottom-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:4px;font:500 8px/1.2 Arial,sans-serif;color:#85858d;white-space:nowrap;position:relative}.customer-page .customer-bottom-nav>a>.icon{box-sizing:border-box;width:23px;height:23px;padding:0;background:none;box-shadow:none;border-radius:0;color:inherit}.customer-page .customer-bottom-nav>a.selected{color:#dd241a;font-weight:700}.customer-bottom-nav .nav-badge{position:absolute;top:0;right:calc(50% - 20px);border-radius:20px;padding:2px 5px}.customer-page footer{color:#85858d}.customer-page:has(.home) footer{display:none}
.reference-auth{background:linear-gradient(135deg,#fff6f4,#fff 40%);border-color:#efedee;box-shadow:0 4px 20px #27131306}.customer-page:has(.reference-auth) .app-header{height:auto;min-height:80px;padding:16px}.auth-intro .dimensional-art{max-width:125px;margin:0 8px;transform:rotate(-9deg);filter:drop-shadow(0 12px 15px #d22a1920)}.auth-benefits>div>span{background:#fff1ee}.auth-benefits .icon,.auth-links .icon{color:#d8271d;stroke:#c5241a}.auth-benefits b{font-size:13px}.auth-benefits small{font-size:11px}.customer-page .auth-form>button{box-shadow:0 6px 18px #e2231a20}.cat,.cat-grid.wide .cat{background:#fafafa}.cat-ic{border-radius:50%}.prod,.offer-detail{border-color:#e9e9ed}.details-btn{border-color:#ddd;background:white;color:#515159}.customer-page .active-summary{background:linear-gradient(120deg,#ed3327,#c51a13);color:white}.active-summary .pill-link{background:#ffffff26;color:#fff}.customer-page .quick-actions a>span{background:#fff0ed;color:#c51c12}.customer-page .subscription-meta,.delivery-item,.credential-field,.info-box,.notice{background:#fafafa;border-color:#e9e9ed;color:#62626b}.info-box h3,.support-event b,.delivery-item strong,.subscription-meta strong,.complete strong,.delivery-item:nth-child(2) strong{color:#34343b}.customer-page .payment-choice:has(input:checked){background:#fff4f2;border-color:#df2b21}.customer-page .payment-choice .icon{color:#c3251b}.upload-zone{background:#fff7f5;border-color:#dc8c84;color:#ab271e}.otp span{background:#fff;color:#28282e;border-color:#e8e8ed}.timer-ring{border-color:#ffe6e1;border-top-color:#e2231a;border-right-color:#e2231a}.order-timeline .current>span,.order-timeline .current h3{color:#b32319;border-color:#d52a20}.tabs .selected,.table-tabs .selected{background:#fff0ed;border-color:#e8897f;color:#ac2017}
.admin-page .admin-sidebar,.admin-page .app-header{background:#fff}.admin-sidebar .brand-word{font-family:Arial,sans-serif;font-size:25px;letter-spacing:-1px}.admin-sidebar .brand img{border-radius:0}.admin-sidebar .brand .tnify-admin-logo{width:168px;height:auto;max-width:100%}.admin-sidebar .selected{background:#fff0ed!important;color:#b62117!important;border-color:#e2231a!important}.profile>.icon{background:#fff0ed;color:#bb241a}.stats .card:after,.stats .card:nth-child(4):after{background:#fff0ed;color:#b6241a}.stats strong{color:#171719}th{background:#f7f7f9;color:#595963}td{color:#45454f;border-color:#eeeef1}.table-actions summary{background:#f8f8fa;border-color:#e9e9ed}.product-types label:has(input:checked){background:#fff2ef;border-color:#de655b}.product-types label>.icon{background:#fff0ed;color:#c72419}.wizard-stepper .current{color:#bb2217}.wizard-stepper .current b{background:#e2231a;color:#fff}.wizard-stepper:before{background:#ececee}.progress progress{accent-color:#e2231a}.recipes summary,.quick a{background:#f7f7f9;color:#484850}.trend-chart polyline{stroke:#e2231a}.trend-chart polygon{fill:#ffe7e2}.donut-chart circle:nth-child(1){stroke:#e2231a}.donut-chart circle:nth-child(2){stroke:#943f53}.donut-chart circle:nth-child(3){stroke:#f39c90}.status-pending,.status-waiting{background:#fff2d3;color:#765907}
@media(min-width:700px){.customer-page .app-header{padding:20px 28px;gap:24px}.customer-page .brand .reference-header-logo{width:160px}.header-search-field{height:42px}.header-search-field input::placeholder{font-size:13px}.customer-page .customer-bottom-nav>a{font-size:11px}.auth-benefits b{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}