:root {
  --blue:#1473ff;
  --green:#16a34a;
  --amber:#f59e0b;
  --red:#ef4444;
  --ink:#101827;
  --muted:#657286;
  --line:#e2e8f0;
  --bg:#f3f6fb;
  --side:#0d121b;
  --card:#fff;
}
* { box-sizing:border-box; }
body { margin:0; font-family:"Segoe UI", Arial, sans-serif; background:var(--bg); color:var(--ink); font-weight:400; }
a { text-decoration:none; }
a,button,.btn,.icon,.nav-title,.sub a,.tabs a,.template,.provider,.switch,label.switch-line,input[type=checkbox],input[type=radio],select,[data-print] { cursor:pointer; }
input:not([type=checkbox]):not([type=radio]), textarea { cursor:text; }
.sidebar a,.sidebar a:visited { color:#cfe1fb; }
.btn { min-height:40px; padding:0 16px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line); background:#fff; color:#0d3b75; font-weight:600; }
.btn.primary { background:var(--blue); color:#fff; border-color:var(--blue); box-shadow:0 14px 28px rgba(20,115,255,.2); }
.btn.green { background:#eafaf1; color:#0b8f55; border-color:#b7ebce; }
.btn.red { background:#fee2e2; color:#dc2626; border-color:#fecaca; }
.btn.amber-soft { background:#fff7ed; color:#b45309; border-color:#ffedd5; }
.card { background:var(--card); border:1px solid var(--line); border-radius:8px; box-shadow:0 14px 35px rgba(15,23,42,.05); }
.pad { padding:18px; }
.panel { min-height:100vh; display:grid; grid-template-columns:280px 1fr; }
aside.sidebar { background:var(--side); color:#fff; padding:22px 0; position:sticky; top:0; height:100vh; overflow:auto; }
.side-logo { padding:0 22px; display:flex; align-items:center; gap:10px; font-size:19px; font-weight:650; }
.side-logo i,.side-caption { color:#16b7ff; }
.side-caption { padding:22px 22px 10px; font-size:12px; font-weight:650; letter-spacing:.06em; }
.nav-group { margin:7px 0; }
.nav-title { min-height:44px; display:flex; align-items:center; gap:12px; padding:0 22px; font-weight:600; color:#edf6ff; border-left:4px solid transparent; }
.nav-title.active { border-color:#18a8ff; background:#17202c; }
.nav-title i { color:#2bc0ff; font-size:18px; }
.sub { display:grid; gap:8px; padding:10px 0 8px 58px; color:#d9e8ff; font-size:14px; }
.sub a,.sub a:visited { color:#cfe1fb; font-weight:500; }
.sub a.active,.sub a:hover { color:#fff; }
.dealer-card { margin:16px 0 18px; padding:14px 18px 16px; display:grid; grid-template-columns:58px 1fr; gap:14px; align-items:center; border-top:1px solid rgba(255,255,255,.65); border-bottom:1px solid rgba(255,255,255,.65); background:#333; }
.dealer-emblem { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 50% 35%,#173bb7,#03105f); color:#fff; border:2px solid rgba(255,255,255,.75); font-size:28px; }
.dealer-info strong { display:block; font-size:17px; line-height:1.25; }
.dealer-info .company { margin-top:8px; font-size:16px; font-weight:600; }
.dealer-info span { display:block; margin-top:5px; color:#fff; font-size:13px; font-weight:750; }
.dealer-info .dealer-balance { display:inline-flex; min-height:22px; margin-left:4px; padding:0 9px; border-radius:7px; background:#fff; color:#1d2b75; font-weight:950; }
.topbar { height:66px; background:#fff; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 28px; }
.search { width:min(560px,48vw); height:44px; display:flex; align-items:center; gap:12px; background:#f1f5fb; border-radius:8px; padding:0 14px; color:#61708a; }
.search input { width:100%; border:0; outline:0; background:transparent; font:inherit; }
.top-actions { display:flex; align-items:center; gap:10px; }
.icon { width:40px; height:40px; border-radius:8px; background:#f1f5fb; display:grid; place-items:center; }
.theme-toggle,.logout,button.icon { border:0; cursor:pointer; }
.logout { width:40px; height:40px; border-radius:8px; background:#fee2e2; color:#dc2626; display:grid; place-items:center; }
.avatar { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#1473ff,#15c6ff); color:#fff; font-weight:600; }
.content { padding:30px 28px 44px; }
.page-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:18px; }
h1 { margin:0; font-size:28px; letter-spacing:0; font-weight:650; }
h2 { margin:0; font-size:20px; font-weight:650; }
p { color:var(--muted); }
.grid { display:grid; gap:16px; }
.cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
.cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
.stat { min-height:118px; padding:18px; position:relative; }
.stat span { display:block; color:var(--muted); font-weight:600; font-size:13px; }
.stat strong { display:block; margin-top:8px; font-size:27px; font-weight:650; }
.stat small { display:block; margin-top:8px; color:#0b8f55; font-weight:600; }
.stat small.danger,.neg { color:#ef4444!important; }
.pos { color:#16a34a!important; }
.bubble { position:absolute; right:18px; top:18px; width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:#eaf2ff; color:var(--blue); font-size:22px; }
.bubble.green { background:#dcfce7; color:#16a34a; }
.bubble.amber { background:#ffedd5; color:#f59e0b; }
.bubble.purple { background:#ede9fe; color:#7c3aed; }
.bubble.red-bg { background:#fee2e2; color:#ef4444; }
.section-title { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:14px; }
table { width:100%; border-collapse:collapse; }
th { text-align:left; color:#526078; background:#f8fafc; padding:13px 12px; font-size:12px; text-transform:uppercase; }
td { padding:15px 12px; border-top:1px solid var(--line); vertical-align:middle; font-size:14px; }
.badge { display:inline-flex; align-items:center; min-height:24px; padding:0 10px; border-radius:7px; background:#eaf2ff; color:#1264d8; font-weight:600; font-size:12px; }
.badge.green { background:#dcfce7; color:#15803d; }
.badge.amber { background:#fef3c7; color:#b45309; }
.badge.red { background:#fee2e2; color:#dc2626; }
.badge.blue { background:#dbeafe; color:#1d4ed8; }
.badge.purple { background:#ede9fe; color:#7c3aed; }
.quick-card { padding:18px; display:flex; align-items:center; gap:14px; min-height:88px; }
.quick-card i { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:#eaf2ff; color:var(--blue); font-size:22px; }
.quick-card strong,.quick-card span { display:block; }
.quick-card span { margin-top:4px; color:var(--muted); font-size:13px; }
.login-shell { min-height:100vh; display:grid; place-items:center; padding:24px; background:linear-gradient(rgba(12,18,32,.62),rgba(12,18,32,.68)), url('https://www.baskix.com.tr/wp-content/uploads/2023/10/matbaa-icadi.jpg') center/cover; }
.auth-card { width:min(440px,100%); background:rgba(255,255,255,.96); border:1px solid #dbe3ef; border-radius:8px; padding:30px; box-shadow:0 28px 80px rgba(0,0,0,.28); }
.register-shell { place-items:start center; }
.register-card { width:min(980px,100%); margin:28px 0; }
.logo { color:#0ea5e9; font-size:21px; font-weight:950; display:flex; gap:10px; align-items:center; }
.auth-card label { display:block; margin-top:16px; font-weight:600; }
.field { height:42px; margin-top:8px; display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:8px; padding:0 12px; background:#fff; }
.field input { border:0; outline:0; width:100%; font:inherit; }
.otp-row { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin:20px 0; }
.otp-row input { height:52px; border:1px solid var(--line); border-radius:8px; text-align:center; font-size:24px; }
.order-builder { background:#dfe7f2; padding:16px; border-radius:8px; border:1px solid #cbd5e1; }
.order-table { width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:7px; }
.order-table th { background:#2f72d6; color:#fff; padding:11px 10px; }
.order-table td { background:#fff; padding:8px; border-top:0; border-bottom:1px solid #e2e8f0; }
.order-table input,.order-table select,input,select,textarea { min-height:40px; border:1px solid #cfd8e3; border-radius:8px; padding:0 12px; font:inherit; }
.builder-footer { display:grid; grid-template-columns:430px minmax(0,1fr) 310px; gap:10px; margin-top:10px; }
.gap-top { margin-top:16px; }
.gap-top-sm { margin-top:10px; }
.toolbar { display:flex; gap:10px; flex-wrap:wrap; }
.full { width:100%; }
label { display:grid; gap:7px; font-weight:600; color:#202938; }
label small { color:#7b8798; font-weight:650; }
textarea { min-height:110px; padding-top:12px; resize:vertical; }
select,input,textarea { width:100%; background:#fff; color:#111827; }
hr { border:0; border-top:1px solid var(--line); margin:18px 0; }
.form-grid { display:grid; gap:14px; }
.form-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.form-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.form-grid .wide { grid-column:1 / -1; }
.form-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:16px; }
.filter-grid { display:grid; grid-template-columns:2fr 2fr 1fr 1fr; gap:14px; align-items:end; margin-bottom:18px; }
.filter-grid.four { grid-template-columns:2fr 1.2fr 1.5fr 1fr; }
.filter-grid.five { grid-template-columns:2fr 1fr 1fr 1fr 1fr; }
.filter-grid.three { grid-template-columns:2fr 1fr 1fr; }
.filter-grid.compact { padding:12px; border:1px solid var(--line); border-radius:8px; background:#f8fafc; }
.chart-card { padding:18px; min-height:310px; }
.fake-chart { min-height:210px; border-radius:8px; background:linear-gradient(to top,rgba(20,115,255,.08),rgba(20,115,255,0)), repeating-linear-gradient(to right, transparent 0 70px, rgba(148,163,184,.16) 70px 71px), repeating-linear-gradient(to top, transparent 0 42px, rgba(148,163,184,.2) 42px 43px); position:relative; overflow:hidden; }
.fake-chart.line::after { content:""; position:absolute; inset:34px 28px; background:linear-gradient(135deg,transparent 0 15%,#1473ff 15% 17%,transparent 17% 31%,#16a34a 31% 33%,transparent 33% 47%,#1473ff 47% 49%,transparent 49% 64%,#16a34a 64% 66%,transparent 66%); opacity:.9; }
.donut { width:164px; height:164px; margin:24px auto 14px; border-radius:50%; background:conic-gradient(#1473ff 0 28%,#22c55e 28% 62%,#f59e0b 62% 80%,#ef4444 80% 100%); display:grid; place-items:center; }
.donut::before { content:""; width:94px; height:94px; border-radius:50%; background:var(--card); position:absolute; }
.donut span { position:relative; z-index:1; font-weight:950; }
.legend { display:grid; gap:8px; color:#526078; font-weight:760; }
.rank { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid var(--line); }
.rank b { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:#eef4ff; color:#1473ff; }
.person { display:flex; align-items:center; gap:10px; }
.person > span { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:#eaf2ff; color:#1264d8; font-weight:600; }
.person small,td small { display:block; color:#64748b; margin-top:3px; line-height:1.35; }
.round-icon { width:34px; height:34px; display:inline-grid; place-items:center; margin-right:8px; border-radius:50%; background:#dcfce7; color:#16a34a; }
.browser-dot { width:16px; height:16px; border-radius:50%; display:inline-block; margin-right:8px; background:conic-gradient(#ef4444 0 33%,#f59e0b 33% 55%,#22c55e 55% 75%,#1473ff 75%); vertical-align:middle; }
.file-product { display:flex; align-items:center; gap:12px; }
.file-icon { min-width:48px; height:48px; border-radius:8px; display:inline-grid; place-items:center; background:#eef4ff; color:#3867d6; border:1px solid #c7d7ff; font-weight:950; font-size:12px; }
.file-icon.small { min-width:32px; height:32px; }
.detail-layout { grid-template-columns:minmax(0,1.5fr) 360px; }
.detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.detail-grid.single { grid-template-columns:1fr; }
.detail-grid div,.soft-box { padding:14px; border:1px solid var(--line); border-radius:8px; background:#f8fafc; }
.detail-grid small,.soft-box span { display:block; color:#64748b; font-weight:600; margin-bottom:6px; }
.download-row { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) auto; gap:10px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:8px; margin-top:10px; background:#f8fafc; }
code { padding:4px 7px; border-radius:6px; background:#eef2ff; color:#1d4ed8; white-space:normal; }
.balance-layout { grid-template-columns:420px 1fr; }
.user-mini { display:flex; gap:12px; align-items:center; border:1px solid var(--line); border-radius:8px; padding:14px; margin:14px 0; }
.notice { padding:13px 14px; border-radius:8px; border:1px solid #93c5fd; background:#eff6ff; color:#1d4ed8; font-weight:760; margin-bottom:16px; }
.segmented { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0; }
.segmented button,.amounts button { min-height:40px; border:1px solid var(--line); border-radius:8px; background:#fff; font-weight:600; color:#334155; }
.segmented .active,.amounts .active { border-color:#22c55e; background:#ecfdf5; color:#15803d; }
.amounts { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0; }
.amounts.wide button { min-width:112px; }
.support-layout { grid-template-columns:minmax(0,1fr) 280px; align-items:start; }
.ticket-head { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.message { padding:14px; border:1px solid var(--line); border-radius:8px; background:#f8fafc; margin-top:12px; }
.message.admin { background:#eef4ff; }
.message small { float:right; color:#64748b; }
.editor-toolbar { min-height:40px; display:flex; align-items:center; gap:16px; padding:0 12px; border:1px solid var(--line); border-bottom:0; border-radius:8px 8px 0 0; background:#f8fafc; color:#526078; }
.editor { border-radius:0 0 8px 8px; }
.template,.provider { display:flex; justify-content:space-between; gap:10px; padding:12px; border:1px solid var(--line); border-radius:8px; margin-top:10px; background:#fff; color:#334155; font-weight:500; }
.tabs { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 16px; }
.tabs a { min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; border-radius:8px; background:#fff; color:#0f172a; font-weight:650; border:1px solid transparent; }
.tabs a.active { background:var(--blue); color:#fff; box-shadow:0 14px 28px rgba(20,115,255,.2); }
.lookup-form { display:grid; grid-template-columns:minmax(220px,1fr) 160px 140px 150px 180px; gap:14px; align-items:end; margin-top:12px; }
.price-list { display:grid; gap:12px; }
.price-row { display:grid; grid-template-columns:1fr 1fr 1fr 46px; gap:12px; align-items:end; padding:14px; border:1px solid var(--line); border-radius:8px; background:#f8fafc; }
.hidden { display:none!important; }
.dashboard-layout { grid-template-columns:minmax(0,2fr) minmax(280px,.9fr); }
.analytics-layout { grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr) minmax(260px,.7fr); }
.bar-chart { min-height:250px; display:flex; align-items:end; gap:26px; padding:40px 24px 18px; border-radius:8px; background:linear-gradient(to top,rgba(20,115,255,.05),transparent); }
.bar-chart i { flex:1; min-width:34px; border-radius:8px 8px 0 0; background:linear-gradient(180deg,#22c7f2,#1769f5); }
.bar-chart.small { min-height:180px; gap:14px; }
.flow-row { display:grid; grid-template-columns:18px 1fr 34px; gap:10px; align-items:center; padding:14px 0; }
.flow-row span { width:14px; height:14px; border-radius:50%; background:#1473ff; box-shadow:0 0 0 5px #dbeafe; }
.flow-row em { min-width:32px; height:28px; border-radius:999px; background:#dff6ff; display:grid; place-items:center; font-style:normal; color:#0c4a6e; font-weight:650; }
.flow-row small { grid-column:2 / -1; color:#64748b; }
.order-stat { display:grid; grid-template-columns:64px 1fr; column-gap:16px; align-items:center; }
.order-stat .round { grid-row:1 / 4; width:58px; height:58px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:24px; }
.round.blue { background:#1d65ff; }
.round.amber { background:#f59e0b; }
.round.green { background:#22c55e; }
.info-box { display:grid; grid-template-columns:24px 1fr; gap:4px 12px; padding:16px; border:1px solid #93c5fd; border-radius:8px; background:#eaf4ff; color:#075985; margin:14px 0; }
.info-box i { grid-row:1/3; font-size:20px; color:#1473ff; }
.info-box span { color:#315981; }
.stack { display:grid; gap:16px; align-content:start; }
.support-actions { display:flex; flex-direction:column; gap:6px; align-items:flex-start; }
.danger-notice { border-color:#fecaca; background:#fef2f2; color:#b91c1c; }
.purple-text { color:#7c3aed!important; }
.drag { color:#8da0b8; font-weight:900; }
.bank-row { grid-template-columns:28px 150px minmax(0,1fr) 95px 60px 104px; }
.bank-row .actions { justify-content:flex-end; }
.actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.actions form { margin:0; }
.file-types { display:inline-flex; max-width:220px; padding:4px 8px; border-radius:7px; background:#f1f5fb; color:#475569; font-size:12px; line-height:1.35; }
.file-checks { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.file-checks label { display:flex; align-items:center; gap:7px; min-height:38px; padding:0 12px; border:1px solid var(--line); border-radius:8px; background:#f8fafc; }
.file-checks input { width:auto; }
.settings-layout { grid-template-columns:minmax(0,1fr) 300px; align-items:start; }
.bank-row { display:grid; grid-template-columns:180px 1fr 70px 44px 44px; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid var(--line); }
.bank-row h3 { margin:8px 0 0; }
.bank-row small { display:block; color:#64748b; margin-top:6px; }
.switch input { display:none; }
.switch span { width:44px; height:24px; border-radius:999px; background:#22c55e; display:block; position:relative; }
.switch span::after { content:""; width:18px; height:18px; border-radius:50%; background:#fff; position:absolute; right:3px; top:3px; }
.switch-line { display:flex; align-items:center; gap:10px; margin-top:12px; }
.whatsapp-preview { display:grid; gap:7px; padding:14px; border:1px solid var(--line); border-radius:8px; }
.whatsapp-preview i { font-size:32px; color:#22c55e; }
.payment-card { max-width:980px; }
.balance-hero { min-height:96px; display:flex; align-items:center; gap:18px; padding:22px; border-radius:8px; background:linear-gradient(135deg,#6157ff,#2563eb); color:#fff; margin-bottom:22px; }
.balance-hero i { width:56px; height:56px; display:grid; place-items:center; border-radius:14px; background:rgba(255,255,255,.18); font-size:26px; }
.balance-hero strong { display:block; font-size:27px; margin-top:4px; }
.pay-method { min-height:88px; display:grid; grid-template-columns:42px 1fr; grid-template-areas:"icon title" "icon text"; align-items:center; gap:3px 12px; border:1px solid var(--line); border-radius:8px; padding:14px; cursor:pointer; }
.pay-method input { display:none; }
.pay-method i { grid-area:icon; width:42px; height:42px; border-radius:8px; background:#eef4ff; color:#1473ff; display:grid; place-items:center; font-size:20px; }
.pay-method b { grid-area:title; }
.pay-method span { grid-area:text; color:#64748b; font-size:13px; }
.balance-pill { display:grid; grid-template-columns:42px auto; gap:3px 10px; align-items:center; padding:12px 18px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.balance-pill i { grid-row:1/3; width:42px; height:42px; display:grid; place-items:center; border-radius:10px; background:#eef4ff; color:#1473ff; }
.detail-modal { max-width:760px; margin:auto; }
.soft-panel { padding:16px; border-radius:8px; background:#f8fafc; border:1px solid var(--line); }
.preview-art { min-height:100px; display:grid; place-items:center; border-radius:8px; background:linear-gradient(135deg,#111827,#facc15); color:#fff; font-weight:950; margin-top:10px; }
.tracking-box { border:2px solid #1473ff; border-radius:8px; padding:16px; margin:16px 0; }
.address-form-layout { grid-template-columns:minmax(0,1fr) 270px; }
.help-card { text-align:center; align-self:start; }
.help-card i { font-size:54px; color:#1473ff; }
.address-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.address-card { min-height:190px; padding:18px; display:grid; grid-template-columns:48px 1fr; gap:14px; position:relative; }
.address-icon { width:48px; height:48px; border-radius:10px; display:grid; place-items:center; background:#eef4ff; color:#1473ff; font-size:22px; }
.card-actions { position:absolute; right:14px; top:14px; display:flex; gap:8px; }
.address-add { min-height:190px; display:grid; place-items:center; text-align:center; padding:24px; color:#334155; }
.address-add i { font-size:38px; color:#1473ff; }
.ghost { background:transparent; border-color:transparent; }
.red { color:#dc2626!important; }
.green { color:#15803d!important; }
.amber-outline { border-color:#f59e0b; color:#b45309; }
body.dark { --bg:#101827; --card:#172033; --ink:#eef4ff; --muted:#a8b3c6; --line:#2b3a52; --side:#080d16; }
body.dark .topbar,body.dark .btn,body.dark input,body.dark select,body.dark textarea,body.dark .template,body.dark .provider,body.dark .balance-pill,body.dark .tabs a { background:#172033; color:#eef4ff; }
body.dark .tabs a.active,body.dark .btn.primary { background:var(--blue); color:#fff; }
body.dark th,body.dark .filter-grid.compact,body.dark .detail-grid div,body.dark .soft-box,body.dark .message,body.dark .soft-panel,body.dark .order-builder { background:#111a2b; }
body.dark .order-table td { background:#172033; }
body.dark .order-table th { background:#1d4ed8; }
.table-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:14px; color:#7a869a; font-size:13px; }
.pager { display:flex; align-items:center; gap:8px; }
.pager a { min-width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; background:#fff; color:#526078; font-weight:760; }
.pager .active { background:var(--blue); color:#fff; border-color:var(--blue); }
@media (max-width:1180px){ .cols-6,.cols-5,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));}.builder-footer,.filter-grid,.filter-grid.four,.filter-grid.five,.filter-grid.three,.settings-layout,.support-layout,.detail-layout,.balance-layout,.address-form-layout,.dashboard-layout,.analytics-layout,.lookup-form,.price-row{grid-template-columns:1fr}.download-row{grid-template-columns:1fr}.bank-row{grid-template-columns:1fr}.address-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:980px){ .panel{grid-template-columns:1fr}.sidebar{position:static!important;height:auto!important}.cols-6,.cols-5,.cols-4,.cols-3,.cols-2,.form-grid.two,.form-grid.three,.address-grid{grid-template-columns:1fr}.search{width:100%}.content{padding:20px 14px}.topbar{height:auto;min-height:66px;flex-wrap:wrap;padding:14px}.ticket-head{grid-template-columns:1fr 1fr}.order-builder{overflow:auto}.order-table{min-width:1180px} }