/* Cigario Business — admin Overview / Insights / System.
   Lives inside the business shell (business.css): glass cards, warm white, gold only for
   what needs attention. Everything is scoped to .an-main so it cannot leak into the portal. */
.an-main { --card: rgba(255,255,255,.045); --card2: rgba(255,255,255,.06); --track: rgba(255,255,255,.08);
  --muted: rgba(242,240,234,.58); --dim: rgba(242,240,234,.38); --yellow: #E8C96A; --ink: #F2F0EA;
  display: flex; flex-direction: column; gap: 18px; }
.an-main .num { font-variant-numeric: tabular-nums; }

/* Page head: eyebrow, title, period switch, section tabs */
.an-main .an-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px; }
.an-main .an-eyebrow { margin: 0; color: #C9A84C; font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.an-main .an-h1 { font-size: 30px; font-weight: 800; letter-spacing: -.5px; margin: 6px 0 0; }
.an-main .an-h2 { font-size: 16px; font-weight: 800; letter-spacing: -.2px; margin: 0; }
.an-main .an-h2big { font-size: 20px; font-weight: 800; margin: 8px 0 0; }
.an-main .an-seg { display: inline-flex; gap: 3px; padding: 4px; border-radius: 999px; background: rgba(255,255,255,.04); border: 1px solid var(--stroke); }
.an-main .an-seg button { min-height: 34px; padding: 0 14px; border-radius: 999px; border: 0; cursor: pointer; font: inherit; font-weight: 700; font-size: 13px; background: transparent; color: var(--muted); }
.an-main .an-seg button.on { background: rgba(255,255,255,.10); color: var(--ink); }
.an-main .an-seg button:hover:not(.on) { color: var(--ink); }
.an-main .an-tabs { display: flex; gap: 2px; overflow-x: auto; border-bottom: 1px solid rgba(255,255,255,.08); scrollbar-width: none; }
.an-main .an-tabs::-webkit-scrollbar { display: none; }
.an-main .an-tab { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; color: var(--muted); font-weight: 700; font-size: 14px; white-space: nowrap; box-shadow: inset 0 -2px 0 transparent; }
.an-main .an-tab:hover { color: var(--ink); }
.an-main .an-tab.on { color: var(--ink); box-shadow: inset 0 -2px 0 var(--yellow); }

.an-main .sub { font-size: 13px; color: var(--muted); line-height: 1.5; }
.an-main .k { font-size: 12.5px; font-weight: 700; color: var(--muted); }
.an-main .big { font-size: 30px; font-weight: 800; letter-spacing: -.6px; line-height: 1.05; }
.an-main .white { color: var(--ink); font-weight: 700; }
.an-main .yellow { color: var(--yellow); }

/* Cards & grids */
.an-main .card { background: var(--card); border: 1px solid rgba(255,255,255,.09); border-radius: 20px; padding: 18px 20px; min-width: 0; animation: an-up .5s cubic-bezier(.2,.8,.2,1) both; }
.an-main .card.pad { padding: 20px 22px; }
.an-main .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.an-main .row { display: flex; flex-wrap: wrap; gap: 16px; align-items: stretch; }
.an-main .row > .card { flex: 1 1 320px; }
.an-main .row > .card.w2 { flex: 2 1 460px; }
.an-main .row > .card.w3 { flex: 3 1 520px; }
.an-main .chip { padding: 12px 16px; border-radius: 16px; background: var(--card2); }
.an-main .pillrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 15px; border-radius: 999px; background: var(--card2); font-size: 14px; }
.an-main .list-row { display: flex; align-items: center; gap: 14px; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.an-main .list-row:last-child { border-bottom: 0; }
.an-main .avatar { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg,#3A3022,#1E1A14); border: 1px solid rgba(255,255,255,.14); color: var(--yellow); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; flex: 0 0 auto; }
.an-main .avatar.dark { background: rgba(255,255,255,.07); color: var(--ink); border-color: transparent; }
.an-main .dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; background: var(--ink); display: inline-block; }
.an-main .dot.y { background: var(--yellow); }
.an-main .live { background: #8FD49A; animation: an-pulse 1.6s ease-in-out infinite; }
.an-main .head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; }
.an-main .legend { display: flex; gap: 18px; flex-wrap: wrap; font-size: 13px; color: var(--muted); }
.an-main .legend span { display: flex; align-items: center; gap: 8px; }
.an-main .legend i { width: 18px; height: 4px; border-radius: 999px; background: var(--ink); display: inline-block; }
.an-main .empty { padding: 20px; border-radius: 16px; background: var(--card2); color: var(--muted); font-size: 14px; line-height: 1.5; }

/* Inbox: everything that needs Daniel, first on Overview */
.an-main .inbox { padding: 6px 6px 6px 20px; }
.an-main .inbox-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px 8px 0; }
.an-main .inbox-row { display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 0 14px 0 0; border-top: 1px solid rgba(255,255,255,.07); color: var(--ink); }
.an-main .inbox-row:hover { color: var(--ink); }
.an-main .inbox-row:hover .inbox-go { border-color: rgba(201,168,76,.45); color: var(--gold-light); }
.an-main .inbox-ic { width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; background: rgba(255,255,255,.07); color: rgba(242,240,234,.8); }
.an-main .inbox-ic.gold { background: rgba(232,201,106,.14); color: var(--yellow); }
.an-main .inbox-ic.red { background: rgba(232,115,106,.14); color: #E8736A; }
.an-main .inbox-ic svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.an-main .inbox-go { height: 32px; border-radius: 16px; padding: 0 14px; display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 700; white-space: nowrap; }
.an-main .inbox-go.gold { background: #D9BE7A; border-color: #D9BE7A; color: #0A0A0D; }
.an-main .inbox-ok { display: flex; align-items: center; gap: 10px; min-height: 52px; border-top: 1px solid rgba(255,255,255,.07); font-weight: 700; font-size: 14px; }

/* Buttons & forms */
.an-main .btn { min-height: 40px; padding: 0 18px; border-radius: 999px; border: 1px solid #D9BE7A; background: #D9BE7A; color: #0A0A0D; font: inherit; font-weight: 800; font-size: 13px; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.an-main .btn:hover { color: #0A0A0D; filter: brightness(1.05); }
.an-main .btn.dark { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); color: var(--ink); }
.an-main .btn:disabled { opacity: .5; cursor: default; }
.an-main .lift { text-decoration: none; color: var(--ink); display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 16px; background: var(--card2); }
.an-main .go { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.08); color: var(--ink); display: flex; align-items: center; justify-content: center; font-weight: 700; flex: 0 0 auto; }
.an-main .go.y { background: var(--yellow); color: #14110A; }
.an-main .form { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-top: 14px; padding: 16px; border-radius: 16px; background: var(--card2); }
.an-main .form label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 700; color: var(--muted); }
.an-main .form input, .an-main .form select { min-height: 40px; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.25); color: var(--ink); padding: 0 12px; font: inherit; font-size: 14px; }
.an-main .form .actions { display: flex; gap: 8px; align-items: flex-end; }
.an-main .msg { font-size: 13px; color: var(--yellow); margin-top: 8px; }

