/* Meetings Booked - rebuilt to match the CRM's own black/white/gold system.
   Keeps the dopamine engine (confetti, sound, particles, screen-shake,
   full-screen Cloud 9 / Legend celebrations, streak tracking) but every
   piece of chrome now reuses the CRM's real components: .stat-card,
   .card, .badge, .btn, .activity-row - nothing custom-dark anymore. */

#page-cold-calls .mtr-header-actions{display:flex;align-items:center;gap:10px;}
.mtr-streak-chip{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--gold-deep);background:var(--gold-soft);border:1px solid var(--gold-border);padding:7px 13px;border-radius:999px;}
.mtr-streak-chip svg{width:14px;height:14px;}

/* ─── KPI values (inside the shared .stat-card) ─── */
.mtr-kpi-done{color:var(--gold-deep);}
.mtr-kpi-complete{color:var(--gold);}
#page-cold-calls .stat-value.pop{animation:mtr-kpipop .45s cubic-bezier(.34,1.8,.64,1);}
@keyframes mtr-kpipop{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}

/* ─── Progress ─── */
.mtr-progress-card{padding:20px 22px 22px;margin-bottom:20px;}
.mtr-progress-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:11px;font-size:13px;color:var(--text2);}
.mtr-progress-header b{color:var(--text);font-size:13.5px;}
.mtr-progress-track{height:8px;background:#f1eee6;border-radius:999px;position:relative;overflow:visible;}
.mtr-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-bright),var(--gold));transition:width .65s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px var(--gold-glow);}
.mtr-progress-fill.cloud9{background:linear-gradient(90deg,var(--gold),var(--gold-deep));box-shadow:0 0 16px rgba(138,106,26,0.45);}
.mtr-milestone{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;border:2px solid var(--white);background:var(--line);transition:background .4s,box-shadow .5s;}
.mtr-milestone.hit{background:var(--gold);box-shadow:0 0 10px var(--gold-glow);}
.mtr-milestone-labels{display:flex;justify-content:space-between;margin-top:9px;font-size:10.5px;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;}
.mtr-banner{display:none;padding:11px 14px;border-radius:10px;margin-top:16px;font-size:13px;font-weight:600;text-align:center;border:1px solid transparent;}
.mtr-banner.show{display:block;background:var(--gold-soft);color:var(--gold-deep);border-color:var(--gold-border);}
.mtr-banner.show.cloud9{background:linear-gradient(90deg,var(--gold-soft),rgba(138,106,26,0.12));animation:mtr-banner-pulse 1.8s ease-in-out infinite;}
@keyframes mtr-banner-pulse{0%,100%{box-shadow:0 0 0 rgba(232,196,104,0);}50%{box-shadow:0 0 22px var(--gold-glow);}}

/* ─── Counters ─── */
.mtr-counters{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 22px;}
.mtr-counter{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid var(--line);border-radius:12px;padding:16px 18px;transition:border-color .2s,background .2s,transform .1s;position:relative;}
.mtr-counter:hover{border-color:var(--gold-border);background:var(--gold-soft);}
.mtr-counter:active{transform:scale(0.98);}
.mtr-counter-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.mtr-counter-top svg{width:18px;height:18px;color:var(--gold);}
.mtr-counter-undo{width:24px;height:24px;border-radius:6px;background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .15s;padding:0;color:var(--text2);}
.mtr-counter:hover .mtr-counter-undo{opacity:.6;}
.mtr-counter-undo:hover{opacity:1 !important;background:var(--white);border-color:var(--line);}
.mtr-counter-num{font-size:38px;font-weight:700;font-family:var(--font-display);letter-spacing:-0.02em;line-height:1;color:var(--text);}
.mtr-counter.has-count .mtr-counter-num{color:var(--gold-deep);}
.mtr-counter-num.cn-pop{animation:mtr-cn-pop .38s cubic-bezier(.34,1.9,.64,1);}
@keyframes mtr-cn-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
.mtr-counter.cc-pop{animation:mtr-cc-bounce .35s cubic-bezier(.34,1.8,.64,1);}
@keyframes mtr-cc-bounce{0%{transform:scale(1)}40%{transform:scale(1.03)}100%{transform:scale(1)}}
.mtr-counter-lbl{font-size:11.5px;color:var(--text2);margin-top:5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;}
.mtr-counter-tap{font-size:11px;color:var(--text2);opacity:.7;margin-top:2px;}

