:root{
  --bg:#080b10;--bg2:#0d1219;--side:#0b1017;--card:#111821;--card2:#0d141d;
  --border:#202b38;--border2:#2a3948;--text:#f4f7fb;--muted:#8d9bab;
  --accent:#20e6a2;--accent2:#43a7ff;--danger:#ff5d73;--warn:#f7bd55;
  --purple:#8b7cff;--shadow:0 22px 65px rgba(0,0,0,.32);--shadow2:0 10px 32px rgba(0,0,0,.22)
}
[v-cloak]{display:none!important}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -10%,rgba(67,167,255,.12),transparent 32%),radial-gradient(circle at 15% 0,rgba(32,230,162,.07),transparent 28%),var(--bg);color:var(--text);font-family:'Plus Jakarta Sans',system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 80%);z-index:-1}
button,input,select,textarea{font:inherit}
button{transition:transform .15s ease,filter .15s ease,border-color .15s ease,background .15s ease}
button:not(:disabled):hover{transform:translateY(-1px)}
input,select,textarea{width:100%;background:#0a1017!important;border:1px solid var(--border2)!important;color:var(--text)!important;border-radius:13px!important;padding:13px 14px!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important}
input:focus,select:focus,textarea:focus{border-color:rgba(67,167,255,.72)!important;box-shadow:0 0 0 4px rgba(67,167,255,.10)!important}
textarea{min-height:120px;resize:vertical}
label{display:block!important;color:#aeb9c6!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.8px!important;font-weight:900!important;margin:15px 0 7px!important}
input[type=checkbox]{accent-color:var(--accent);width:auto!important;padding:0!important;box-shadow:none!important}

/* LOGIN */
.auth{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px!important;background:radial-gradient(circle at 50% 20%,rgba(32,230,162,.08),transparent 32%)}
.auth-card{width:470px!important;max-width:100%;background:rgba(17,24,33,.94)!important;border:1px solid var(--border2)!important;border-radius:28px!important;padding:38px!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(18px)}
.auth-card:after{content:"Güvenli otomasyon merkezi · WhatsApp + XenForo";display:block;text-align:center;color:#687687;font-size:11px;margin-top:22px}
.brand{display:flex!important;align-items:center!important;gap:13px!important}.brand.center{justify-content:center!important;margin-bottom:30px!important}.logo{width:52px!important;height:52px!important;min-width:52px;border-radius:17px!important;background:linear-gradient(135deg,var(--accent2),var(--accent))!important;color:#041016!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 32px rgba(32,230,162,.16)!important}.brand h1{font-size:24px!important}.brand span{color:var(--accent)!important}.sub,.small{color:var(--muted)!important;font-size:12px!important;line-height:1.55}
.alert{background:rgba(255,93,115,.08)!important;border:1px solid rgba(255,93,115,.25)!important;color:#ffd9df!important;padding:13px 14px!important;border-radius:13px!important}.ok{background:rgba(32,230,162,.08)!important;border:1px solid rgba(32,230,162,.22)!important;color:#bff9e5!important;padding:13px 14px!important;border-radius:13px!important}

/* APP SHELL */
.layout{display:flex!important;min-height:100vh!important}.sidebar{width:282px!important;min-width:282px!important;background:rgba(9,14,21,.92)!important;border-right:1px solid var(--border)!important;padding:22px 17px!important;position:fixed!important;height:100vh!important;overflow:auto!important;backdrop-filter:blur(18px);z-index:50!important;box-shadow:16px 0 55px rgba(0,0,0,.15)}
.sidebar>.brand{padding:5px 7px 16px}.sidebar>.card{background:linear-gradient(145deg,rgba(67,167,255,.08),rgba(32,230,162,.04))!important;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:18px!important}
.nav{display:flex!important;flex-direction:column!important;gap:5px!important;margin-top:14px!important}.nav button{width:100%;border:1px solid transparent!important;background:transparent!important;color:#8f9cac!important;display:flex!important;align-items:center!important;gap:11px!important;padding:12px 13px!important;border-radius:13px!important;font-weight:800!important;text-align:left!important;cursor:pointer}.nav button i{width:19px;text-align:center;color:#657586}.nav button.active,.nav button:hover{background:linear-gradient(90deg,rgba(67,167,255,.12),rgba(32,230,162,.06))!important;border-color:rgba(67,167,255,.14)!important;color:#f4f7fb!important}.nav button.active i{color:var(--accent)!important}
.main{width:calc(100% - 282px)!important;max-width:none!important;margin-left:282px!important;padding:30px 38px 60px!important;min-width:0}
.main>div:first-child{padding:4px 2px 22px;border-bottom:1px solid rgba(255,255,255,.045);margin-bottom:24px!important}.main>div:first-child h2{font-size:25px!important;letter-spacing:-.5px}.main>div:first-child .sub{margin-top:4px}
.chip{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(32,230,162,.09)!important;color:var(--accent)!important;border:1px solid rgba(32,230,162,.17)!important;font-weight:900!important;font-size:10px!important}.chip.warn{background:rgba(247,189,85,.08)!important;color:var(--warn)!important;border-color:rgba(247,189,85,.18)!important}

/* COMMON CARDS */
.card{background:linear-gradient(145deg,rgba(17,24,33,.96),rgba(12,18,25,.96))!important;border:1px solid var(--border)!important;border-radius:20px!important;padding:22px!important;box-shadow:var(--shadow2)!important;margin-bottom:18px!important;min-width:0}.card:hover{border-color:#2b3b4c!important;box-shadow:0 16px 44px rgba(0,0,0,.27)!important}
.grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:17px!important}.c3{grid-column:span 3!important}.c4{grid-column:span 4!important}.c5{grid-column:span 5!important}.c6{grid-column:span 6!important}.c7{grid-column:span 7!important}.c8{grid-column:span 8!important}.c12{grid-column:1/-1!important}
.card h2,.card h3,.card h4{margin-top:0!important;letter-spacing:-.25px}.card h3{font-size:17px}.card h4{font-size:14px}
.actions,.settings-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:0!important;border-radius:12px!important;padding:11px 14px!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important;background:linear-gradient(135deg,var(--accent2),var(--accent))!important;color:#041016!important;box-shadow:0 8px 22px rgba(32,230,162,.09)}.btn.dark{background:#151e29!important;color:#e7edf4!important;border:1px solid var(--border2)!important;box-shadow:none}.btn.red{background:rgba(255,93,115,.12)!important;color:#ff9cac!important;border:1px solid rgba(255,93,115,.2)!important;box-shadow:none}.btn.warn{background:rgba(247,189,85,.14)!important;color:#ffd77c!important;border:1px solid rgba(247,189,85,.2)!important;box-shadow:none}.btn:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important}
.tabs{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-bottom:18px!important;padding:5px!important;background:#0a1017!important;border:1px solid var(--border)!important;border-radius:14px!important}.tabs button{border:1px solid transparent!important;background:transparent!important;color:#7f8d9d!important;padding:10px 13px!important;border-radius:10px!important;font-size:11px!important;font-weight:900!important;cursor:pointer}.tabs button.active{background:linear-gradient(135deg,rgba(67,167,255,.18),rgba(32,230,162,.10))!important;color:#fff!important;border-color:rgba(67,167,255,.17)!important}
.result,.log{background:#060a0f!important;border:1px solid var(--border)!important;border-radius:15px!important;padding:15px!important;white-space:pre-wrap!important;word-break:break-word!important;overflow:auto}.log{height:460px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#aeb9c6}
table{width:100%;border-collapse:collapse!important}th,td{padding:12px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;text-align:left!important;font-size:12px!important;vertical-align:top!important}th{color:#718093!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.7px!important}tbody tr:hover,table tr:hover td{background:rgba(67,167,255,.035)}

/* HOME */
.module-card{display:flex;gap:17px;align-items:flex-start;cursor:pointer!important;padding:26px!important;min-height:190px}.module-card h2{font-size:19px;margin:1px 0 6px}.module-icon{width:54px;height:54px;min-width:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px}.module-icon.whatsapp{background:rgba(32,230,162,.10);color:var(--accent);border:1px solid rgba(32,230,162,.18)}.module-icon.xenforo{background:rgba(67,167,255,.10);color:var(--accent2);border:1px solid rgba(67,167,255,.18)}
.module-help{margin-top:13px;padding:12px 13px;border-radius:12px;background:rgba(67,167,255,.045);border:1px solid rgba(67,167,255,.11);color:#8fa0b2;font-size:11px;line-height:1.55}.module-help b{color:#dce6ee}

/* IMPORT */
.x-import-page{grid-column:1/-1!important;width:100%!important;min-width:0!important}.x-import-page .card{width:100%}.import-hero{display:flex!important;justify-content:space-between;align-items:center;gap:30px;padding:30px!important;background:radial-gradient(circle at 80% 30%,rgba(32,230,162,.09),transparent 35%),linear-gradient(135deg,rgba(67,167,255,.10),rgba(17,24,33,.96))!important}.import-hero h2{font-size:29px!important;line-height:1.1!important;margin:0 0 9px!important;max-width:440px}.import-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#8290a0}.import-flow span{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border2);border-radius:11px;background:#0b121a;font-size:11px}.import-flow b{color:var(--accent)}.import-quick-card{padding:25px!important}.import-url-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}.import-url-row input{height:51px!important}.import-primary{height:51px!important;min-width:155px}.import-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.switch-row{display:flex!important;align-items:center;gap:8px!important;text-transform:none!important;font-size:11px!important;color:#cbd5df!important;background:#0a1118!important;border:1px solid var(--border)!important;padding:9px 11px!important;border-radius:11px!important;margin:0!important}.switch-row input{width:auto!important;margin:0!important}.import-rule{display:flex;gap:11px;align-items:flex-start;margin-top:14px;padding:13px 14px;border-radius:13px;background:rgba(67,167,255,.05);border:1px solid rgba(67,167,255,.12);color:#91a1b1;font-size:11px;line-height:1.55}.import-rule>i{color:var(--accent);font-size:16px;margin-top:2px}.import-rule b{color:#edf4f8}.direct-preview-card{border-color:rgba(32,230,162,.23)!important;background:linear-gradient(145deg,rgba(32,230,162,.045),rgba(17,24,33,.97))!important}.preview-actions{display:flex;gap:8px;flex-wrap:wrap}.preview-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0}.preview-meta-grid>div{padding:12px 13px;border:1px solid var(--border);background:#0a1118;border-radius:12px}.preview-meta-grid span{display:block;color:#6f7e8e;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.7px;margin-bottom:5px}.preview-meta-grid b{font-size:12px}.preview-body{background:#070c12;border:1px solid var(--border);border-radius:14px;padding:15px;max-height:380px;overflow:auto;white-space:pre-wrap;line-height:1.65;color:#dbe5ed}.preview-body-head{display:flex;justify-content:space-between;gap:10px;position:sticky;top:-15px;background:#070c12;padding-bottom:11px;margin-bottom:10px;border-bottom:1px solid var(--border);font-weight:900}.preview-body-head a{color:var(--accent);text-decoration:none;font-size:11px}.import-scan-grid{margin-top:0}.import-small-grid{gap:9px}.full-btn{width:100%;margin-top:11px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:rgba(32,230,162,.09);color:var(--accent);font-size:10px;vertical-align:middle}.table-scroll{overflow:auto;max-height:470px;border:1px solid rgba(255,255,255,.055);border-radius:13px}.table-scroll table{min-width:620px}.empty-import{text-align:center;color:var(--muted);padding:40px!important}

/* DIAGNOSTICS */
.diagnostic-box{margin-top:16px;border:1px solid var(--border);background:#0a1017;border-radius:15px;padding:15px}.diagnostic-title{font-weight:900;font-size:13px;margin-bottom:10px}.diag-row{display:grid;grid-template-columns:180px 90px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.diag-row:last-of-type{border-bottom:0}.diag-ok{color:var(--accent)}.diag-bad{color:#ff8797}.diag-row em{font-style:normal;color:#7f8d9d;overflow-wrap:anywhere}.diag-row small{font-weight:700;opacity:.7}.diag-note{margin-top:11px;color:#8e9dad;font-size:10px;line-height:1.6}.diag-note code{color:#c9d6e2}

/* TABLES / USER PICKER */
.user-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.user-filter-row{display:grid;grid-template-columns:minmax(220px,1fr) 150px;gap:9px;margin:10px 0 12px}.user-table-wrap{max-height:560px;overflow:auto;border:1px solid var(--border);border-radius:13px}.user-table-wrap table{margin:0}.user-table-wrap th{position:sticky;top:0;background:#0c131b;z-index:2}.pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:12px}.pager-info{color:var(--muted);font-weight:800;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#0a1118}
.waadd-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:13px 0!important}.waadd-stats div{background:#0a1118!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:12px!important}.waadd-stats b{display:block;font-size:18px!important;color:var(--accent)!important}
.qrbox{background:#fff!important;border-radius:16px!important;padding:18px!important;width:292px!important;min-height:292px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:12px auto!important;color:#101820!important}

/* MOBILE */
@media(max-width:1120px){.sidebar{width:245px!important;min-width:245px!important}.main{width:calc(100% - 245px)!important;margin-left:245px!important;padding:25px}.c3{grid-column:span 6!important}.c4{grid-column:span 6!important}.c5,.c6,.c7,.c8{grid-column:1/-1!important}.preview-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-hero{display:block!important}.import-flow{margin-top:18px}}
@media(max-width:760px){.layout{display:block!important}.sidebar{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;border-right:0!important;border-bottom:1px solid var(--border)!important}.main{width:100%!important;margin-left:0!important;padding:18px!important}.nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid{grid-template-columns:1fr!important}.c3,.c4,.c5,.c6,.c7,.c8,.c12{grid-column:1/-1!important}.import-url-row{grid-template-columns:1fr!important}.preview-meta-grid{grid-template-columns:1fr!important}.module-card{min-height:0}.diag-row{grid-template-columns:1fr;gap:4px}.waadd-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.auth-card{padding:28px!important}}
@media(max-width:480px){.nav{grid-template-columns:1fr!important}.main>div:first-child{display:block!important}.main>div:first-child>span{margin-top:10px}.import-hero h2{font-size:23px!important}.card{padding:17px!important}.tabs{overflow:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}.waadd-stats{grid-template-columns:1fr 1fr!important}}
.import-checklist{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.import-checklist span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;background:#0a1118;border:1px solid rgba(32,230,162,.10);color:#8998a8;font-size:10px}.import-checklist i{color:var(--accent)}.import-log-mini{margin:15px 0;padding:11px 12px;border-radius:12px;background:#080e14;border:1px solid var(--border);font-size:10px;color:#8190a0}.import-log-mini b{display:block;color:#dce6ee;margin-bottom:6px}.import-log-mini div{white-space:pre-wrap;max-height:150px;overflow:auto;line-height:1.55}


/* XenPost Studio refresh: distinct, polished automation-console visual system */
.xenpost-wrap{max-width:1540px}
.xp-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 10%,rgba(100,72,255,.18),transparent 34%),radial-gradient(ellipse at 6% 100%,rgba(0,215,190,.12),transparent 36%),linear-gradient(118deg,#101a2e 0%,#101827 56%,#17142b 100%);border:1px solid rgba(124,147,255,.24);box-shadow:0 20px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
.xp-hero:after{content:"";position:absolute;right:-46px;bottom:-102px;width:290px;height:290px;border-radius:50%;border:1px solid rgba(93,234,216,.16);box-shadow:0 0 0 26px rgba(93,234,216,.025),0 0 0 52px rgba(93,234,216,.02);pointer-events:none}
.xp-eyebrow{color:#7cebdc;letter-spacing:2.4px}
.xp-live{position:relative;z-index:1;background:rgba(8,20,37,.66);border:1px solid rgba(65,224,194,.23);border-radius:99px;padding:10px 13px;color:#80f0d7}
.xp-dot{background:#53e4cb;box-shadow:0 0 14px rgba(83,228,203,.7)}
.xp-tabs{gap:9px}
.xp-tabs button{background:linear-gradient(140deg,#101b2b,#0b1421);border:1px solid #26344d;border-radius:13px;color:#9eacc5;transition:transform .18s ease,border-color .18s ease,background .18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.xp-tabs button:hover{transform:translateY(-1px);border-color:#5269a0;color:#e7edff}
.xp-tabs button.active{background:linear-gradient(115deg,#166d83,#3b4ba4 65%,#5943a4);border-color:#62cbd5;color:#fff;box-shadow:0 8px 24px rgba(34,117,160,.22)}
.xp-tabs span{background:rgba(3,11,23,.38);color:#c6e8f4}
.xp-panel{background:linear-gradient(145deg,rgba(16,26,42,.98),rgba(10,17,30,.99));border:1px solid #25334b;border-radius:20px;box-shadow:0 16px 42px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025)}
.xp-panel-head{padding-bottom:15px;border-bottom:1px solid rgba(103,129,170,.13)}
.xp-panel-head h3,.xp-panel>h3{letter-spacing:-.25px;color:#e9efff}
.xp-panel-head p{color:#8f9fbc}
.xp-form-grid{background:linear-gradient(145deg,#0b1422,#0c1728);border-color:#263650;padding:18px}
.xp-form-grid label{color:#a8c6df}
.xp-form-grid input,.xp-form-grid select,.xp-form-grid textarea{background:#080f1c!important;border:1px solid #2b3b57!important;color:#e5edff!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.xp-form-grid input:focus,.xp-form-grid select:focus,.xp-form-grid textarea:focus{outline:none;border-color:#4facc5!important;box-shadow:0 0 0 3px rgba(64,172,197,.11)}
.xp-form-grid input::placeholder,.xp-form-grid textarea::placeholder{color:#62718c}
.xp-source-row{padding:15px 12px;border:1px solid transparent;border-bottom-color:rgba(103,129,170,.15);border-radius:13px;transition:background .18s ease,border-color .18s ease}
.xp-source-row:hover{background:rgba(42,73,111,.13);border-color:rgba(91,123,174,.2)}
.xp-site-icon{background:linear-gradient(145deg,#112d3b,#18264a);border-color:#355575;color:#6fe3d3;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.xp-source-main a,.xp-forum-card a,.xp-queue-table a{color:#87dff1}
.xp-source-main small,.xp-url{color:#8497b5}
.xp-source-stats b{color:#7de5d1}
.xp-source-stats small{color:#8293ae}
.xp-note{border-left-color:#4ec8d1;background:linear-gradient(100deg,rgba(27,91,112,.19),rgba(31,42,79,.18));color:#adbed7;border-radius:0 12px 12px 0}
.xp-empty{color:#93a5c0}
.xp-empty i{color:#75dcd8}
.xp-empty b{color:#e5edff}
.xp-forum-card,.xp-compare>div{background:linear-gradient(150deg,#0d1829,#0a1321);border-color:#273953;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.xp-forum-card p{color:#b1c0d8}
.xp-map{border-top-color:#293a56}
.xp-check{color:#d6e4f7!important}
.xp-metric{background:linear-gradient(135deg,#102d3b,#1a2242)}
.xp-metric b{color:#79e4d5}
.xp-metric span{color:#9eb3ce}
.xp-queue-table{border:1px solid #253650;border-radius:14px;overflow:auto;background:rgba(7,14,24,.3)}
.xp-queue-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}
.xp-queue-table th{position:sticky;top:0;background:#121e32;color:#b9cbe7;font-size:11px;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #2b3d5b}
.xp-queue-table td{padding:13px 12px;border-bottom:1px solid rgba(105,132,174,.13);color:#dce6f7}
.xp-queue-table tr:last-child td{border-bottom:0}
.xp-queue-table tbody tr:hover td,.xp-queue-table tr:hover td{background:rgba(59,89,140,.1)}
.xp-queue-table input[type=checkbox]{accent-color:#5fd6d0;width:16px;height:16px}
.xp-forum-top .chip,.xp-source-row .chip{letter-spacing:.35px}
.xenpost-wrap .btn{border-color:#3b9daa;background:linear-gradient(115deg,#156a7b,#354b9e);box-shadow:0 6px 16px rgba(27,99,136,.13)}
.xenpost-wrap .btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.xenpost-wrap .btn.dark{background:#101a2b;border-color:#31425e;box-shadow:none}
.xenpost-wrap .btn.red{background:linear-gradient(110deg,#8e3154,#a34045);border-color:#bc5368}
.xenpost-wrap button:disabled{opacity:.48;cursor:not-allowed;transform:none}
@media(max-width:680px){.xp-hero{padding:20px;border-radius:17px}.xp-hero h2{font-size:23px}.xp-panel{padding:15px}.xp-tabs button{flex:1 1 calc(50% - 8px);padding:11px 9px}.xp-live{white-space:normal}.xp-source-row{padding:12px 8px}}