/* Charts */
.an-main .track { height: 10px; border-radius: 999px; background: var(--track); overflow: hidden; }
.an-main .track.t24 { height: 22px; background: var(--card2); }
.an-main .track.t28 { height: 26px; background: var(--card2); }
.an-main .bar { height: 100%; border-radius: 999px; background: var(--ink); }
.an-main .gx { transform-origin: left center; animation: an-gx 1s cubic-bezier(.2,.8,.2,1) both; }
.an-main .gy { transform-origin: bottom center; animation: an-gy .9s cubic-bezier(.2,.8,.2,1) both; }
.an-main .draw { animation: an-draw 1.6s cubic-bezier(.4,0,.2,1) both; }
.an-main .spin { animation: an-spin 1.1s cubic-bezier(.2,.8,.2,1) both; }
.an-main .vbars { display: flex; align-items: flex-end; gap: 4px; }
.an-main .vbars > div { flex: 1 1 0; min-width: 3px; border-radius: 4px; background: rgba(242,240,234,.75); }
.an-main .vbars > div:hover { opacity: .75; }
.an-main .axis { display: flex; justify-content: space-between; margin-top: 10px; font-size: 12px; color: var(--muted); }
.an-main .linechart { position: relative; }
.an-main .linechart svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.an-main .linechart .hover { position: absolute; inset: 0; display: flex; }
.an-main .linechart .hover div { flex: 1 1 0; }
.an-main .linechart .hover div:hover { background: rgba(255,255,255,0.04); border-radius: 8px; }
.an-main .limit { position: absolute; left: 0; right: 0; border-top: 2px dashed var(--yellow); opacity: .8; }
.an-main .donut { position: relative; flex: 0 0 auto; }
.an-main .donut svg { transform: rotate(-90deg); }
.an-main .donut .c { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.an-main .heat { display: grid; grid-template-columns: 150px repeat(5, minmax(0, 1fr)); gap: 8px; align-items: center; min-width: 560px; }
.an-main .heat .cell { height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; }
.an-main .scroll-x { overflow-x: auto; }

.an-main .d1 { animation-delay: .05s; } .an-main .d2 { animation-delay: .1s; } .an-main .d3 { animation-delay: .15s; } .an-main .d4 { animation-delay: .2s; } .an-main .d5 { animation-delay: .25s; }
@keyframes an-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes an-gx { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes an-gy { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes an-draw { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes an-spin { from { opacity: 0; transform: rotate(-220deg); } to { opacity: 1; transform: rotate(-90deg); } }
@keyframes an-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.8); } }
@media (prefers-reduced-motion: reduce) { .an-main * { animation: none !important; transition: none !important; } }
@media (max-width: 640px) {
  .an-main .an-h1 { font-size: 26px; }
  .an-main .big { font-size: 26px; }
  .an-main .card, .an-main .card.pad { padding: 16px; border-radius: 18px; }
  .an-main .inbox { padding-left: 14px; }
}
/* Analytics uses the shared sidebar on desktop; its header remains visible on phones. */
.an-mobile-signout{display:none}
@media(max-width:979px){
  .an-mobile-signout:not(.hidden){display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid var(--stroke);border-radius:999px;background:rgba(255,255,255,.06);color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
}