/* ─── Meeting rows ─── */
.mtr-list{display:flex;flex-direction:column;}
.mtr-row{display:flex;align-items:center;gap:13px;padding:14px 22px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s;position:relative;}
.mtr-row:last-child{border-bottom:none;}
.mtr-row:hover{background:#fbfaf6;}
.mtr-row.bonus{background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(232,196,104,0.035) 10px,rgba(232,196,104,0.035) 20px);}
.mtr-row.done{background:var(--gold-soft);}
.mtr-row.just-checked{animation:mtr-row-pop .5s cubic-bezier(.34,1.8,.64,1);}
@keyframes mtr-row-pop{0%{transform:scale(1)}35%{transform:scale(1.012)}100%{transform:scale(1)}}

.mtr-check{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--white);transition:all .3s cubic-bezier(.34,1.8,.64,1);}
.mtr-row.done .mtr-check{background:linear-gradient(150deg,var(--gold-bright),var(--gold));border-color:var(--gold);transform:scale(1.08);box-shadow:0 0 10px var(--gold-glow);}
.mtr-check svg{width:14px;height:14px;color:var(--white);opacity:0;transform:scale(.2) rotate(-30deg);transition:all .25s cubic-bezier(.34,1.8,.64,1);}
.mtr-row.done .mtr-check svg{opacity:1;transform:scale(1) rotate(0);}

.mtr-row-content{flex:1;min-width:0;}
.mtr-row-name-wrap{display:flex;align-items:center;}
.mtr-row-name{font-size:14px;font-weight:600;color:var(--text);}
.mtr-row.done .mtr-row-name{color:var(--gold-deep);}
.mtr-row-name-edit{display:none;background:transparent;border:none;outline:none;font-size:14px;font-weight:600;color:var(--text);font-family:inherit;width:100%;}
.mtr-row.editing .mtr-row-name-display{display:none;}
.mtr-row.editing .mtr-row-name-edit{display:block;}
.mtr-row.editing .mtr-edit-btn,.mtr-row.editing .badge{display:none;}
.mtr-row.editing .mtr-check{pointer-events:none;opacity:.4;}
.mtr-row-meta{font-size:11.5px;color:var(--text2);margin-top:2px;display:flex;align-items:center;gap:8px;}

.mtr-edit-btn{width:30px;height:30px;border-radius:7px;background:#faf9f5;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:all .15s;flex-shrink:0;color:var(--text2);}
.mtr-row:hover .mtr-edit-btn{opacity:1;}
.mtr-edit-btn:hover{opacity:1 !important;background:#f1eee6;border-color:var(--gold-border);color:var(--gold-deep);}
.mtr-edit-btn svg{width:14px;height:14px;pointer-events:none;}

/* ─── Sidebar: ring ─── */
.mtr-ring-body{display:flex;align-items:center;justify-content:center;padding:22px;}
.ring-track{fill:none;stroke:#f1eee6;stroke-width:7;}
.ring-progress{fill:none;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.34,1.56,.64,1),stroke .4s;}

/* ─── Sidebar: week grid ─── */
.mtr-week-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;}
.mtr-week-dow span{font-size:9.5px;color:var(--text2);text-align:center;letter-spacing:.05em;text-transform:uppercase;}
.mtr-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px;}
.mtr-week-day{aspect-ratio:1;border-radius:6px;border:1px solid var(--line);background:#faf9f5;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text2);font-weight:600;}
.mtr-week-day.goal{background:var(--gold-soft);border-color:var(--gold-border);color:var(--gold-deep);}
.mtr-week-day.cloud9{background:var(--gold);border-color:var(--gold-deep);color:var(--white);}
.mtr-week-day.today{outline:1.5px solid var(--gold);outline-offset:1px;}
.mtr-week-day.future{opacity:.35;}
.mtr-week-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10.5px;color:var(--text2);}
.mtr-week-legend span{display:flex;align-items:center;gap:5px;}
.mtr-week-legend i{width:8px;height:8px;border-radius:2px;display:inline-block;}

/* ─── Cards spacing helper ─── */
.mtr-card-gap{margin-top:20px;}

