/* ============================================================
   Taunusbox v2 – iOS-inspired Design System
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', sans-serif;
  --bg:         #f2f2f7;
  --bg2:        #ffffff;
  --bg3:        #e5e5ea;
  --text:       #000000;
  --text2:      #3c3c43;
  --text3:      #8e8e93;
  --text4:      #c7c7cc;
  --sep:        rgba(60,60,67,.18);
  --sep-solid:  #c6c6c8;
  --fill:       rgba(120,120,128,.12);
  --fill2:      rgba(120,120,128,.16);
  --blue:       #007aff; --blue-bg: rgba(0,122,255,.1);
  --green:      #34c759; --green-bg: rgba(52,199,89,.12);
  --orange:     #ff9500; --orange-bg: rgba(255,149,0,.12);
  --red:        #ff3b30; --red-bg: rgba(255,59,48,.12);
  --purple:     #af52de; --purple-bg: rgba(175,82,222,.12);
  --r-xs:6px; --r-sm:10px; --r-md:13px; --r-lg:16px; --r-xl:20px; --r-2xl:28px;
  --shadow: 0 1px 4px rgba(0,0,0,.07), 0 4px 16px rgba(0,0,0,.05);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.10);
  --sidebar-w: 260px;
  --trans: .2s cubic-bezier(.25,.46,.45,.94);
}
[data-theme="dark"] {
  --bg:   #1c1c1e; --bg2:  #2c2c2e; --bg3: #3a3a3c;
  --text: #ffffff; --text2:rgba(235,235,245,.7); --text3:rgba(235,235,245,.35); --text4:rgba(235,235,245,.18);
  --sep:  rgba(84,84,88,.6); --sep-solid:#38383a;
  --fill: rgba(120,120,128,.24); --fill2: rgba(120,120,128,.3);
  --blue:#0a84ff; --blue-bg:rgba(10,132,255,.18);
  --green:#30d158; --green-bg:rgba(48,209,88,.15);
  --orange:#ff9f0a; --orange-bg:rgba(255,159,10,.15);
  --red:#ff453a; --red-bg:rgba(255,69,58,.15);
  --purple:#bf5af2; --purple-bg:rgba(191,90,242,.15);
  --shadow:0 1px 4px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25);
  --shadow-lg:0 8px 32px rgba(0,0,0,.4);
}
html { font-size:15px; -webkit-text-size-adjust:100%; }
body { font-family:var(--font); background:var(--bg); color:var(--text); line-height:1.5; min-height:100vh; display:flex; -webkit-font-smoothing:antialiased; transition:background var(--trans),color var(--trans); }

/* ── Sidebar ── */
.sidebar { width:var(--sidebar-w); min-height:100vh; background:var(--bg2); border-right:1px solid var(--sep); display:flex; flex-direction:column; position:fixed; top:0;left:0;bottom:0; z-index:200; overflow-y:auto; transition:transform var(--trans),background var(--trans); }
.sidebar-logo { padding:18px 14px 14px; display:flex; align-items:center; border-bottom:1px solid var(--sep); }
.sidebar-logo img { height:34px; object-fit:contain; max-width:180px; }
.sidebar-nav { flex:1; padding:10px 8px; display:flex; flex-direction:column; gap:1px; }
.nav-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--text3); padding:12px 10px 4px; }
.nav-item { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:var(--r-sm); color:var(--text2); text-decoration:none; font-size:14px; font-weight:500; transition:background var(--trans),color var(--trans); }
.nav-item svg { width:17px;height:17px;flex-shrink:0; }
.nav-item:hover { background:var(--fill); color:var(--text); }
.nav-item.active { background:var(--blue-bg); color:var(--blue); }
.nav-badge { margin-left:auto; background:var(--red); color:#fff; font-size:10px; font-weight:700; min-width:17px; height:17px; border-radius:9px; display:flex; align-items:center; justify-content:center; padding:0 5px; }
.btn-new { margin:8px; display:flex; align-items:center; justify-content:center; gap:7px; background:var(--blue); color:#fff; border-radius:var(--r-md); padding:10px; text-decoration:none; font-weight:600; font-size:14px; transition:opacity var(--trans),transform var(--trans); box-shadow:0 2px 8px rgba(0,122,255,.28); }
.btn-new svg { width:15px;height:15px; }
.btn-new:hover { opacity:.88; transform:translateY(-1px); }
.sidebar-footer { padding:10px; border-top:1px solid var(--sep); display:flex; flex-direction:column; gap:6px; }
.sidebar-user { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:var(--r-sm); background:var(--fill); }
.user-avatar { width:32px;height:32px; border-radius:16px; background:var(--blue); color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px;font-weight:700; flex-shrink:0; }
.user-info { flex:1;min-width:0; }
.user-info strong { display:block; font-size:12px;font-weight:600; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.user-info span { display:block; font-size:11px;color:var(--text3); white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.theme-row { display:flex; align-items:center; justify-content:space-between; padding:6px 10px; font-size:13px; color:var(--text2); font-weight:500; }
.toggle { position:relative; width:40px;height:24px;cursor:pointer;flex-shrink:0; }
.toggle input { opacity:0;width:0;height:0; }
.toggle-track { position:absolute;inset:0; background:var(--fill2); border-radius:12px; transition:background var(--trans); }
.toggle input:checked ~ .toggle-track { background:var(--blue); }
.toggle-thumb { position:absolute; top:3px;left:3px; width:18px;height:18px; background:#fff; border-radius:9px; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform var(--trans); }
.toggle input:checked ~ .toggle-track .toggle-thumb { transform:translateX(16px); }
.logout-btn { display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:var(--r-sm); color:var(--red); text-decoration:none; font-size:13px;font-weight:500; transition:background var(--trans); }
.logout-btn svg { width:14px;height:14px; }
.logout-btn:hover { background:var(--red-bg); }

/* Mobile */
.sidebar-overlay { display:none; position:fixed;inset:0; background:rgba(0,0,0,.45); z-index:199; backdrop-filter:blur(4px); }
.sidebar-overlay.open { display:block; }
.menu-btn { display:none; align-items:center; justify-content:center; width:34px;height:34px; border-radius:var(--r-xs); background:var(--fill); border:none; cursor:pointer; color:var(--text); }
.menu-btn svg { width:17px;height:17px; }

/* ── Main ── */
.main-content { margin-left:var(--sidebar-w); flex:1; display:flex; flex-direction:column; min-height:100vh; transition:margin var(--trans); }
.topbar { height:52px; background:rgba(var(--bg2-rgb,255,255,255),.85); border-bottom:1px solid var(--sep); padding:0 22px; display:flex; align-items:center; justify-content:space-between; position:sticky;top:0;z-index:100; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); transition:background var(--trans); }
[data-theme="dark"] .topbar { background:rgba(44,44,46,.85); }
.page-title { font-size:17px;font-weight:700;letter-spacing:-.02em; }
.topbar-right { display:flex; align-items:center; gap:8px; }
.topbar-time { font-size:12px;color:var(--text3);font-weight:500; }
.content-body { padding:18px 22px; flex:1; }

/* ── Cards ── */
.card { background:var(--bg2); border-radius:var(--r-lg); box-shadow:var(--shadow); margin-bottom:14px; transition:background var(--trans); overflow:hidden; }
.card-header { display:flex; align-items:center; justify-content:space-between; padding:13px 16px 10px; border-bottom:1px solid var(--sep); }
.card-title { font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text3); }

/* ── Stats ── */
.stat-cards { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-bottom:18px; }
.stat-card { background:var(--bg2); border-radius:var(--r-lg); padding:14px 16px; box-shadow:var(--shadow); transition:transform var(--trans),box-shadow var(--trans),background var(--trans); }
.stat-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.sc-icon { width:34px;height:34px; border-radius:var(--r-sm); display:flex;align-items:center;justify-content:center; margin-bottom:10px; }
.sc-icon svg { width:17px;height:17px; }
.sc-label { font-size:11px;color:var(--text3);font-weight:600;margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em; }
.sc-value { font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1; }

/* ── Kanban ── */
.kanban { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; align-items:start; }
.kanban-col { background:var(--fill); border-radius:var(--r-lg); padding:10px; min-height:160px; transition:background var(--trans); }
.kanban-col-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; padding:0 2px; }
.kanban-col-title { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3); }
.kanban-count { min-width:18px;height:18px; border-radius:9px; background:var(--blue); color:#fff; font-size:10px;font-weight:700; display:flex;align-items:center;justify-content:center; padding:0 5px; }
.ticket-card { background:var(--bg2); border-radius:var(--r-md); padding:11px 13px; margin-bottom:7px; cursor:pointer; transition:transform var(--trans),box-shadow var(--trans),background var(--trans); text-decoration:none; display:block; color:var(--text); box-shadow:var(--shadow); }
.ticket-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.ticket-card:active { transform:scale(.98); }
.tc-name { font-weight:600;font-size:13px;margin-bottom:2px; }
.tc-date { font-size:11px;color:var(--text3);margin-bottom:1px; }
.tc-loc  { font-size:11px;color:var(--text3);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.tc-footer { display:flex;gap:5px;align-items:center;flex-wrap:wrap; }
.tc-price { font-size:12px;font-weight:700;margin-left:auto;color:var(--text); }

/* ── Badges ── */
.badge { display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600; }
.badge-anfrage     { background:var(--blue-bg);  color:var(--blue); }
.badge-bearbeitung { background:var(--orange-bg);color:var(--orange); }
.badge-bestaetigt  { background:var(--green-bg); color:var(--green); }
.badge-beendet     { background:var(--fill2);    color:var(--text2); }
.badge-absage      { background:var(--red-bg);   color:var(--red); }
.badge-premium     { background:var(--purple-bg);color:var(--purple); }

/* ── Buttons ── */
.btn { display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:opacity var(--trans),transform var(--trans);font-family:var(--font);white-space:nowrap; }
.btn:hover { opacity:.85; }
.btn:active { transform:scale(.97); }
.btn svg { width:14px;height:14px; }
.btn-primary { background:var(--blue);color:#fff;box-shadow:0 2px 8px rgba(0,122,255,.22); }
.btn-success { background:var(--green);color:#fff; }
.btn-danger  { background:var(--red);color:#fff; }
.btn-warning { background:var(--orange);color:#fff; }
.btn-secondary { background:var(--fill);color:var(--text);border:1px solid var(--sep-solid); }
.btn-ghost { background:transparent;color:var(--blue);padding:4px 8px; }
.btn-sm { padding:5px 11px;font-size:12px;border-radius:var(--r-xs); }

/* ── Forms ── */
.form-group { margin-bottom:12px; }
.form-label { display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:5px; }
.form-control { width:100%;background:var(--bg2);border:1.5px solid var(--sep-solid);border-radius:var(--r-sm);padding:10px 12px;font-size:15px;color:var(--text);font-family:var(--font);transition:border-color var(--trans),background var(--trans);-webkit-appearance:none; }
.form-control:focus { outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,122,255,.13); }
.form-control::placeholder { color:var(--text4); }
select.form-control { cursor:pointer;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%238e8e93' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center; }
textarea.form-control { resize:vertical;min-height:72px; }
.form-row { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.form-row-3 { display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px; }

/* ── Detail View ── */
.ticket-detail-grid { display:grid;grid-template-columns:1fr 310px;gap:14px; }
.detail-row { display:flex;align-items:flex-start;padding:11px 16px;border-bottom:1px solid var(--sep);gap:10px; }
.detail-row:last-child { border-bottom:none; }
.detail-label { font-size:13px;color:var(--text3);width:150px;flex-shrink:0;font-weight:500; }
.detail-value { font-size:13px;font-weight:500;flex:1; }
.price-box { background:var(--fill);border-radius:var(--r-md);padding:13px; }
.price-row { display:flex;justify-content:space-between;font-size:13px;padding:4px 0;color:var(--text2); }
.price-total { display:flex;justify-content:space-between;font-size:16px;font-weight:700;border-top:1px solid var(--sep);margin-top:7px;padding-top:9px; }
.action-bar { display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;background:var(--bg2);border-radius:var(--r-lg);box-shadow:var(--shadow); }

/* ── Conversation ── */
.conversation { display:flex;flex-direction:column;gap:8px;padding:14px;max-height:380px;overflow-y:auto; }
.msg { display:flex;flex-direction:column; }
.msg.out { align-items:flex-end; }
.msg.in  { align-items:flex-start; }
.msg-bubble { max-width:80%;padding:9px 13px;border-radius:var(--r-lg);font-size:13px;line-height:1.5; }
.msg.out .msg-bubble { background:var(--blue);color:#fff;border-bottom-right-radius:var(--r-xs); }
.msg.in  .msg-bubble { background:var(--fill2);color:var(--text);border-bottom-left-radius:var(--r-xs); }
.msg-meta { font-size:10px;color:var(--text3);margin-top:3px;padding:0 2px; }
.msg-type { font-size:10px;opacity:.7;font-style:italic; }
.conv-input { display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--sep);align-items:flex-end; }
.conv-input textarea { flex:1;border:1.5px solid var(--sep-solid);border-radius:var(--r-lg);padding:8px 12px;font-size:14px;resize:none;min-height:36px;max-height:100px;background:var(--fill);color:var(--text);font-family:var(--font); }
.conv-input textarea:focus { outline:none;border-color:var(--blue); }

/* ── Notes ── */
.note { padding:10px 16px;border-bottom:1px solid var(--sep); }
.note:last-child { border-bottom:none; }
.note-header { display:flex;align-items:center;gap:7px;margin-bottom:4px; }
.note-avatar { width:20px;height:20px;border-radius:10px;background:var(--blue);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.note-author { font-size:12px;font-weight:600; }
.note-time { font-size:11px;color:var(--text3);margin-left:auto; }
.note-body { font-size:13px;color:var(--text2);line-height:1.5; }

/* ── Activity ── */
.activity-item { display:flex;gap:10px;padding:9px 16px;border-bottom:1px solid var(--sep);align-items:flex-start; }
.activity-item:last-child { border-bottom:none; }
.activity-dot { width:7px;height:7px;border-radius:4px;background:var(--blue);margin-top:5px;flex-shrink:0; }
.activity-body { flex:1;font-size:12px;line-height:1.5; }
.activity-body strong { font-weight:600; }
.activity-time { font-size:11px;color:var(--text3);white-space:nowrap; }

/* ── Alerts ── */
.alert { padding:11px 14px;border-radius:var(--r-md);margin-bottom:12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:9px; }
.alert svg { width:15px;height:15px;flex-shrink:0; }
.alert-success { background:var(--green-bg);color:var(--green); }
.alert-error   { background:var(--red-bg);  color:var(--red); }
.alert-info    { background:var(--blue-bg); color:var(--blue); }
.alert-warning { background:var(--orange-bg);color:var(--orange); }

/* ── Modal ── */
.modal-overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:500;align-items:flex-end;justify-content:center;backdrop-filter:blur(8px); }
@media(min-width:640px){.modal-overlay{align-items:center;}}
.modal-overlay.open { display:flex; }
.modal { background:var(--bg2);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:20px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1); }
@media(min-width:640px){.modal{border-radius:var(--r-2xl);}}
@keyframes slideUp { from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1} }
.modal-handle { width:36px;height:4px;border-radius:2px;background:var(--fill2);margin:0 auto 14px; }
.modal-header { display:flex;justify-content:space-between;align-items:center;margin-bottom:14px; }
.modal-title { font-size:16px;font-weight:700; }
.modal-close { background:var(--fill);border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);font-size:15px; }

/* ── Signature ── */
.sig-wrap { border:1.5px solid var(--sep-solid);border-radius:var(--r-md);background:var(--bg);position:relative;overflow:hidden; }
#sig-canvas { display:block;width:100%;touch-action:none;cursor:crosshair; }
.sig-hint { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text4);pointer-events:none; }

/* ── Login ── */
.login-page { min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px; }
.login-card { width:100%;max-width:370px;background:var(--bg2);border-radius:var(--r-2xl);padding:34px 28px;box-shadow:var(--shadow-lg);animation:fadeUp .4s ease; }
@keyframes fadeUp { from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none} }
.login-logo { text-align:center;margin-bottom:26px; }
.login-logo img { height:48px;object-fit:contain; }
.login-title { font-size:22px;font-weight:700;text-align:center;margin-bottom:5px; }
.login-sub { font-size:13px;color:var(--text3);text-align:center;margin-bottom:26px; }

/* ── Kalender ── */
.cal-grid { display:grid;grid-template-columns:1fr 270px;gap:14px; }
.cal-nav { display:flex;align-items:center;justify-content:space-between;margin-bottom:14px; }
.cal-nav-title { font-size:16px;font-weight:700; }
.cal-head { display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px; }
.cal-days { display:grid;grid-template-columns:repeat(7,1fr);gap:2px; }
.cal-day { min-height:66px;padding:5px;border-radius:var(--r-sm);background:var(--bg2);transition:background var(--trans); }
.cal-day.other-month { background:transparent;opacity:.35; }
.day-num { font-size:11px;font-weight:500;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:3px; }
.cal-day.today .day-num { background:var(--blue);color:#fff;font-weight:700; }
.cal-event { font-size:9px;background:var(--blue-bg);color:var(--blue);border-radius:3px;padding:1px 4px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600; }

/* ── Statistik ── */
.month-row { display:grid;grid-template-columns:90px 40px 100px 1fr;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--sep);font-size:13px; }
.month-row:last-child { border-bottom:none; }
.bar-bg { background:var(--fill2);border-radius:4px;height:5px; }
.bar-fill { background:var(--blue);border-radius:4px;height:5px;transition:width .5s ease; }

/* ── Nutzerverwaltung ── */
.user-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px; }
.user-card { background:var(--bg2);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px; }
.user-card-av { width:42px;height:42px;border-radius:21px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0; }
.user-card-info { flex:1;min-width:0; }
.user-card-name { font-size:14px;font-weight:600; }
.user-card-role { font-size:11px;color:var(--text3);margin-top:1px; }
.user-card-email { font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

/* ── Picdrop ── */
.picdrop-btn { display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:var(--r-sm);font-size:13px;font-weight:600;text-decoration:none;transition:opacity var(--trans);box-shadow:0 2px 8px rgba(99,102,241,.3); }
.picdrop-btn:hover { opacity:.85; }
.picdrop-btn svg { width:14px;height:14px; }

/* ── Search ── */
.search-wrap { position:relative;margin-bottom:14px; }
.search-wrap svg { position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text3);pointer-events:none; }
.search-input { width:100%;background:var(--fill);border:none;border-radius:var(--r-sm);padding:9px 12px 9px 34px;font-size:14px;color:var(--text);font-family:var(--font); }
.search-input:focus { outline:none;box-shadow:0 0 0 2px var(--blue); }

/* ── Scrollbar ── */
::-webkit-scrollbar { width:5px;height:5px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:var(--fill2);border-radius:3px; }

/* ── Responsive ── */
@media(max-width:1100px){.kanban{grid-template-columns:repeat(3,1fr)}.stat-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ticket-detail-grid{grid-template-columns:1fr}.cal-grid{grid-template-columns:1fr}}
@media(max-width:768px){
  .sidebar{transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0)}
  .main-content{margin-left:0}
  .menu-btn{display:flex}
  .kanban{grid-template-columns:1fr 1fr}
  .stat-cards{grid-template-columns:repeat(2,1fr)}
  .content-body{padding:14px 15px}
  .form-row,.form-row-3{grid-template-columns:1fr}
  .topbar{padding:0 15px}
}
@media(max-width:480px){
  .kanban{grid-template-columns:1fr}
  .stat-cards{grid-template-columns:1fr 1fr}
  .action-bar{flex-direction:column}
  .action-bar .btn{width:100%;justify-content:center}
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fade-in{animation:fadeIn .25s ease}
.new-ticket-wrap{max-width:680px;margin:0 auto}