:root{
  --bg:#0A0A0F;--bg2:#111118;--bg3:#16161F;--bg4:#1E1E2A;
  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.14);
  --txt:#F0F0F8;--txt2:#8888AA;--txt3:#555570;
  --accent:#6C63FF;--accent-h:#8079FF;--accent-glow:rgba(108,99,255,0.22);
  --blue:#3B82F6;--amber:#F59E0B;--red:#EF4444;--green:#10B981;--orange:#F97316;
  --sw:240px;--r:12px;--rl:16px;
  --font:'Plus Jakarta Sans',sans-serif;--mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--txt);min-height:100vh;display:flex;overflow-x:hidden}

/* ── SIDEBAR ── */
.sidebar{width:var(--sw);min-height:100vh;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem .875rem;position:fixed;top:0;left:0;z-index:100;transition:transform .3s ease}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:.5rem .5rem 1.25rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}
.brand-logo{width:34px;height:34px;background:linear-gradient(135deg,var(--accent),#9C8FFF);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}
.brand-name{font-size:15px;font-weight:700;color:var(--txt);display:block;line-height:1.2}
.brand-sub{font-size:10px;color:var(--txt3);font-family:var(--mono)}
.nav-links{display:flex;flex-direction:column;gap:3px}
.nav-link{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;color:var(--txt2);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .18s;position:relative}
.nav-link svg{width:17px;height:17px;flex-shrink:0}
.nav-link:hover{background:var(--bg4);color:var(--txt)}
.nav-link.active{background:var(--accent-glow);color:var(--accent);border:1px solid rgba(108,99,255,.28)}
.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px;line-height:1.6}
.nav-badge:not(.danger){background:var(--accent);color:#fff}
.sidebar-section-title{font-size:10px;color:var(--txt3);text-transform:uppercase;letter-spacing:1px;padding:1rem .5rem .4rem;font-weight:600}
.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}
.user-card{display:flex;align-items:center;gap:9px;padding:9px 8px}
.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--green),#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}
.user-name{font-size:12px;font-weight:600;color:var(--txt);display:block}
.user-role{font-size:10px;color:var(--txt3)}

/* ── MOBILE HEADER ── */
.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:200;background:var(--bg2);border-bottom:1px solid var(--border);height:54px;align-items:center;padding:0 1rem;gap:10px}
.menu-btn,.icon-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:6px;cursor:pointer;color:var(--txt);display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s}
.menu-btn:hover,.icon-btn:hover{border-color:var(--border2)}
.voice-mobile-btn{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:10px;padding:7px}
.icon-btn-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.mobile-title{flex:1;font-size:15px;font-weight:700}
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99;backdrop-filter:blur(2px)}

/* ── MAIN ── */
.main-content{margin-left:var(--sw);flex:1;padding:2rem;min-height:100vh}

/* ── PAGE HEADER ── */
.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}
.page-title{font-size:clamp(20px,3.5vw,26px);font-weight:800;color:var(--txt)}
.page-sub{font-size:12px;color:var(--txt3);margin-top:3px}
.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* ── ALERT BANNERS ── */
.alert-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r);margin-bottom:1.25rem;font-size:13px;flex-wrap:wrap}
.alert-banner.danger{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);color:#fca5a5}
.alert-banner.warning{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);color:#fcd34d}
.alert-banner.info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);color:#93c5fd}
.alert-banner strong{font-weight:700}
.alert-banner a{color:inherit;font-weight:600;margin-left:auto;white-space:nowrap;text-decoration:underline}
.alert-banner .btn-sm{margin-left:auto}

/* ── STATS ── */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:1.75rem}
.stat-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);padding:1.1rem 1.1rem 1.1rem 1rem;display:flex;align-items:center;gap:12px;transition:transform .2s,border-color .2s}
.stat-card:hover{transform:translateY(-2px);border-color:var(--border2)}
.stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stat-label{font-size:10.5px;color:var(--txt3);text-transform:uppercase;letter-spacing:.7px;display:block;margin-bottom:3px}
.stat-value{font-size:21px;font-weight:800;color:var(--txt);display:block;font-family:var(--mono);line-height:1.1}
.stat-trend{font-size:10px;display:block;margin-top:3px}
.stat-trend.up{color:var(--red)} .stat-trend.down{color:var(--green)}
.accent-blue .stat-icon{background:rgba(59,130,246,.14);color:var(--blue)}
.accent-amber .stat-icon{background:rgba(245,158,11,.14);color:var(--amber)}
.accent-red .stat-icon{background:rgba(239,68,68,.14);color:var(--red)}
.accent-green .stat-icon{background:rgba(16,185,129,.14);color:var(--green)}
.accent-blue{border-left:3px solid var(--blue)}
.accent-amber{border-left:3px solid var(--amber)}
.accent-red{border-left:3px solid var(--red)}
.accent-green{border-left:3px solid var(--green)}

