/* Tercumax Hesap Paneli - tüm stiller tmx- prefix ile izole edilmiştir. */
.tmx-account-header,.tmx-account-header *,.tmx-auth-modal,.tmx-auth-modal *,.tmx-dashboard-page,.tmx-dashboard-page *{box-sizing:border-box}
.tmx-account-header{font-family:"Poppins",Arial,sans-serif;position:relative;display:inline-flex;align-items:center;z-index:999}
.tmx-auth-buttons{display:flex;align-items:center;gap:14px}
.tmx-btn{height:46px;padding:0 22px;border-radius:7px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}
.tmx-btn-login{background:#fff;color:#171d37;border:1px solid #dde1e9}
.tmx-btn-login:hover{border-color:#bbb4ff;background:#fafaff}
.tmx-btn-register{border:1px solid #5145e7;background:linear-gradient(135deg,#5549e9,#4c3edc);color:#fff;box-shadow:0 8px 18px rgba(79,63,222,.16)}
.tmx-btn-register:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(79,63,222,.22)}

/* Logged-in header menu */
.tmx-user-menu-wrap{position:relative}
.tmx-user-trigger{height:50px;min-width:176px;border:1px solid #e0e3ec;border-radius:9px;background:#fff;padding:5px 11px 5px 7px;display:flex;align-items:center;gap:9px;font-family:inherit;cursor:pointer;transition:.2s}
.tmx-user-trigger:hover{border-color:#cfc9ff;box-shadow:0 8px 24px rgba(29,35,71,.06)}
.tmx-user-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5a4ff0,#766cff);color:#fff;font-weight:700;font-size:14px;box-shadow:0 5px 13px rgba(91,76,235,.17)}
.tmx-user-trigger-text{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;flex:1}
.tmx-user-trigger-text small{font-size:9px;color:#8a90a2;font-weight:500;margin-bottom:3px}
.tmx-user-trigger-text strong{font-size:12px;color:#171d37;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95px}
.tmx-user-trigger>svg{width:16px;height:16px;fill:none;stroke:#70778d;stroke-width:1.8;transition:.2s}
.tmx-user-menu-wrap.is-open .tmx-user-trigger>svg{transform:rotate(180deg)}
.tmx-user-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:290px;padding:10px;background:#fff;border:1px solid #e7e9f1;border-radius:14px;box-shadow:0 22px 55px rgba(26,32,66,.15);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease;z-index:9999}
.tmx-user-menu-wrap:hover .tmx-user-dropdown,.tmx-user-menu-wrap.is-open .tmx-user-dropdown{opacity:1;visibility:visible;transform:none}
.tmx-user-dropdown-head{display:flex;align-items:center;gap:11px;padding:10px 10px 14px;border-bottom:1px solid #eef0f5;margin-bottom:6px}
.tmx-user-avatar-lg{width:43px;height:43px;flex-basis:43px;border-radius:12px}
.tmx-user-dropdown-head>div{min-width:0;display:flex;flex-direction:column}
.tmx-user-dropdown-head strong{font-size:13px;color:#171d37;font-weight:600}
.tmx-user-dropdown-head span:not(.tmx-user-avatar){font-size:10px;color:#8a90a0;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmx-user-dropdown-link{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px;border-radius:9px;text-decoration:none!important;transition:.18s}
.tmx-user-dropdown-link:hover{background:#f7f6ff}
.tmx-dd-icon{width:38px;height:38px;border-radius:9px;background:#f1efff;color:#6257ef;display:flex;align-items:center;justify-content:center}
.tmx-dd-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tmx-user-dropdown-link>span:last-child{display:flex;flex-direction:column;min-width:0}
.tmx-user-dropdown-link strong{font-size:12px;color:#1b213b;font-weight:600}
.tmx-user-dropdown-link small{font-size:9px;color:#9196a7;margin-top:3px}
.tmx-logout-link{border-top:1px solid #eef0f5;border-radius:0;margin-top:6px;padding-top:12px}
.tmx-logout-link .tmx-dd-icon{background:#fff1f2;color:#db4f60}

/* Auth modal */
body.tmx-modal-open{overflow:hidden}
.tmx-auth-modal{position:fixed;inset:0;z-index:999999;font-family:"Poppins",Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;visibility:hidden;transition:.2s ease}
.tmx-auth-modal.is-open{opacity:1;visibility:visible}
.tmx-auth-backdrop{position:absolute;inset:0;background:rgba(12,17,43,.55);backdrop-filter:blur(7px)}
.tmx-auth-dialog{position:relative;width:40%!important;max-width:none!important;max-height:calc(100vh - 44px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:52px 28px 28px;box-shadow:0 35px 90px rgba(12,17,43,.28);transform:translateY(12px) scale(.985);transition:.2s ease}
.tmx-auth-modal.is-open .tmx-auth-dialog{transform:none}
.tmx-auth-close{position:absolute!important;right:14px!important;top:14px!important;z-index:20!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f5f5fa!important;color:#4d5369!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;font-family:Arial,sans-serif!important;font-size:22px!important;font-weight:400!important;line-height:1!important;transform:none!important}
.tmx-auth-close:hover{background:#eeeef7!important;color:#252b42!important}
.tmx-auth-close span{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;line-height:1!important;transform:none!important}
.tmx-auth-brand{display:flex;align-items:center;gap:10px;padding-right:45px;margin-bottom:22px}
.tmx-auth-brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#5146e8,#7569ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700;box-shadow:0 8px 20px rgba(83,67,224,.2)}
.tmx-auth-brand>div{display:flex;flex-direction:column}
.tmx-auth-brand strong{font-size:17px;color:#151b36;font-weight:650;line-height:1.1}
.tmx-auth-brand small{font-size:9px;color:#8d92a3;margin-top:4px}
.tmx-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f5f5fa;border-radius:10px;padding:4px;margin:0 0 25px}
.tmx-auth-tab{height:42px;border:0;background:transparent;border-radius:7px;font-family:inherit;font-size:12px;font-weight:600;color:#777d91;cursor:pointer;transition:.18s}
.tmx-auth-tab.is-active{background:#fff;color:#5548e8;box-shadow:0 4px 13px rgba(34,40,73,.07)}
.tmx-auth-panel{display:none}
.tmx-auth-panel.is-active{display:block}
.tmx-auth-heading{margin-bottom:20px}
.tmx-auth-heading h3{margin:0;color:#131a36;font-size:23px;line-height:1.25;font-weight:650;letter-spacing:-.4px}
.tmx-auth-heading p{margin:7px 0 0;color:#777e91;font-size:12px;line-height:1.6}
.tmx-auth-form{display:flex;flex-direction:column;gap:15px}
.tmx-form-alert{display:none;padding:10px 12px;border-radius:8px;font-size:11px;line-height:1.5}
.tmx-form-alert.is-error{display:block;background:#fff0f1;color:#b33c4c;border:1px solid #ffd8dd}
.tmx-form-alert.is-success{display:block;background:#edf9f3;color:#277353;border:1px solid #d3f1e1}
.tmx-form-field{display:flex;flex-direction:column;gap:7px}
.tmx-form-field>span{font-size:11px;color:#222840;font-weight:600}
.tmx-form-field input{width:100%;height:49px;border:1px solid #dfe2eb;border-radius:8px;padding:0 13px;outline:none;background:#fff;color:#30364f;font-family:inherit;font-size:12px;transition:.18s}
.tmx-form-field input:focus{border-color:#8b80fa;box-shadow:0 0 0 3px rgba(100,84,239,.07)}
.tmx-form-field input::placeholder{color:#a1a6b5}
.tmx-password-wrap{position:relative}
.tmx-password-wrap input{padding-right:47px}
.tmx-password-toggle{position:absolute;right:5px;top:5px;width:39px;height:39px;border:0;border-radius:7px;background:transparent;color:#7d8396;display:flex;align-items:center;justify-content:center;cursor:pointer}
.tmx-password-toggle:hover{background:#f5f4ff;color:#5d51e7}
.tmx-password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.tmx-form-row{display:flex;align-items:center;justify-content:space-between;gap:15px}
.tmx-form-row>a{font-size:10px;color:#5b4fe7!important;text-decoration:none!important;font-weight:500}
.tmx-check{display:flex;align-items:flex-start;gap:7px;cursor:pointer}
.tmx-check input{width:14px;height:14px;margin:1px 0 0;accent-color:#5b4fe7}
.tmx-check span{font-size:10px;color:#777e91;line-height:1.45}
.tmx-register-check{margin-top:-2px}
.tmx-auth-submit{height:51px;border:0;border-radius:8px;background:linear-gradient(135deg,#5549e9,#4937dc);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 22px rgba(81,62,218,.18);transition:.2s}
.tmx-auth-submit:hover{transform:translateY(-1px);box-shadow:0 13px 27px rgba(81,62,218,.23)}
.tmx-auth-submit:disabled{opacity:.65;cursor:wait;transform:none}
.tmx-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tmx-auth-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;padding-top:17px;border-top:1px solid #eef0f4;color:#9196a6;font-size:9px}
.tmx-auth-security svg{width:13px;height:13px;fill:none;stroke:#686fe8;stroke-width:1.8}

/* Custom customer dashboard */
.tmx-dashboard-page{font-family:"Poppins",Arial,sans-serif;background:linear-gradient(145deg,#f8f9fd,#fff 42%,#faf9ff);padding:45px 18px;min-height:70vh;color:#171d37}
.tmx-dashboard-shell{width:100%;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:235px minmax(0,1fr);gap:26px;align-items:start}
.tmx-dashboard-sidebar{position:sticky;top:25px;background:#fff;border:1px solid #e7e9f1;border-radius:17px;padding:17px;box-shadow:0 15px 38px rgba(28,35,68,.05)}
.tmx-dashboard-user{display:flex;align-items:center;gap:10px;padding:8px 7px 18px;border-bottom:1px solid #eef0f4}
.tmx-sidebar-avatar{width:42px;height:42px;flex-basis:42px;border-radius:12px}
.tmx-dashboard-user>div{display:flex;flex-direction:column;min-width:0}
.tmx-dashboard-user small{font-size:9px;color:#9297a7}
.tmx-dashboard-user strong{font-size:12px;color:#1a203a;font-weight:600;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmx-dashboard-nav{display:flex;flex-direction:column;gap:5px;padding:13px 0}
.tmx-dashboard-nav a{height:45px;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:10px;text-decoration:none!important;color:#697086!important;font-size:11px;font-weight:500;transition:.18s}
.tmx-dashboard-nav a:hover{background:#f7f6ff;color:#574be8!important}
.tmx-dashboard-nav a.is-active{background:#f0eeff;color:#574be8!important;font-weight:600}
.tmx-dashboard-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tmx-sidebar-help{margin-top:6px;padding:15px;border-radius:11px;background:linear-gradient(145deg,#17265f,#4b2ba7);display:flex;flex-direction:column;color:#fff}
.tmx-sidebar-help span{font-size:9px;opacity:.7}
.tmx-sidebar-help strong{font-size:13px;font-weight:600;margin-top:4px}
.tmx-sidebar-help a{font-size:10px;color:#fff!important;text-decoration:none!important;margin-top:10px;opacity:.85}
.tmx-dashboard-main{min-width:0}
.tmx-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:22px;padding:4px 2px}
.tmx-page-kicker{display:block;color:#6458ed;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}
.tmx-page-heading h1{margin:0;color:#111833;font-size:28px;line-height:1.2;font-weight:650;letter-spacing:-.5px}
.tmx-page-heading p{max-width:650px;margin:8px 0 0;color:#777e91;font-size:11px;line-height:1.65}
.tmx-new-order-btn{height:43px;padding:0 16px;border-radius:8px;background:#574be8;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 8px 18px rgba(83,70,224,.15)}
.tmx-new-order-btn span{font-size:17px;font-weight:400}

/* Orders */
.tmx-orders-list{display:flex;flex-direction:column;gap:13px}
.tmx-order-card{background:#fff;border:1px solid #e7e9f1;border-radius:15px;padding:18px 20px;box-shadow:0 8px 24px rgba(27,34,67,.035)}
.tmx-order-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid #eef0f4}
.tmx-order-id-wrap{display:flex;align-items:center;gap:10px}
.tmx-order-icon{width:38px;height:38px;border-radius:9px;background:#f0eeff;color:#6257ed;display:flex;align-items:center;justify-content:center}
.tmx-order-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tmx-order-id-wrap>div{display:flex;flex-direction:column}
.tmx-order-id-wrap small{font-size:8px;color:#959aaa}
.tmx-order-id-wrap strong{font-size:12px;color:#1a203a;margin-top:2px;font-weight:650}
.tmx-order-status{padding:6px 9px;border-radius:50px;font-size:9px;font-weight:600;background:#eef4ff;color:#3e6db3}
.tmx-order-status.status-completed{background:#ebf8f1;color:#2e8a61}
.tmx-order-status.status-processing{background:#eef0ff;color:#5b57d9}
.tmx-order-status.status-on-hold{background:#fff5e6;color:#a96b15}
.tmx-order-product{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:14px 0}
.tmx-order-product strong{font-size:12px;font-weight:600;color:#1e243d}
.tmx-order-product span{font-size:9px;color:#969baa;white-space:nowrap}
.tmx-order-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #eceef4;border-radius:10px;overflow:hidden;background:#fafbfe}
.tmx-order-meta{min-height:64px;padding:11px 13px;display:flex;flex-direction:column;justify-content:center}
.tmx-order-meta+.tmx-order-meta{border-left:1px solid #e9ebf2}
.tmx-order-meta small{font-size:8px;color:#9297a8}
.tmx-order-meta strong{font-size:11px;color:#202640;margin-top:4px;font-weight:600}
.tmx-order-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.tmx-order-detail-toggle{border:0;background:transparent;padding:6px 0;font-family:inherit;color:#655aed;font-size:10px;font-weight:600;cursor:pointer}
.tmx-order-detail-toggle span{margin-left:5px}
.tmx-download-btn{height:38px;padding:0 13px;border-radius:8px;background:#574be8;color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:600;display:flex;align-items:center;gap:8px}
.tmx-download-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.tmx-order-detail-panel{display:none;margin-top:12px;padding:13px;background:#f8f9fc;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:10px}
.tmx-order-card.is-expanded .tmx-order-detail-panel{display:grid}
.tmx-order-detail-panel>div{display:flex;flex-direction:column}
.tmx-order-detail-panel span{font-size:8px;color:#969baa}
.tmx-order-detail-panel strong{font-size:9px;color:#3e445a;margin-top:3px;font-weight:600}

/* Empty states */
.tmx-empty-state,.tmx-login-required{background:#fff;border:1px solid #e7e9f1;border-radius:17px;min-height:360px;padding:50px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 12px 35px rgba(28,35,68,.04)}
.tmx-login-required{width:min(100%,650px);margin:30px auto}
.tmx-empty-icon{width:62px;height:62px;border-radius:17px;background:#f0eeff;color:#6358ed;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.tmx-empty-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tmx-empty-state h3,.tmx-login-required h2{margin:17px 0 0;color:#171d37;font-size:18px;font-weight:650}
.tmx-empty-state p,.tmx-login-required p{max-width:460px;margin:8px 0 0;color:#818799;font-size:11px;line-height:1.7}
.tmx-empty-btn,.tmx-login-required>a{margin-top:18px;height:42px;padding:0 17px;border-radius:8px;background:#574be8;color:#fff!important;text-decoration:none!important;display:flex;align-items:center;font-size:10px;font-weight:600}

/* Profile */
.tmx-profile-notice{padding:11px 13px;border-radius:9px;margin-bottom:13px;font-size:10px}
.tmx-profile-notice.success{background:#ebf8f1;color:#2d805c;border:1px solid #d6f1e2}
.tmx-profile-notice.error{background:#fff0f1;color:#b33c4c;border:1px solid #ffd8dd}
.tmx-profile-card{background:#fff;border:1px solid #e7e9f1;border-radius:17px;padding:22px;box-shadow:0 10px 30px rgba(28,35,68,.04)}
.tmx-profile-card-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #eef0f4}
.tmx-profile-avatar{width:50px;height:50px;flex-basis:50px;border-radius:14px;font-size:17px}
.tmx-profile-card-head>div{display:flex;flex-direction:column}
.tmx-profile-card-head strong{font-size:13px;color:#171d37;font-weight:600}
.tmx-profile-card-head span:not(.tmx-user-avatar){font-size:9px;color:#9297a7;margin-top:3px}
.tmx-profile-form{padding-top:19px}
.tmx-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tmx-profile-grid label{display:flex;flex-direction:column;gap:7px}
.tmx-profile-grid label>span{font-size:10px;color:#2b3047;font-weight:600}
.tmx-profile-grid label>span small{font-weight:400;color:#999eac}
.tmx-profile-grid input{height:47px;border:1px solid #dfe2eb;border-radius:8px;padding:0 12px;font-family:inherit;font-size:11px;color:#30364f;outline:none;transition:.18s}
.tmx-profile-grid input:focus{border-color:#8b80fa;box-shadow:0 0 0 3px rgba(100,84,239,.06)}
.tmx-profile-full{grid-column:1/-1}
.tmx-profile-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-top:17px;border-top:1px solid #eef0f4}
.tmx-profile-form-footer>span{display:flex;align-items:center;gap:7px;color:#9297a7;font-size:9px}
.tmx-profile-form-footer svg{width:13px;height:13px;fill:none;stroke:#6458ed;stroke-width:1.8}
.tmx-profile-form-footer button{height:43px;border:0;border-radius:8px;background:#574be8;color:#fff;font-family:inherit;font-size:10px;font-weight:600;padding:0 17px;cursor:pointer}

@media(max-width:900px){
  .tmx-dashboard-shell{grid-template-columns:1fr}
  .tmx-dashboard-sidebar{position:static}
  .tmx-dashboard-nav{display:grid;grid-template-columns:repeat(3,1fr)}
  .tmx-sidebar-help{display:none}
  .tmx-order-meta-grid{grid-template-columns:repeat(2,1fr)}
  .tmx-order-meta:nth-child(3){border-left:0;border-top:1px solid #e9ebf2}
  .tmx-order-meta:nth-child(4){border-top:1px solid #e9ebf2}
  .tmx-order-detail-panel{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){.tmx-auth-dialog{width:40%!important}}
@media(max-width:600px){
  .tmx-auth-buttons{gap:8px}.tmx-btn{height:42px;padding:0 15px;font-size:12px}
  .tmx-user-trigger{min-width:155px}
  .tmx-auth-modal{padding:10px}.tmx-auth-dialog{width:100%!important;max-width:none!important;padding:48px 17px 22px;border-radius:17px}
  .tmx-form-grid-2{grid-template-columns:1fr}
  .tmx-dashboard-page{padding:28px 10px}
  .tmx-dashboard-sidebar{padding:12px}
  .tmx-dashboard-nav{grid-template-columns:1fr 1fr}.tmx-dashboard-nav a:last-child{grid-column:1/-1}
  .tmx-page-heading{align-items:flex-start;flex-direction:column}.tmx-page-heading h1{font-size:24px}
  .tmx-new-order-btn{align-self:stretch;justify-content:center}
  .tmx-order-card{padding:14px}
  .tmx-order-product{flex-direction:column;gap:5px}
  .tmx-order-meta-grid{grid-template-columns:1fr 1fr}
  .tmx-order-actions{align-items:stretch;flex-direction:column}.tmx-download-btn{justify-content:center}
  .tmx-order-detail-panel{grid-template-columns:1fr 1fr}
  .tmx-profile-card{padding:16px}.tmx-profile-grid{grid-template-columns:1fr}.tmx-profile-full{grid-column:auto}
  .tmx-profile-form-footer{align-items:stretch;flex-direction:column}.tmx-profile-form-footer button{width:100%}
}
