/* AMAX Digital Tickets — palette sampled from the 23 September reference. */
.team-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,400px); gap: 24px; align-items: start; }
.team-layout .form-panel { width: 100%; }
.team-list .section-heading { padding: 22px; margin: 0; justify-content: space-between; }
.team-intro { margin: 12px 0 22px; color: #a9adb7; font-size: 13px; line-height: 1.7; }
.team-list td { overflow-wrap: anywhere; }
@media(max-width: 1150px) { .team-layout { grid-template-columns: minmax(0,1fr); } }
:root {
  color-scheme: dark;
  --canvas: #080b0f;
  --surface: #0a0d16;
  --surface-raised: #121117;
  --ink: #f2f4f7;
  --muted: #a9adb7;
  --line: #1c232b;
  --accent: #f34a51;
  --accent-soft: #281015;
  --action: #e92f35;
  --radius: 8px;
  --sidebar: 240px;
}
body, .auth-body { background: var(--canvas); }
::selection { background: #8d2029; color: #fff; }
a:focus-visible, button:focus-visible { outline-color: #f75b60; }
input:focus, textarea:focus, select:focus { outline: 2px solid #77232b; border-color: #e43840; box-shadow: 0 0 12px #e92f3518; }
input, textarea, select { background: #0b0e14; border-color: #30343e; color: var(--ink); }
input::placeholder, textarea::placeholder { color: #8c97a7; }
input:-webkit-autofill { -webkit-text-fill-color: var(--ink); -webkit-box-shadow: 0 0 0 1000px #121117 inset; caret-color: var(--ink); }
.brand { gap: 11px; letter-spacing: 1.5px; }
.brand small { color: #b0b7c3; font-size: 12px; letter-spacing: .45px; margin-top: 5px; }
.brand-mark { background: #201015; color: #f93842; border: 1px solid #67212a; box-shadow: 0 0 17px #ed263532, inset 0 0 12px #e5282f12; }
.brand-mark .icon { width: 25px; height: 25px; }
.sidebar { background: #0a0e0f; padding: 24px 14px; }
.sidebar .brand, .auth-aside .brand { font-size: 24px; }
.sidebar .brand small, .auth-aside .brand small { font-size: 12px; }
.sidebar .brand-mark { width: 40px; height: 42px; }
.sidebar nav { margin-top: 36px; gap: 6px; }
.nav-link, .support-label { color: #aeb7c5; gap: 13px; }
.sidebar .nav-link, .support-label { font-size: 14px; }
.nav-link { padding: 12px 14px; }
.nav-link .icon { width: 20px; height: 20px; }
.nav-link:hover { background: var(--surface-raised); color: #fff; }
.nav-link.active { background: linear-gradient(105deg,#d3272a 0%,#a22127 45%,#73171b 100%); color: #fff; box-shadow: 0 0 16px #f12b3433,inset 0 1px 1px #ff777b36; border: 1px solid #97242a; }
.topbar { background: radial-gradient(ellipse at 85% 0%,#69151d24,transparent 58%),#0a0b10; color: var(--muted); font-size: 14px; min-height: 64px; }
.profile-link { color: #c7ced8; }
.content { padding-top: 32px; }
.page-heading { margin-bottom: 26px; }
.page-heading h1 { font-size: 34px; letter-spacing: -.9px; }
.page-heading p { font-size: 15px; margin-top: 8px; }
.primary { background: linear-gradient(180deg,#ed3038 0%,#df202b 50%,#cf1824 100%); color: #fff; border-color: #f13c44; box-shadow: 0 0 17px #ed26353b,inset 0 1px 1px #ff939640; text-shadow: 0 1px 2px #7e111c80; }
.primary:hover { background: linear-gradient(180deg,#f43c44,#e12631 55%,#d31b28); color: #fff; border-color: #fa5058; box-shadow: 0 0 23px #ed26354a; }
.secondary { background: var(--surface-raised); border-color: #2d313a; color: #e1e5ed; }
.secondary:hover { background: #1b1c24; }
.stats { gap: 16px; margin-bottom: 22px; }
.panel { background: linear-gradient(135deg,#0d1118,#0a0e13 80%); border-color: #1c232b; box-shadow: inset 0 1px 0 #ffffff03,0 2px 12px #0003; }
.stat { background: radial-gradient(ellipse at 0% 0%,#71141e45,transparent 57%),linear-gradient(130deg,#0c1016,#090e13); border-color: #392026; padding: 20px; min-height: 103px; gap: 16px; box-shadow: inset 1px 1px 0 #f7323e13,0 0 12px #d71e2d0d; }
.stat:hover { border-color: #6f252e; box-shadow: 0 0 16px #e92f3521,inset 0 1px 0 #ff646414; }
.stat-icon { width: 44px; height: 44px; border-radius: 9px; }
.stat-icon .icon { width: 24px; height: 24px; }
.stat-icon.open, .stat-icon.in-progress, .stat-icon.resolved { color: #f7323e; background: #301017; border: 1px solid #67212a; box-shadow: 0 0 18px #e92f353b,inset 0 0 10px #f7323e13; }
.stat-icon .icon, .brand-mark .icon { filter: drop-shadow(0 0 4px #f7323e80); }
.stat>div>span { font-size: 13px; }
.stat strong { font-size: 29px; font-weight: 650; margin-top: 5px; }
.stat>.icon { color: #7f8a9a; }
.ticket-toolbar { min-height: 72px; padding-top: 10px; }
.tabs { min-height: 59px; gap: 18px; }
.tab { font-size: 14px; }
.search-form { margin-bottom: 10px; }
.search-form input { background: #121117; }
.search-form button:hover { background: #1b1c24; }
th { color: #b7bcc5; background: #10131b; font-size: 12px; }
td { border-color: #1c232b; font-size: 14px; }
tbody tr:hover { background: #11151f; }
.ticket-title span, .ticket-panel .ticket-title span { color: #e1e5ed; }
.ticket-title strong { font-size: 14px; }
.date-cell { color: #a2aebe; font-size: 12px; }
.badge { font-size: 12px; }
.badge-open { background: #38161d; color: #ff8c93; }
.badge-low { background: #1b2b3d; color: #a5c9fb; }
.badge-in-progress, .badge-medium { background: #352b1c; color: #f3ca81; }
.badge-resolved { background: #17352b; color: #8adbb7; }
.badge-high { background: #411a22; color: #ffa1a5; }
.badge-urgent { background: #bd202b; color: #fff; }
.panel-note { font-size: 13px; background: #0a0e13; min-height: 75px; padding: 22px 18px; }
.empty-icon { color: #f93842; background: #281015; border: 1px solid #67212a; border-radius: 13px; box-shadow: 0 0 22px #ed263524; }
.empty-state h2 { font-size: 21px; }
.empty-state p { font-size: 14px; }
.workspace-footer, .auth-foot, .auth-bottom { color: #929caa; }
.field label { color: #d5dbe5; }
.info-note { background: #10141c; border-color: #252d37; color: #b2bdcd; }
.form-help strong { color: #dce2ec; }
.company-banner { background: #10141c; border-color: #252d37; color: #b1bbca; }
.saved-label { color: #8bcbb0; }
.avatar { background: #1c2330; color: #d2deee; }
.avatar.staff { background: #32161e; color: #f9858b; }
.message-body { color: #d2d9e3; }
.staff-message { background: #130e15; }
.timeline-event { background: #10141c; color: #b3bece; }
.alert.success { background: #183129; border-color: #2b5142; color: #a3e3c2; }
.alert.error { background: #391c24; border-color: #6d303d; color: #ffb1bb; }
.auth-aside { background: radial-gradient(ellipse at 0% 35%,#62131c12,transparent 60%),#0a0e0f; border-color: #1c232b; }
.auth-symbol { background: #281015; color: #f93842; border: 1px solid #67212a; box-shadow: 0 0 24px #ed263529; }
.auth-intro h1 { font-size: 47px; line-height: 1.15; }
.auth-intro h1 span { color: var(--accent); }
.auth-steps>div>span { background: #1e1016; border-color: #54232d; color: #f88288; }
.auth-steps strong { color: #e0e5ed; }
.auth-main { background: var(--canvas); }
.auth-card .primary { min-height: 48px; }
.nav-link.active:hover { background: linear-gradient(105deg,#df3034,#831d23); color: #fff; }
.auth-main { padding-left: 36px; padding-right: 36px; }
.auth-frame { position: relative; width: 100%; max-width: 474px; isolation: isolate; filter: drop-shadow(0 14px 32px #0008); scroll-margin-top: 24px; }
.auth-frame::before, .auth-frame::after { content: ''; position: absolute; inset: 0; z-index: -2; background: #4e2028; clip-path: polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px); }
.auth-frame::after { inset: 1px; z-index: -1; background: radial-gradient(ellipse at 0% 0%,#60131c25,transparent 45%),linear-gradient(145deg,#0d1118,#0a0e13 80%); }
.auth-frame .auth-card { width: 100%; max-width: none; padding: 38px 36px; }
.auth-frame .auth-card h1:focus { outline: none; }
.auth-frame .auth-divider { border-color: #252b35; }
.auth-corner { position: absolute; width: 31px; height: 31px; pointer-events: none; background: #f7323e; clip-path: polygon(0 0,100% 0,0 100%); z-index: 2; }
.auth-corner::after { content: ''; position: absolute; inset: 1px; background: #1b080c; clip-path: polygon(0 0,100% 0,0 100%); }
.auth-corner-start { top: 0; left: 0; }
.auth-corner-end { top: 100%; left: 100%; transform: translate(-100%,-100%) rotate(180deg); }
.is-closing .auth-card { animation: auth-content-out 180ms ease-in both; }
.is-closing .auth-corner-start { animation: auth-corner-close-start 320ms cubic-bezier(.65,0,.35,1) both; }
.is-closing .auth-corner-end { animation: auth-corner-close-end 320ms cubic-bezier(.65,0,.35,1) both; }
.is-opening .auth-card { animation: auth-content-in 280ms 150ms ease-out both; }
.is-opening .auth-corner-start { animation: auth-corner-open-start 400ms cubic-bezier(.16,1,.3,1) both; }
.is-opening .auth-corner-end { animation: auth-corner-open-end 400ms cubic-bezier(.16,1,.3,1) both; }
@keyframes auth-content-out { to { opacity: 0; transform: translateY(8px) scale(.98); filter: blur(3px); } }
@keyframes auth-content-in { from { opacity: 0; transform: translateY(12px) scale(.985); filter: blur(3px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes auth-corner-close-start { to { top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-90deg); } }
@keyframes auth-corner-close-end { to { top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(90deg); } }
@keyframes auth-corner-open-start { from { top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-90deg); } to { top: 0; left: 0; transform: none; } }
@keyframes auth-corner-open-end { from { top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(90deg); } to { top: 100%; left: 100%; transform: translate(-100%,-100%) rotate(180deg); } }
@media (min-width:1600px) { :root { --sidebar:250px; } }
@media (max-width:1200px) { :root { --sidebar:210px; } .sidebar .brand { font-size:22px; } .sidebar .brand small { font-size:11px; } .sidebar .brand-mark { width:35px; height:39px; } .stat { padding:17px; gap:12px; } .auth-intro h1 { font-size:39px; } }
@media (max-width:900px) { :root { --sidebar:190px; } .sidebar { padding:20px 10px; } .sidebar .brand { font-size:20px; gap:9px; } .sidebar .brand small { font-size:10px; } .sidebar .nav-link,.support-label { font-size:13px; } .stat { padding:15px 12px; gap:10px; } .stat-icon { width:36px; height:36px; } .stat-icon .icon { width:21px; height:21px; } .stat>div>span { font-size:12px; } .stat strong { font-size:26px; } .auth-intro h1 { font-size:32px; } }
@media (max-width:650px) {
  .sidebar { padding:15px 16px 0; }
  .sidebar .brand { font-size:21px; gap:10px; }
  .sidebar .brand small { font-size:11px; }
  .sidebar .brand-mark { width:35px; height:38px; }
  .sidebar nav { margin-top:16px; gap:4px; }
  .app-body:not(.inbox-layout) .sidebar nav { flex-wrap:wrap; }
  .sidebar .nav-link { font-size:12px; padding:10px 12px; gap:7px; }
  .sidebar .signout { font-size:11px; padding:8px; }
  .sidebar .nav-link .icon { width:17px; height:17px; }
  .topbar { font-size:12px; min-height:49px; }
  .content { padding-top:26px; }
  .page-heading h1 { font-size:27px; }
  .page-heading p { font-size:13px; }
  .stats { gap:8px; margin-bottom:18px; }
  .stat { padding:13px 10px; min-height:108px; }
  .stat-icon { width:27px; height:27px; border-radius:7px; }
  .stat-icon .icon { width:17px; height:17px; }
  .stat>div>span { font-size:11px; }
  .stat strong { font-size:25px; }
  .tabs { min-height:49px; gap:4px; }
  .tab { font-size:12px; }
  .panel-note { font-size:12px; }
  .auth-aside { background:#0a0e0f; }
  .auth-aside .brand { font-size:24px; }
  .auth-aside .brand small { font-size:12px; }
  .auth-main { padding: 30px 16px 78px; }
  .auth-frame .auth-card { padding: 34px 23px; }
  .auth-frame .auth-card h1 { font-size: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  .auth-frame *, .auth-frame::before, .auth-frame::after { animation: none !important; transition: none !important; }
}