/* ─── RIPPLE / floaters / effects (unchanged mechanics, gold palette) ─── */
.mtr-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:mtr-rip .6s forwards;pointer-events:none;background:radial-gradient(circle,rgba(232,196,104,0.35) 0%,transparent 70%);}
@keyframes mtr-rip{to{transform:scale(7);opacity:0;}}
.mtr-score-pop{position:fixed;pointer-events:none;z-index:9997;font-size:24px;font-weight:800;letter-spacing:-0.03em;font-family:var(--font-display);color:var(--gold-deep);animation:mtr-score-up 1s cubic-bezier(.22,.68,0,1.2) forwards;}
@keyframes mtr-score-up{0%{opacity:0;transform:translateY(0) scale(.4);}15%{opacity:1;transform:translateY(-8px) scale(1.15);}80%{opacity:1;transform:translateY(-58px) scale(1);}100%{opacity:0;transform:translateY(-86px) scale(.9);}}
.mtr-pt{position:fixed;pointer-events:none;z-index:9998;animation:mtr-pt-fly 1s cubic-bezier(.22,.68,0,1) forwards;}
@keyframes mtr-pt-fly{0%{opacity:1;transform:translate(0,0) scale(1) rotate(0);}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1) rotate(var(--rot));}}
.mtr-flash{position:fixed;inset:0;z-index:10000;pointer-events:none;opacity:0;animation:mtr-fl .55s forwards;}
@keyframes mtr-fl{0%{opacity:1}100%{opacity:0}}
.mtr-shake{animation:mtr-shake .4s cubic-bezier(.36,.07,.19,.97);}
@keyframes mtr-shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}
#cc{position:fixed;inset:0;pointer-events:none;z-index:9999;width:100%;height:100%;}

/* ─── Floating clouds (Cloud 9 ambient) ─── */
#clouds{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden;opacity:0;transition:opacity 2s;}
#clouds.active{opacity:1;}
.mtr-cloud{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;animation:mtr-cloud-drift linear infinite;animation-fill-mode:backwards;}
.mtr-cloud-body{font-size:44px;filter:drop-shadow(0 0 14px rgba(232,196,104,0.5));animation:mtr-cloud-bob 4s ease-in-out infinite;}
.mtr-cloud-label{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--gold-deep);text-transform:uppercase;opacity:.85;}
@keyframes mtr-cloud-drift{0%{transform:translateX(-160px);}100%{transform:translateX(calc(100vw + 160px));}}
@keyframes mtr-cloud-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* ─── Reward modals (Goal Crushed / Cloud 9) - use the CRM's own modal shell ─── */
.mtr-reward .modal{max-width:360px;text-align:center;padding:8px;}
.mtr-reward-icon{font-size:56px;display:block;margin:20px 0 6px;animation:mtr-icon-bounce .9s .3s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes mtr-icon-bounce{from{transform:scale(0) translateY(30px) rotate(-15deg);}60%{transform:scale(1.25) translateY(-10px) rotate(6deg);}to{transform:scale(1) translateY(0) rotate(0);}}
.mtr-reward-title{font-size:23px;font-weight:800;letter-spacing:-0.02em;color:var(--gold-deep);font-family:var(--font-display);margin-bottom:6px;}
.mtr-reward-sub{font-size:13.5px;color:var(--text2);line-height:1.7;padding:0 22px;margin-bottom:20px;}
.mtr-reward-pills{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;padding:0 16px;}
.mtr-reward-ring{margin:0 auto 20px;width:88px;height:88px;position:relative;}
.mtr-reward-ring svg{transform:rotate(-90deg);}
.mtr-rr-track{fill:none;stroke:var(--gold-soft);stroke-width:6;}
.mtr-rr-fill{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 1.3s .6s cubic-bezier(.34,1.56,.64,1);}
.mtr-rr-fill.animate{stroke-dashoffset:0;}
.mtr-rr-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:800;color:var(--gold-deep);font-family:var(--font-display);}
.mtr-reward-btn{width:calc(100% - 44px);margin:0 22px 22px;}

/* ─── MEGA CLOUD 9 / INSANE full-screen celebrations (brief, allowed to pop) ─── */
#mega-c9{position:fixed;inset:0;z-index:10001;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .5s;}
#mega-c9.active{opacity:1;pointer-events:auto;}
#mega-c9-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(9,9,10,0.88) 0%,rgba(9,9,10,0.62) 55%,transparent 100%);}
#mega-c9-text{font-size:clamp(48px,9vw,92px);font-weight:800;letter-spacing:-0.03em;color:var(--gold-bright);text-shadow:0 0 40px rgba(232,196,104,0.85),0 0 100px rgba(232,196,104,0.4);transform:scale(.35);opacity:0;transition:transform .65s cubic-bezier(.34,1.56,.64,1),opacity .3s;text-align:center;position:relative;z-index:2;line-height:1;font-family:var(--font-display);}
#mega-c9.active #mega-c9-text{transform:scale(1);opacity:1;}
#mega-c9-sub{font-size:clamp(12px,2.2vw,19px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(232,196,104,0.75);margin-top:12px;opacity:0;transition:opacity .4s .35s;position:relative;z-index:2;}
#mega-c9.active #mega-c9-sub{opacity:1;}
.mega-cloud{position:absolute;animation:mega-drift var(--dur,1.4s) cubic-bezier(.22,.68,0,1) forwards;opacity:0;filter:drop-shadow(0 0 18px rgba(232,196,104,0.5));}
@keyframes mega-drift{0%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(0.25);}20%{opacity:1;}75%{opacity:.9;}100%{opacity:0;transform:translate(var(--ex),var(--ey)) scale(var(--es,1.15));}}

