:root { --sf-bg:#030b15; --sf-panel:#071527; --sf-line:rgba(125,169,220,.22); --sf-text:#f8fbff; --sf-muted:#9fb1c7; --sf-blue:#2f8cff; --sf-orange:#f59e0b; --sf-red:#ef4444; --sf-cyan:#22d3ee; }
.stock-full-app, .stock-full-app * { box-sizing:border-box; }
.stock-full-app { margin:0; min-height:100vh; font-family:Inter,Arial,sans-serif; color:var(--sf-text); background:radial-gradient(circle at top left, rgba(47,140,255,.18), transparent 34%), var(--sf-bg); }
.stock-full-app a { color:inherit; } .stock-full-app .is-hidden { display:none!important; }
.stock-full-app__shell { width:min(1180px, calc(100% - 28px)); margin:0 auto; padding:20px 0 96px; }
.stock-full-app__top, .stock-full-app .stock-full-app-header, .stock-full-app .stock-full-dashboard-hero, .stock-full-app .stock-full-admin-panel, .stock-full-app__operations, .stock-full-app__search-card, .stock-full-app__list-section, .stock-full-app__summary-card, .stock-full-app__generated, .stock-full-app .stock-full-monitor-panel, .stock-full-app .stock-full-side-panel, .stock-full-app .stock-full-chart-card, .stock-full-app__login { border:1px solid var(--sf-line); background:linear-gradient(145deg, rgba(11,29,51,.94), rgba(4,14,27,.96)); border-radius:18px; box-shadow:0 24px 70px rgba(0,0,0,.28); }
.stock-full-app__top { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:22px; margin-bottom:16px; }
.stock-full-app__eyebrow, .stock-full-app .eyebrow { display:inline-flex; width:fit-content; margin:0 0 8px; color:#a8d4ff; font-size:.76rem; font-weight:900; text-transform:uppercase; }
.stock-full-app h1,.stock-full-app h2,.stock-full-app h3,.stock-full-app h4,.stock-full-app p { margin-top:0; } .stock-full-app h1 { margin-bottom:8px; font-size:clamp(2rem,6vw,4rem); line-height:.95; letter-spacing:0; } .stock-full-app h1 span,.stock-full-app .stock-full-brand-block span { color:var(--sf-blue); }
.stock-full-app p,.stock-full-app small,.stock-full-app .auth-note,.stock-full-app .section-row span { color:var(--sf-muted); line-height:1.55; }
.stock-full-app__status { display:grid; gap:8px; min-width:min(100%,320px); padding:14px 16px; border-radius:14px; background:rgba(9,23,40,.86); border:1px solid var(--sf-line); }
.stock-full-app__login { padding:18px; margin-bottom:16px; } .stock-full-app .stock-full-login-card { display:grid; grid-template-columns:minmax(0,.8fr) minmax(280px,1fr); gap:18px; align-items:start; } .stock-full-app .stock-full-login-form { display:grid; gap:12px; }
.stock-full-app label { display:grid; gap:7px; color:#d7e6f8; font-weight:800; } .stock-full-app input,.stock-full-app textarea,.stock-full-app select { width:100%; min-height:46px; border:1px solid rgba(132,169,210,.28); border-radius:12px; padding:10px 12px; color:var(--sf-text); background:rgba(3,11,21,.82); font:inherit; }
.stock-full-app__button-row,.stock-full-app .almox-manager-actions,.stock-full-app .stock-full-command-strip,.stock-full-app .stock-full-dashboard-actions { display:flex; flex-wrap:wrap; gap:9px; }
.stock-full-app .mini-button,.stock-full-app .stock-full-link-button,.stock-full-app .stock-full-icon-button,.stock-full-app .almox-history-filters button { min-height:42px; border:1px solid rgba(132,169,210,.3); border-radius:999px; padding:10px 14px; color:#f8fbff; background:rgba(14,35,58,.9); font:inherit; font-weight:850; cursor:pointer; text-decoration:none; }
.stock-full-app .mini-button.primary,.stock-full-app .stock-full-new-action span { background:linear-gradient(135deg,#2f8cff,#0f66df); border-color:rgba(86,159,255,.65); } .stock-full-app .mini-button:hover,.stock-full-app .stock-full-icon-button:hover { transform:translateY(-1px); border-color:rgba(104,179,255,.7); }
.stock-full-app .stock-full-dashboard { display:grid; gap:16px; } .stock-full-app .stock-full-app-header { display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:16px; } .stock-full-app .stock-full-brand-block { display:grid; gap:3px; } .stock-full-app .stock-full-brand-block strong { font-size:1.75rem; line-height:1; font-weight:950; } .stock-full-app .stock-full-brand-block em { color:var(--sf-muted); font-style:normal; font-size:.8rem; }
.stock-full-app .stock-full-header-actions { display:flex; align-items:center; gap:8px; } .stock-full-app .stock-full-avatar { display:grid; place-items:center; width:48px; height:48px; border-radius:16px; background:#0d3b66; border:1px solid rgba(104,179,255,.35); font-weight:950; } .stock-full-app .has-badge { position:relative; } .stock-full-app .has-badge::after { content:"3"; position:absolute; top:-6px; right:-4px; width:22px; height:22px; display:grid; place-items:center; border-radius:999px; background:var(--sf-red); color:#fff; font-size:.72rem; }
.stock-full-app .stock-full-global-search { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--sf-line); border-radius:16px; background:rgba(11,29,51,.88); } .stock-full-app .stock-full-global-search input { border:0; background:transparent; min-height:34px; padding:0; } .stock-full-app .stock-full-global-search i { color:var(--sf-muted); font-style:normal; font-weight:800; }
.stock-full-app .stock-full-dashboard-hero { display:flex; justify-content:space-between; gap:16px; align-items:end; padding:20px; background:linear-gradient(135deg, rgba(47,140,255,.18), rgba(11,29,51,.95)); } .stock-full-app .stock-full-dashboard-hero span { color:#74baff; font-weight:900; text-transform:uppercase; font-size:.78rem; } .stock-full-app .stock-full-dashboard-hero h2 { font-size:clamp(1.7rem,6vw,3.6rem); line-height:.98; margin-bottom:10px; letter-spacing:0; }
.stock-full-app .stock-full-metric-grid,.stock-full-app .stock-full-secondary-grid,.stock-full-app .stock-full-admin-grid,.stock-full-app .almox-manager-grid,.stock-full-app .stock-ia-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.stock-full-app .stock-full-metric-card,.stock-full-app .stock-full-secondary-card,.stock-full-app .stock-full-admin-card,.stock-full-app .almox-manager-card,.stock-full-app .stock-ia-card { min-height:116px; border:1px solid var(--sf-line); border-radius:16px; padding:16px; background:rgba(9,23,40,.92); overflow:hidden; }
.stock-full-app .stock-full-metric-card strong,.stock-full-app .stock-full-secondary-card strong { display:block; margin:8px 0; font-size:clamp(1.8rem,5vw,2.25rem); line-height:1; } .stock-full-app .stock-full-metric-icon,.stock-full-app .stock-full-secondary-card>span { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:rgba(47,140,255,.18); color:#7ec0ff; font-weight:900; }
.stock-full-app .status-good .stock-full-metric-icon,.stock-full-app .is-info>span { background:rgba(34,211,238,.16); color:var(--sf-cyan); } .stock-full-app .status-warning .stock-full-metric-icon,.stock-full-app .is-warning>span { background:rgba(245,158,11,.18); color:var(--sf-orange); } .stock-full-app .status-danger .stock-full-metric-icon,.stock-full-app .is-danger>span { background:rgba(239,68,68,.18); color:var(--sf-red); }
.stock-full-app .stock-full-chart-grid,.stock-full-app .stock-full-dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.92fr); gap:14px; } .stock-full-app .stock-full-chart-card,.stock-full-app .stock-full-monitor-panel,.stock-full-app .stock-full-side-panel { padding:18px; }
.stock-full-app .stock-full-category-content { display:grid; grid-template-columns:160px 1fr; gap:16px; align-items:center; } .stock-full-app .stock-full-donut { width:150px; aspect-ratio:1; border-radius:50%; background:rgba(47,140,255,.14); position:relative; } .stock-full-app .stock-full-donut::after { content:""; position:absolute; inset:36px; border-radius:inherit; background:var(--sf-panel); }
.stock-full-app .stock-full-category-content ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; } .stock-full-app .stock-full-category-content li { display:grid; grid-template-columns:12px 1fr auto; gap:8px; align-items:center; color:#d8e7f8; } .stock-full-app .stock-full-category-content li span { width:12px; height:12px; border-radius:4px; background:var(--c); }
.stock-full-app .stock-full-line-chart { display:grid; grid-template-columns:repeat(6,1fr); align-items:end; gap:14px; min-height:190px; padding:18px; border-radius:14px; background:linear-gradient(180deg, rgba(47,140,255,.08), rgba(3,11,21,.5)); } .stock-full-app .stock-full-line-chart span { height:var(--h); min-height:20px; border-radius:999px 999px 0 0; background:linear-gradient(180deg,#37b7ff,#1d72f3); }
.stock-full-app .stock-full-panel-heading,.stock-full-app .section-row,.stock-full-app .almox-items-header,.stock-full-app .almox-history-header { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; margin-bottom:14px; } .stock-full-app .stock-full-side-stack,.stock-full-app .stock-full-monitor-table,.stock-full-app .stock-full-urgent-list,.stock-full-app .stock-full-activity-list,.stock-full-app .almox-items-grid,.stock-full-app .almox-history-list { display:grid; gap:10px; }
.stock-full-app .stock-full-monitor-row,.stock-full-app .stock-full-urgent-item,.stock-full-app .stock-full-activity-item,.stock-full-app .almox-item-card,.stock-full-app .almox-history-item,.stock-full-app .stock-full-ai-list li,.stock-full-app__report-pair article { border:1px solid var(--sf-line); border-radius:14px; padding:12px; background:rgba(3,11,21,.48); } .stock-full-app .stock-full-monitor-row { display:grid; grid-template-columns:1.4fr .8fr .8fr; gap:10px; align-items:center; } .stock-full-app .stock-full-monitor-row.is-header { color:var(--sf-muted); font-size:.78rem; text-transform:uppercase; font-weight:900; }
.stock-full-app .stock-full-urgent-item,.stock-full-app .stock-full-activity-item { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; } .stock-full-app .stock-full-ai-list { display:grid; gap:10px; padding:0; margin:0; list-style:none; } .stock-full-app .stock-full-ai-list span { display:inline-grid; place-items:center; min-width:40px; height:32px; border-radius:10px; margin-right:8px; background:rgba(47,140,255,.18); color:#79bdff; font-size:.78rem; font-weight:900; }
.stock-full-app__operations,.stock-full-app__search-card,.stock-full-app__list-section,.stock-full-app__summary-card,.stock-full-app__generated { padding:18px; } .stock-full-app .almox-offline-panel { margin-top:14px; padding:14px; border-radius:14px; background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.24); } .stock-full-app .almox-offline-panel div { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; } .stock-full-app__report-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.stock-full-app .almox-history-filters { display:inline-flex; padding:3px; border-radius:999px; background:rgba(255,255,255,.06); } .stock-full-app .almox-history-filters button { min-height:34px; padding:6px 11px; border:0; background:transparent; color:var(--sf-muted); } .stock-full-app .almox-history-filters button.active { color:#fff; background:rgba(47,140,255,.78); }
.stock-full-app .stock-ia-toast { position:fixed; left:50%; bottom:92px; transform:translateX(-50%); z-index:80; max-width:min(92vw,560px); padding:14px 16px; border-radius:14px; background:#10233d; border:1px solid var(--sf-line); color:#fff; box-shadow:0 24px 60px rgba(0,0,0,.34); } .stock-full-app .stock-ia-toast.success { border-color:rgba(34,197,94,.52); } .stock-full-app .stock-ia-toast.error { border-color:rgba(239,68,68,.58); }
.stock-full-app .stock-ia-modal { position:fixed; inset:0; z-index:90; display:grid; place-items:center; padding:18px; background:rgba(0,0,0,.62); } .stock-full-app .stock-ia-modal>* { width:min(680px,100%); max-height:90vh; overflow:auto; border:1px solid var(--sf-line); border-radius:18px; padding:18px; background:#071527; } .stock-full-app .almox-modal-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; margin-top:14px; }
.stock-full-app .stock-full-mobile-nav { position:fixed; left:50%; bottom:12px; transform:translateX(-50%); z-index:70; width:min(620px, calc(100% - 22px)); display:grid; grid-template-columns:repeat(5,1fr); gap:4px; padding:8px; border:1px solid var(--sf-line); border-radius:22px; background:rgba(4,14,27,.94); backdrop-filter:blur(16px); box-shadow:0 24px 70px rgba(0,0,0,.35); } .stock-full-app .stock-full-mobile-nav button { border:0; border-radius:16px; min-height:54px; background:transparent; color:var(--sf-muted); font:inherit; font-size:.72rem; font-weight:850; cursor:pointer; } .stock-full-app .stock-full-mobile-nav button span { display:block; color:#dcecff; font-size:.82rem; margin-bottom:2px; } .stock-full-app .stock-full-mobile-nav button.is-active { background:rgba(47,140,255,.16); color:#75bbff; } .stock-full-app .stock-full-mobile-nav .stock-full-new-action span { width:46px; height:46px; margin:-26px auto 3px; display:grid; place-items:center; border-radius:999px; font-size:1.65rem; color:#fff; box-shadow:0 18px 42px rgba(47,140,255,.42); }
@media (max-width:860px) { .stock-full-app__shell { width:min(100% - 18px,560px); padding-top:10px; } .stock-full-app__top,.stock-full-app .stock-full-login-card,.stock-full-app .stock-full-dashboard-hero,.stock-full-app .stock-full-panel-heading,.stock-full-app .section-row,.stock-full-app .almox-items-header,.stock-full-app .almox-history-header { display:grid; } .stock-full-app .stock-full-app-header { grid-template-columns:auto 1fr auto; padding:12px; } .stock-full-app .stock-full-icon-button { padding-inline:10px; } .stock-full-app .stock-full-brand-block strong { font-size:1.42rem; } .stock-full-app .stock-full-metric-grid,.stock-full-app .stock-full-secondary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .stock-full-app .stock-full-admin-grid,.stock-full-app .almox-manager-grid,.stock-full-app .stock-ia-cards,.stock-full-app .stock-full-chart-grid,.stock-full-app .stock-full-dashboard-grid,.stock-full-app__report-pair { grid-template-columns:1fr; } .stock-full-app .stock-full-category-content { grid-template-columns:1fr; justify-items:center; } .stock-full-app .stock-full-monitor-row { grid-template-columns:1fr; } }
@media (min-width:1100px) { .stock-full-app .stock-full-mobile-nav { display:none; } .stock-full-app__shell { padding-bottom:34px; } }

.stock-full-sync-panel {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: 12px 0;
  padding: 12px 14px;
}

.stock-full-sync-panel div {
  display: grid;
  gap: 3px;
}

.stock-full-sync-panel strong {
  color: #102033;
  font-size: 0.92rem;
}

.stock-full-sync-panel span {
  color: #647084;
  font-size: 0.82rem;
}

.stock-full-sync-panel[data-sync-status="offline"],
.stock-full-sync-panel[data-sync-status="pendente-de-sincronização"] {
  background: #fff8e7;
  border-color: #f3c96a;
}

.stock-full-sync-panel[data-sync-status="erro-de-sincronização"] {
  background: #fff1f2;
  border-color: #f2a6b3;
}

.stock-full-sync-panel[data-sync-status="sincronizando"] {
  background: #edf7ff;
  border-color: #8ec5f7;
}
.stock-full-app { overflow-x:hidden; }
.stock-full-app__shell, .stock-full-app section, .stock-full-app article, .stock-full-app div { min-width:0; }
.stock-full-app .mini-button, .stock-full-app .stock-full-link-button, .stock-full-app .stock-full-icon-button { max-width:100%; white-space:normal; text-align:center; }
.stock-full-app [data-stock-full-permission][aria-disabled="true"] { pointer-events:none; opacity:.45; }
.stock-full-app .almox-manager-actions > *, .stock-full-app .stock-full-command-strip > *, .stock-full-app .stock-full-dashboard-actions > * { flex:1 1 150px; }
@media (max-width:430px) {
  .stock-full-app__shell { width:100%; padding:8px 8px 92px; }
  .stock-full-app__top, .stock-full-app .stock-full-app-header, .stock-full-app .stock-full-dashboard-hero, .stock-full-app__operations, .stock-full-app__search-card, .stock-full-app__list-section, .stock-full-app__summary-card, .stock-full-app .stock-full-admin-panel, .stock-full-app .stock-full-monitor-panel, .stock-full-app .stock-full-side-panel, .stock-full-app .stock-full-chart-card { border-radius:12px; padding:12px; }
  .stock-full-app .stock-full-app-header { grid-template-columns:1fr auto; }
  .stock-full-app .stock-full-app-header > .stock-full-icon-button:first-child { display:none; }
  .stock-full-app .stock-full-header-actions { justify-content:end; }
  .stock-full-app .stock-full-header-actions .has-badge { display:none; }
  .stock-full-app .stock-full-brand-block strong { font-size:1.18rem; }
  .stock-full-app .stock-full-global-search { grid-template-columns:1fr; }
  .stock-full-app .stock-full-global-search span, .stock-full-app .stock-full-global-search i { display:none; }
  .stock-full-app .stock-full-metric-grid, .stock-full-app .stock-full-secondary-grid { grid-template-columns:1fr; }
  .stock-full-app .stock-full-command-strip, .stock-full-app .almox-manager-actions, .stock-full-app .stock-full-dashboard-actions { display:grid; grid-template-columns:1fr 1fr; }
  .stock-full-app .stock-full-command-strip > *, .stock-full-app .almox-manager-actions > *, .stock-full-app .stock-full-dashboard-actions > * { min-width:0; width:100%; }
  .stock-full-app .stock-full-mobile-nav { bottom:8px; width:calc(100% - 12px); border-radius:16px; padding:6px; }
  .stock-full-app .stock-full-mobile-nav button { min-height:48px; font-size:.64rem; padding:4px 2px; }
  .stock-full-app .stock-full-mobile-nav button span { font-size:.74rem; }
  .stock-full-app .stock-full-mobile-nav .stock-full-new-action span { width:40px; height:40px; margin:-22px auto 2px; }
}
@media (max-width:370px) {
  .stock-full-app .stock-full-command-strip, .stock-full-app .almox-manager-actions, .stock-full-app .stock-full-dashboard-actions { grid-template-columns:1fr; }
  .stock-full-app h1 { font-size:1.85rem; }
  .stock-full-app .stock-full-dashboard-hero h2 { font-size:1.6rem; }
}