/* Shared interaction and responsive styles. */
button,a,input,select,textarea{touch-action:manipulation}button{font-weight:600}button:disabled{cursor:not-allowed}.secondary{background:#edf3f5!important;color:#183a4c!important;border:1px solid #cedde3!important}.danger{background:#fff0f1!important;color:#9b3141!important}.actions,.dialog-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.app-dialog{border:1px solid #d3e2e6;border-radius:16px;padding:28px;width:min(92vw,680px);max-height:88vh;overflow:auto;color:#173047;background:white;box-shadow:0 30px 100px #00182755}.app-dialog::backdrop{background:#031a2bc9}.app-dialog h2{margin-top:0}.app-dialog input,.app-dialog textarea{width:100%;font:inherit;padding:12px;border:1px solid #cbd9df;border-radius:8px;margin:10px 0}.app-dialog button{padding:11px 17px;border-radius:8px;border:0;color:white;background:#007d75}.app-dialog label{display:block;margin-top:14px;font-weight:600}.app-dialog p{line-height:1.65}.dialog-actions{justify-content:flex-end}.order-dialog{width:min(1100px,95vw)}.order-dialog .workspace{background:transparent;border:0;padding:0;margin:0}.app-toast{position:fixed;z-index:100;bottom:18px;right:18px;max-width:min(480px,calc(100vw - 36px));padding:16px 20px;border-radius:11px;background:#113d3a;color:white;box-shadow:0 8px 30px #0002;border:1px solid #2b7b6c}.app-toast.error{background:#802c3e;color:white;border-color:#a8435b}.quote-breakdown{display:grid;grid-template-columns:minmax(110px,1fr) minmax(120px,1fr);gap:8px 16px;font-size:12px;margin:16px 0}.quote-breakdown dt{color:#586f7c}.quote-breakdown dd{margin:0;overflow-wrap:anywhere;text-align:right}.status-badge{display:inline-block;font-size:11px;line-height:1.4;border-radius:20px;padding:6px 10px;background:#eaf0f6;color:#294e65;white-space:normal}.status-badge.review,.status-badge.under_review,.status-badge.in_progress{background:#e4f2f8;color:#23617e}.status-badge.cancelled,.status-badge.rejected{background:#fcecf0;color:#96384b}.status-badge.settled_simulated,.status-badge.resolved{background:#e5f4ed;color:#1a6a4e}.status-badge.on_hold{background:#fff4d9;color:#866019}.pager{display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:18px 0;font-size:12px}.pager button{font-size:12px;padding:8px 12px}.activity-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:15px;margin:10px 0;padding:16px;border-radius:10px}.event-timeline{padding:0;list-style:none}.event-timeline li{padding:14px 18px;border-left:2px solid #acd4cb;margin:0 0 4px;background:#f5f9f8}.event-timeline small,.item small{display:block;color:#647e89;margin:6px 0}.event-timeline p{font-size:13px;margin-bottom:0}.wallet-card{position:relative}.wallet-card .chip{margin-left:10px}.wallet-card details{margin:14px 0}.wallet-card code{display:block;overflow-wrap:anywhere;font-size:12px;padding:14px;background:#f3f7f9}.thread-message{padding:15px;border-left:2px solid #adcfc8;background:#f4f8f7;margin:9px 0}.thread-message p{white-space:pre-wrap}.thread-message small{display:block;color:#607985;font-size:11px;margin:5px 0}.ticket-thread textarea{margin-top:15px}.unread{border-left:4px solid #078478}.tools label{font-size:11px;margin:0}.tools input[type=date]{padding:9px;min-width:145px}.admin-page #orders>.item{display:block}.admin-page table{width:100%;min-width:850px;border-collapse:collapse}.admin-page th,.admin-page td{padding:13px 10px;text-align:left;border-bottom:1px solid #dfe9ed;font-size:12px}.admin-page th{background:#f2f6f8;color:#5d7483}.admin-page table button{padding:8px 12px}.admin-page #audit pre{white-space:pre-wrap;font-size:11px}.ops-nav{max-height:calc(100vh - 240px);overflow:auto}.admin-market h2{margin-bottom:10px}.security-settings{margin-top:25px;padding-top:20px;border-top:1px solid #dbe6ea}.security-settings code{display:block;overflow-wrap:anywhere;padding:12px;background:#f0f4f7}.security-settings img{max-width:100%;display:block;margin:12px auto}.footer-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:24px 0;font-size:12px}.footer-links a{color:#4c7482}.home-page .footer-links a{color:#b9d8dc}.menu-toggle{display:none}.password-toggle{width:auto!important;padding:6px 0!important;margin:6px 0!important;background:transparent!important;color:#007d75!important;font-size:12px!important}.auth-page #resend{background:#eaf4f2;color:#126e62;font-size:13px}.auth-page #recovery-state{font-size:13px}.test-mode{background:#fff4dc;color:#76551c;padding:8px 12px;border-radius:8px;font-size:11px}.help-page main{max-width:980px;margin:40px auto;padding:0 24px}.help-page .card{margin-bottom:20px}.help-page header{padding:20px 5%;display:flex;justify-content:space-between;color:white}.help-page header a{color:white;text-decoration:none}.help-page details{padding:16px 0;border-bottom:1px solid #dde7eb}.help-page summary{font-weight:600;cursor:pointer}.help-page p{line-height:1.8}.help-page .support-link{display:inline-block;color:white;background:#007d75;padding:12px 17px;border-radius:9px;text-decoration:none}.empty{padding:20px;color:#617b87} .notification-info{font-size:12px;color:#627887}.session-warning{padding:14px;background:#fff6e4;color:#815f1a}.formgrid input{min-width:0}.admin-page header select{width:100%;background:#18364b;color:white;padding:9px;border:1px solid #385363;border-radius:7px}.admin-page header a{font-size:12px}.ops-actions textarea{width:100%}.page-error{padding:80px 24px;text-align:center}.page-error h1{font-size:60px}.page-error a{display:inline-block;padding:12px 18px;background:#007d75;color:white;border-radius:8px;text-decoration:none}
@media(max-width:1150px){.home-page header nav{display:none}.home-page .menu-toggle{display:block;background:transparent;color:white;border:1px solid #627e8b;border-radius:8px;padding:9px 13px}.home-page header nav.menu-open{display:flex;width:100%;order:5;flex-wrap:wrap;gap:15px;padding:16px 0}.home-page header{flex-wrap:wrap}.home-page header nav a:first-child{border-bottom:0;padding-bottom:0}}
@media(max-width:800px){.ops-nav{max-height:none}.admin-page .ops-nav{flex-wrap:nowrap}.admin-page .ops-nav a{padding:10px;white-space:nowrap}.app-dialog{padding:20px}.customer-page .stats{gap:10px}.customer-page .stat{padding:15px}.customer-page .nav{margin:20px 0}.quote-breakdown{font-size:11px}.home-page .hero{padding:30px 5%;display:flex;flex-direction:column}.home-page .hero h1{font-size:34px;max-width:570px;margin-bottom:12px}.home-page .hero .eyebrow{margin:0 0 12px}.home-page .hero .tagline{font-size:17px}.home-page .benefits{display:none}.home-page .trade{margin-top:5px;padding:22px}.home-page .hero-left{margin-bottom:10px}.home-page .hero{gap:18px}.home-page header .logo{font-size:21px}.home-page header .sub{font-size:11px}.head-actions{flex-wrap:wrap}.help-page main{margin-top:25px}.footer-links{gap:12px}}
@media(max-width:430px){.home-page header{gap:12px}.home-page .hero h1{font-size:31px}.home-page .trade{padding:18px}.home-page .rate{margin:10px 0}.home-page .tabs{margin-bottom:10px}.home-page .trade .field-label{margin:10px 0 7px}.app-dialog .quote-breakdown{grid-template-columns:1fr}.app-dialog .quote-breakdown dd{text-align:left}.pager{justify-content:space-between;gap:6px}.pager button{padding:8px}.admin-page main,.customer-page main{padding:22px 14px}.home-page .head-actions a{font-size:12px;padding:9px 12px}}