.cloud-status{height:46px;padding:0 13px;border:1px solid var(--line2);border-radius:13px;background:#12161e;color:#9aa4b6;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.cloud-status span{width:8px;height:8px;border-radius:50%;background:#647084}.cloud-status.online{color:#86e8ba;border-color:rgba(46,207,140,.22);background:rgba(46,207,140,.07)}.cloud-status.online span{background:#2ecf8c}.cloud-status.offline{color:#f2c77a;border-color:rgba(242,197,95,.22);background:rgba(242,197,95,.07)}.cloud-status.offline span{background:#f2c55f}.mobile-more-btn,.mobile-more-menu{display:none}

@media (max-width:760px){
  :root{--mobile-x:16px}
  html{scroll-padding-bottom:96px;-webkit-text-size-adjust:100%}
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom));overflow-x:hidden;background:#090c12}
  *{-webkit-tap-highlight-color:transparent}
  .app{display:block;min-height:100vh}
  .main{padding:18px var(--mobile-x) 34px;min-width:0}

  /* Header */
  .topbar{display:block;margin-bottom:18px}
  .hello{margin-bottom:15px}
  .hello h1{font-size:31px;line-height:1.02;letter-spacing:-.055em}
  .hello p{font-size:12px;margin-top:7px;color:#7f899b}
  .topactions{display:grid;grid-template-columns:minmax(0,1fr) 48px 48px 48px;gap:8px;width:100%;align-items:center}
  .topactions .select{width:100%;min-width:0;height:48px;font-size:15px;font-weight:650;padding:0 13px}
  .topactions .btn{width:48px;height:48px;min-height:48px;padding:0;font-size:0;border-radius:14px}
  .topactions .btn svg{width:19px;height:19px;margin:0}
  .cloud-status{display:none}
  .mobile-more-btn{display:inline-flex!important}
  .mobile-more-menu{display:none;position:fixed;right:14px;top:126px;width:min(292px,calc(100vw - 28px));padding:7px;background:#11161f;border:1px solid #283140;border-radius:17px;z-index:80;box-shadow:0 18px 60px rgba(0,0,0,.42)}
  .mobile-more-menu.open{display:block}
  .mobile-more-menu button{width:100%;min-height:64px;border:0;background:transparent;color:#e6e9ef;border-radius:12px;padding:10px 11px;display:flex;align-items:center;gap:12px;text-align:left}
  .mobile-more-menu button:active{background:#181e28}
  .mobile-more-menu svg{width:20px;height:20px;color:#a68cf6;flex:none}
  .mobile-more-menu span{display:block}.mobile-more-menu b{display:block;font-size:13px}.mobile-more-menu small{display:block;color:#727d8f;font-size:10px;margin-top:3px}
  .banner{font-size:11px;line-height:1.45;padding:12px 13px;border-radius:13px;margin-bottom:14px}

  /* Bottom navigation */
  .sidebar{position:fixed;z-index:50;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));top:auto;width:auto;height:72px;padding:6px;background:#10151d;border:1px solid #27303e;border-radius:22px;box-shadow:0 16px 44px rgba(0,0,0,.42);display:block;overflow:visible}
  .brand,.navlabel,.sidefooter,.sidebar .nav:nth-of-type(2){display:none!important}
  .sidebar .nav:first-of-type{display:grid!important;grid-template-columns:repeat(5,1fr);gap:3px;width:100%;height:100%}
  .sidebar .nav:first-of-type button{width:100%;height:58px;min-width:0;padding:5px 2px;border:0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#778295;background:transparent;font-size:9px;line-height:1;font-weight:700}
  .sidebar .nav:first-of-type button span{display:block!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sidebar .nav:first-of-type button svg{width:20px;height:20px;stroke-width:1.85}
  .sidebar .nav:first-of-type button.active{background:#1a202b;color:#f2eeff;box-shadow:inset 0 0 0 1px rgba(139,92,246,.22)}
  .sidebar .nav:first-of-type button.active svg{color:#a78bfa}

  /* Dashboard source selector */
  .source-shell{display:block;padding:13px;border-radius:17px;margin-bottom:7px;background:#11161e;border-color:#252e3c}
  .source-title{min-width:0;margin-bottom:11px}.source-title-icon{width:34px;height:34px}.source-title b{font-size:12px}.source-title small{font-size:9.5px}
  .source-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;padding:4px;background:#0c1016;border-radius:12px}
  .source-switch button{min-width:0;min-height:43px;padding:7px 4px;font-size:9.5px;line-height:1.15;text-align:center;justify-content:center;white-space:normal;border-radius:9px}
  .source-switch button svg{display:none}
  .source-caption{font-size:10px;line-height:1.35;margin:0 2px 13px;color:#788294}

  /* KPI cards */
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi{min-height:138px;padding:15px;border-radius:18px;background:#11161e!important;border-color:#252e3b;box-shadow:none}
  .kpi:after{display:none}
  .kpi-head{align-items:flex-start;font-size:9.5px;line-height:1.2;letter-spacing:.055em;gap:5px}
  .kpi-head>span:first-child{max-width:calc(100% - 36px)}
  .kpi-icon{width:32px;height:32px;border-radius:10px;flex:none;background:#1b222d}
  .kpi-icon svg{width:16px;height:16px}
  .kpi-value{font-size:clamp(21px,6vw,27px);line-height:1.03;margin-top:14px;letter-spacing:-.045em;overflow-wrap:anywhere}
  .kpi-hint{font-size:9.5px;line-height:1.3;margin-top:7px;white-space:normal;overflow:visible;text-overflow:clip;color:#778194}
  .kpi.commission{border-color:rgba(46,207,140,.25)!important;background:linear-gradient(180deg,rgba(25,39,35,.78),#11161e)!important}

  /* General cards */
  .row2{display:block;margin-top:10px}.row2>.card{margin-top:10px}
  .card{border-radius:18px;box-shadow:none;background:#11161e;border-color:#252e3b}
  .pad,.pending-card{padding:16px}
  .cardhead{align-items:flex-start;margin-bottom:15px}.cardhead h2{font-size:15px}.cardhead span{font-size:9.5px;text-align:right;max-width:48%}
  .goal-top{align-items:flex-start;gap:12px}.goal-value{font-size:32px}.goal-label{font-size:10px}
  .commission-pill{padding:10px 12px;border-radius:13px}.commission-pill small{font-size:9px}.commission-pill b{font-size:18px}
  .progress-wrap{margin-top:15px}.progress{height:10px}.progress-labels{font-size:8.5px}
  .goal-micro{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.goal-micro .micro:last-child{grid-column:1/-1}
  .micro{padding:11px;border-radius:11px}.micro small{font-size:9px}.micro b{font-size:12.5px}
  .tiers{grid-template-columns:1fr;gap:6px;margin-top:10px}.tier{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px}.tier b{font-size:11.5px}.tier span{font-size:9px;text-align:right;max-width:60%}
  .statuses{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.status{padding:12px;border-radius:12px}.status b{font-size:21px}.status small{font-size:9.5px}
  .chart-card canvas{height:210px}.rankrow{padding:10px 11px}.ranknum{width:27px;height:27px}.rankname{font-size:11.5px}.rankval{font-size:11px}
  .attrow{padding:11px 0;align-items:flex-start}.attleft{align-items:flex-start}.atticon{width:34px;height:34px}.attleft b{font-size:11.5px}.attleft small{font-size:9.5px;line-height:1.4}.link{font-size:11px;min-height:36px;padding:7px 0}

  /* Sections and forms */
  .sectionintro{display:block;margin-bottom:13px}.sectionintro h2{font-size:23px}.sectionintro p{font-size:11px;line-height:1.5;margin-top:6px}
  .split{display:block}.split>.card{margin-bottom:10px}
  .formgrid,.settingsgrid{grid-template-columns:1fr;gap:11px}.formgrid .full{grid-column:auto}
  label{font-size:10.5px;margin-bottom:6px}.input,.select{height:49px;font-size:16px;border-radius:13px}.btn{min-height:47px;font-size:13px;border-radius:13px}textarea{min-height:108px;font-size:16px;line-height:1.4;border-radius:13px}
  .form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%}
  .editing-note{font-size:10.5px;line-height:1.4}

  /* Filters */
  .toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.toolbar .search{grid-column:1/-1;min-width:0;width:100%}.toolbar .select{width:100%;min-width:0;font-size:13px}

  /* Tables become native cards */
  .tablewrap{border:0;border-radius:0;overflow:visible;background:transparent}.tablewrap table{display:block;min-width:0!important;background:transparent}.tablewrap thead{display:none}.tablewrap tbody{display:flex;flex-direction:column;gap:9px}
  .tablewrap tr{display:grid;background:#11161e;border:1px solid #252e3b;border-radius:16px;padding:13px;box-shadow:none}.tablewrap td{border:0;background:transparent!important}
  #ordersBody tr{grid-template-columns:1fr 1fr;gap:2px 14px}
  #ordersBody td{display:block;text-align:left;padding:5px 0;font-size:11.5px}
  #ordersBody td::before{display:block;color:#657084;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
  #ordersBody td:nth-child(1)::before{content:"Pedido"}#ordersBody td:nth-child(2)::before{content:"Cliente"}#ordersBody td:nth-child(3)::before{content:"Origem"}#ordersBody td:nth-child(4)::before{content:"Valor"}#ordersBody td:nth-child(5)::before{content:"Pagamento"}#ordersBody td:nth-child(6)::before{content:"Status"}#ordersBody td:nth-child(7)::before{content:"Forma"}#ordersBody td:nth-child(8)::before{content:"Data"}
  #ordersBody td:nth-child(9){grid-column:1/-1;border-top:1px solid #252e3b;margin-top:5px;padding-top:10px}#ordersBody td:nth-child(9)::before{display:none}#ordersBody td:nth-child(9) .link{width:100%;height:42px;border:1px solid rgba(139,92,246,.24);border-radius:12px;background:rgba(139,92,246,.07)}
  #clientsBody tr{grid-template-columns:1fr 1fr;gap:2px 14px}#clientsBody td{display:block;text-align:left;padding:5px 0;font-size:11.5px}#clientsBody td::before{display:block;color:#657084;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}#clientsBody td:nth-child(1){grid-column:1/-1;border-bottom:1px solid #252e3b;padding-bottom:9px;margin-bottom:3px}#clientsBody td:nth-child(1)::before{content:"Cliente"}#clientsBody td:nth-child(2)::before{content:"Pedidos"}#clientsBody td:nth-child(3)::before{content:"Total pago"}#clientsBody td:nth-child(4)::before{content:"Ticket médio"}#clientsBody td:nth-child(5)::before{content:"Última compra"}

  /* Pending and manual lists */
  .pending-item{padding:14px;border-radius:15px;background:#11161e}.pending-top{align-items:flex-start}.pending-name{font-size:13px}.pending-value{font-size:14px;white-space:nowrap}.pending-meta{font-size:10px;line-height:1.45;margin-top:7px}
  .pending-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.pending-actions .btn:first-child{grid-column:1/-1}.pending-actions .btn{width:100%;padding:0 8px}
  #manualList .attrow{padding:12px 0}.attleft>div{min-width:0}.attleft small{overflow-wrap:anywhere}

  /* Audit */
  .audititem{display:block;padding:13px 2px}.audititem time{display:block;margin-bottom:6px}.auditkind{display:inline-block;margin-bottom:6px;font-size:9.5px}.audititem>div:last-child{font-size:11px;line-height:1.45}.code{font-size:8.5px;line-height:1.5}

  /* Drawer */
  .drawer{position:fixed;top:0;bottom:0;left:auto;right:-100%;width:100%;height:100dvh;border-left:0;padding:20px 16px calc(96px + env(safe-area-inset-bottom));border-radius:0;background:#0c1016;visibility:hidden;pointer-events:none;transition:right .17s ease,visibility 0s linear .17s;box-shadow:none;z-index:90}
  .drawer.open{right:0;visibility:visible;pointer-events:auto;transition:right .17s ease}.drawerback{display:none!important}.drawer h2{font-size:22px}.drawerclose{width:44px;height:44px;border-radius:13px}.detailgrid{grid-template-columns:1fr 1fr;gap:7px}.detail{padding:11px;border-radius:12px}.detail small{font-size:9px}.detail b{font-size:11.5px;overflow-wrap:anywhere}.note{padding:11px;font-size:11px}
  .toast{left:14px;right:14px;bottom:calc(94px + env(safe-area-inset-bottom));text-align:center;font-size:11px;border-radius:13px}
}

@media (max-width:390px){
  :root{--mobile-x:12px}
  .hello h1{font-size:29px}
  .kpis{gap:8px}.kpi{min-height:132px;padding:13px}.kpi-value{font-size:21px}.kpi-head{font-size:8.8px}
  .topactions{grid-template-columns:minmax(0,1fr) 46px 46px 46px}.topactions .btn{width:46px;height:46px}
  #ordersBody tr,#clientsBody tr{grid-template-columns:1fr}.detailgrid{grid-template-columns:1fr}.goal-top{display:block}.commission-pill{margin-top:11px;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.drawer,.toast{transition:none!important}}