/* ── PROGRESS BAR ── */
.progress-bar-track{background:var(--bg4);border-radius:20px;height:9px;overflow:hidden}
.progress-bar-fill{background:var(--green);height:9px;border-radius:20px;transition:width .6s ease}
.progress-bar-fill.warning{background:var(--amber)}
.progress-bar-fill.danger{background:var(--red)}

/* ── CARDS ── */
.card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);padding:1.375rem;margin-bottom:1.5rem}
.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;flex-wrap:wrap;gap:8px}
.card-header h2{font-size:14px;font-weight:700;color:var(--txt)}
.card-link{font-size:12px;color:var(--accent);text-decoration:none;font-weight:500}
.card-link:hover{text-decoration:underline}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.badge-count{background:var(--accent-glow);color:var(--accent);font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}
.badge-overdue{background:rgba(239,68,68,.2);color:#fca5a5;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}

/* ── EXPENSE ROWS ── */
.expense-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}
.expense-row:last-child{border-bottom:none}
.expense-icon{width:35px;height:35px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;letter-spacing:.5px}
.cat-alimentation{background:rgba(16,185,129,.15);color:var(--green)}
.cat-transport{background:rgba(59,130,246,.15);color:var(--blue)}
.cat-sante{background:rgba(239,68,68,.15);color:var(--red)}
.cat-logement{background:rgba(245,158,11,.15);color:var(--amber)}
.cat-loisirs{background:rgba(168,85,247,.15);color:#a855f7}
.cat-education{background:rgba(236,72,153,.15);color:#ec4899}
.cat-travail{background:rgba(108,99,255,.15);color:var(--accent)}
.cat-famille{background:rgba(249,115,22,.15);color:var(--orange)}
.cat-autre{background:rgba(100,116,139,.15);color:#64748b}
.expense-body{flex:1;min-width:0}
.expense-title{font-size:13.5px;font-weight:600;color:var(--txt);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expense-meta{font-size:11px;color:var(--txt3)}
.expense-right{display:flex;align-items:center;gap:6px}
.expense-amount{font-size:13.5px;font-weight:700;color:var(--red);font-family:var(--mono);white-space:nowrap}

/* ── TASK ROWS ── */
.task-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}
.task-row:last-child{border-bottom:none}
.task-item{display:flex;align-items:flex-start;gap:11px;padding:13px;border-radius:var(--r);border:1px solid var(--border);margin-bottom:8px;transition:border-color .2s}
.task-item:hover{border-color:var(--border2)}
.task-overdue{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.04)}
.task-check{width:19px;height:19px;border:1.5px solid var(--border2);border-radius:6px;cursor:pointer;flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:2px}
.task-check.checked{background:var(--green);border-color:var(--green)}
.task-check.checked::after{content:'✓';color:#fff;font-size:10px;font-weight:800}
.task-check:hover:not(.checked){border-color:var(--accent);background:var(--accent-glow)}
.task-body{flex:1;min-width:0}
.task-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:4px}
.task-title{font-size:13.5px;font-weight:600;color:var(--txt)}
.task-title.done{text-decoration:line-through;color:var(--txt3)}
.task-meta-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.task-cat{font-size:11px;color:var(--txt3);background:var(--bg4);padding:2px 8px;border-radius:20px}
.task-due{font-size:11px;color:var(--txt3)}
.task-due.overdue{color:var(--red)}
.task-desc{font-size:12px;color:var(--txt2);margin-top:4px;line-height:1.5}
.task-actions{display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.task-status-badge{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:600;white-space:nowrap}
.badge{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.badge-urgente{background:rgba(239,68,68,.2);color:#fca5a5}
.badge-haute{background:rgba(245,158,11,.2);color:#fcd34d}
.badge-normale{background:rgba(108,99,255,.2);color:#c4b5fd}
.badge-faible{background:rgba(100,116,139,.2);color:#94a3b8}
.status-todo{background:rgba(59,130,246,.15);color:#93c5fd}
.status-en_cours{background:rgba(245,158,11,.15);color:#fcd34d}
.status-terminee{background:rgba(16,185,129,.15);color:#6ee7b7}
.status-annulee{background:rgba(100,116,139,.15);color:#94a3b8}
.priority-urgente{border-left:3px solid var(--red)}
.priority-haute{border-left:3px solid var(--amber)}
.priority-normale{border-left:3px solid var(--accent)}
.priority-faible{border-left:3px solid var(--txt3)}
.status-select{font-size:11px;background:var(--bg4);border:1px solid var(--border);color:var(--txt2);padding:4px 6px;border-radius:6px;cursor:pointer;font-family:var(--font)}

/* ── FILTER TABS ── */
.filter-tabs,.card-header div[style*="flex"]{display:flex;gap:6px;flex-wrap:wrap}
.filter-tab{background:none;border:1px solid var(--border);color:var(--txt2);padding:5px 13px;border-radius:20px;font-size:12.5px;cursor:pointer;font-family:var(--font);transition:all .18s;white-space:nowrap}
.filter-tab:hover{border-color:var(--border2);color:var(--txt)}
.filter-tab.active{background:var(--accent-glow);border-color:rgba(108,99,255,.4);color:var(--accent)}
.overdue-tab.active{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#fca5a5}

/* ── BUTTONS ── */
.btn-primary{background:var(--accent);color:#fff;border:none;padding:9px 18px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .18s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.btn-primary:hover{background:var(--accent-h);transform:translateY(-1px)}
.btn-secondary{background:none;color:var(--txt2);border:1px solid var(--border);padding:9px 16px;border-radius:10px;font-size:13.5px;cursor:pointer;font-family:var(--font);transition:all .18s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.btn-secondary:hover{border-color:var(--border2);color:var(--txt)}
.btn-sm{background:none;border:1px solid var(--border);color:var(--txt2);padding:3px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:var(--font);transition:all .18s}
.btn-sm:hover{border-color:var(--border2);color:var(--txt)}
.btn-icon{background:none;border:none;color:var(--txt3);cursor:pointer;padding:4px 5px;border-radius:6px;font-size:13px;line-height:1;transition:all .18s}
.btn-icon:hover{background:var(--bg4);color:var(--txt)}
.delete-btn:hover{color:var(--red)}
.tab-bar{display:flex;gap:6px;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:1rem}
.tab-btn{background:none;border:1px solid var(--border);color:var(--txt2);padding:7px 16px;border-radius:20px;font-size:13px;cursor:pointer;font-family:var(--font);transition:all .18s}
.tab-btn.active{background:var(--accent-glow);border-color:rgba(108,99,255,.4);color:var(--accent)}

/* ── FORMS ── */
.form-group{margin-bottom:1rem}
.form-group label{display:block;font-size:11px;font-weight:600;color:var(--txt2);margin-bottom:5px;text-transform:uppercase;letter-spacing:.6px}
.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--bg4);border:1px solid var(--border);color:var(--txt);padding:9px 12px;border-radius:9px;font-size:13.5px;font-family:var(--font);transition:border-color .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--txt3)}
.form-group select option{background:var(--bg3)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.input-month{background:var(--bg4);border:1px solid var(--border);color:var(--txt);padding:8px 11px;border-radius:9px;font-size:13px;cursor:pointer;font-family:var(--font)}

/* ── MODALS ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:500;align-items:center;justify-content:center;backdrop-filter:blur(5px);padding:1rem}
.modal-overlay.open{display:flex}
.modal{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);padding:1.5rem;width:100%;max-width:500px;max-height:92vh;overflow-y:auto}
.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.modal-header h3{font-size:16px;font-weight:700}
.modal-x{background:none;border:none;color:var(--txt3);font-size:17px;cursor:pointer;padding:3px;line-height:1;transition:color .18s}
.modal-x:hover{color:var(--txt)}
.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}

/* ── VOICE MODAL ── */
.voice-modal-inner{max-width:480px;text-align:center;position:relative}
.voice-icon-wrap{width:90px;height:90px;margin:0 auto 1.5rem;position:relative;display:flex;align-items:center;justify-content:center}
.voice-ring{position:absolute;inset:-12px;border-radius:50%;border:2px solid var(--accent);opacity:0}
.voice-ring.active{animation:ring-expand 1.1s ease-out infinite}
#voiceMicIcon{color:var(--accent);transition:color .2s}
#voiceMicIcon.listening{color:var(--red)}
.voice-status{font-size:17px;font-weight:700;margin-bottom:.75rem;color:var(--txt)}
.voice-transcript-box{font-size:13px;color:var(--txt2);min-height:44px;padding:10px 14px;background:var(--bg4);border-radius:10px;margin-bottom:1.25rem;border:1px solid var(--border);font-style:italic;text-align:left}
.btn-voice-start{background:var(--accent);color:#fff;border:none;padding:11px 24px;border-radius:12px;font-size:14.5px;font-weight:700;cursor:pointer;font-family:var(--font);display:inline-flex;align-items:center;gap:8px;margin-bottom:1.5rem;transition:all .2s}
.btn-voice-start:hover{background:var(--accent-h)}
.btn-voice-start.listening{background:var(--red)}
.vc-ai-badge{background:linear-gradient(135deg,var(--accent-glow),rgba(16,185,129,.15));border:1px solid rgba(108,99,255,.3);border-radius:8px;padding:8px 14px;font-size:11px;font-weight:600;color:var(--accent);text-align:center;margin-bottom:1rem;letter-spacing:.3px}
.voice-commands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}
.vc-group{background:var(--bg4);border-radius:10px;padding:10px}
.vc-title{font-size:11px;font-weight:700;margin-bottom:6px;color:var(--txt)}
.vc-item{font-size:10px;color:var(--txt3);font-family:var(--mono);margin-bottom:4px;line-height:1.4}

/* ── VOICE FAB ── */
.voice-fab{position:fixed;bottom:1.75rem;right:1.75rem;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#9C8FFF);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--accent-glow);z-index:300;transition:transform .2s,box-shadow .2s}
.voice-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(108,99,255,.45)}
.voice-fab.listening{animation:pulse-ring 1.1s infinite;background:var(--red)}

/* ── ALERTS DRAWER ── */
.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:390;backdrop-filter:blur(2px)}
.drawer-overlay.open{display:block}
.drawer{position:fixed;top:0;right:-400px;width:380px;max-width:100vw;height:100vh;background:var(--bg3);border-left:1px solid var(--border);z-index:400;display:flex;flex-direction:column;transition:right .3s ease}
.drawer.open{right:0}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border)}
.drawer-header h3{font-size:15px;font-weight:700}
.drawer-body{flex:1;overflow-y:auto;padding:1rem}
.alert-item{display:flex;gap:10px;padding:12px;border-radius:var(--r);border:1px solid var(--border);margin-bottom:8px;transition:border-color .2s;cursor:pointer}
.alert-item:hover{border-color:var(--border2)}
.alert-item.unread{border-left:3px solid var(--accent)}
.alert-item.unread.danger{border-left-color:var(--red)}
.alert-item.unread.warning{border-left-color:var(--amber)}
.alert-item.unread.success{border-left-color:var(--green)}
.alert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}
.alert-dot.info{background:var(--accent)} .alert-dot.warning{background:var(--amber)}
.alert-dot.danger{background:var(--red)} .alert-dot.success{background:var(--green)}
.alert-content{flex:1;min-width:0}
.alert-title{font-size:13px;font-weight:600;color:var(--txt);margin-bottom:2px}
.alert-msg{font-size:11.5px;color:var(--txt2);line-height:1.4}
.alert-time{font-size:10px;color:var(--txt3);margin-top:4px}

/* ── TOAST ── */
.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;align-items:center}
.toast{background:var(--bg3);border:1px solid var(--border);padding:11px 20px;border-radius:10px;font-size:13.5px;font-weight:500;opacity:0;transform:translateY(8px);transition:all .25s;pointer-events:auto;white-space:nowrap}
.toast.show{opacity:1;transform:translateY(0)}
.toast.success{border-color:var(--green);color:var(--green)}
.toast.error{border-color:var(--red);color:var(--red)}
.toast.info{border-color:var(--accent);color:var(--accent)}
.empty-state{padding:2rem;text-align:center;color:var(--txt3);font-size:13.5px}

@keyframes ring-expand{0%{transform:scale(1);opacity:.7} 100%{transform:scale(1.7);opacity:0}}
@keyframes pulse-ring{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)} 50%{box-shadow:0 0 0 12px rgba(239,68,68,0)}}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .sidebar{transform:translateX(-100%)} .sidebar.open{transform:translateX(0)}
  .mobile-header{display:flex} .voice-fab{display:none}
  .main-content{margin-left:0;padding:64px 1rem 2rem}
  .two-col{grid-template-columns:1fr} .form-row{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .voice-commands-grid{grid-template-columns:1fr}
  .task-actions{flex-direction:row;align-items:center}
  .drawer{width:100%;right:-100%}
}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.page-header{flex-direction:column;align-items:flex-start}}

/* ── ASSISTANT PAGE MOBILE FIX ── */
@media (max-width: 768px) {
  .assistant-page {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .jarvis-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    margin: 0 !important;
    height: calc(100vh - 54px) !important;
  }
  .j-msgs { padding: 10px !important; overflow-x: hidden !important; }
  .jmsg { max-width: 90% !important; }
  .jmsg-bubble { word-break: break-word !important; font-size: 13px !important; }
  .voice-commands-grid { display: none !important; }
  .j-shortcut { display: none !important; }
  .j-header { padding: 10px 12px !important; }
  .j-input { padding: 8px 10px 10px !important; }
  .j-orb { width: 56px !important; height: 56px !important; }
  .j-sugs { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
}