#insane{position:fixed;inset:0;z-index:10002;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;}
#insane.active{opacity:1;pointer-events:auto;}
#insane-bg{position:absolute;inset:0;background:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(9,9,10,0.94) 0%,rgba(9,9,10,0.72) 55%,transparent 100%);}
#insane-border{position:absolute;inset:0;border:3px solid transparent;animation:mtr-border-zap .28s linear infinite;pointer-events:none;}
@keyframes mtr-border-zap{0%{border-color:rgba(232,196,104,0.9);box-shadow:inset 0 0 60px rgba(232,196,104,0.2),0 0 60px rgba(232,196,104,0.3);}50%{border-color:rgba(255,255,255,0.85);box-shadow:inset 0 0 60px rgba(255,255,255,0.15),0 0 60px rgba(255,255,255,0.25);}100%{border-color:rgba(232,196,104,0.9);box-shadow:inset 0 0 60px rgba(232,196,104,0.2),0 0 60px rgba(232,196,104,0.3);}}
#insane-num{font-size:clamp(90px,18vw,180px);font-weight:800;line-height:1;letter-spacing:-0.05em;position:relative;z-index:2;transform:scale(0) rotate(-15deg);opacity:0;transition:transform .55s cubic-bezier(.34,1.65,.64,1),opacity .25s;font-family:var(--font-display);background:linear-gradient(135deg,#e8c468,#ffffff,#b8912c,#e8c468);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:mtr-rainbow-shift 1.2s linear infinite paused;}
#insane.active #insane-num{transform:scale(1) rotate(0);opacity:1;animation-play-state:running;}
@keyframes mtr-rainbow-shift{0%{background-position:0%}100%{background-position:300%}}
#insane-num.glitch{animation:mtr-rainbow-shift 1.2s linear infinite,mtr-glitch-anim .08s steps(1) infinite;}
@keyframes mtr-glitch-anim{0%,100%{transform:scale(1) rotate(0) translate(0,0);}20%{transform:scale(1) rotate(0) translate(-4px,2px);}40%{transform:scale(1) rotate(0) translate(4px,-2px);}60%{transform:scale(1) rotate(0) translate(-3px,3px);}80%{transform:scale(1) rotate(0) translate(3px,-1px);}}
#insane-label{font-size:clamp(16px,3.4vw,32px);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 0 30px rgba(232,196,104,0.8),0 0 70px rgba(232,196,104,0.4);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:opacity .4s .4s,transform .4s .4s;font-family:var(--font-display);}
#insane.active #insane-label{opacity:1;transform:translateY(0);}
#insane-sub2{font-size:clamp(10px,1.8vw,16px);font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:rgba(232,196,104,0.7);position:relative;z-index:2;margin-top:10px;opacity:0;transition:opacity .4s .6s;}
#insane.active #insane-sub2{opacity:1;}
.insane-pt{position:absolute;z-index:3;animation:insane-fly var(--dur,0.9s) cubic-bezier(.22,.68,0,1.1) forwards;opacity:0;}
@keyframes insane-fly{0%{opacity:0;transform:scale(0);}15%{opacity:1;transform:scale(1.3);}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0.2);}}
.mtr-body-shake{animation:mtr-body-shake var(--sd,0.4s) cubic-bezier(.36,.07,.19,.97) both;}
@keyframes mtr-body-shake{10%,90%{transform:translate3d(-4px,0,0) rotate(-0.3deg)}20%,80%{transform:translate3d(7px,1px,0) rotate(0.3deg)}30%,50%,70%{transform:translate3d(-9px,-1px,0) rotate(-0.5deg)}40%,60%{transform:translate3d(9px,1px,0) rotate(0.5deg)}}

@media(max-width:640px){
  .mtr-counters{grid-template-columns:1fr 1fr;padding:16px;}
}