/* Minimal frontend helpers for modals/loaders (theme provides primary styling) */
#sg365-modal-root[aria-hidden="true"]{display:none;}
#sg365-modal-root{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;}
.sg365-modal{background:#0b1220;color:#e2e8f0;width:min(860px,96vw);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);overflow:hidden;border:1px solid rgba(148,163,184,.2)}
.sg365-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:rgba(15,23,42,.9);border-bottom:1px solid rgba(148,163,184,.18)}
.sg365-modal-body{padding:16px;max-height:76vh;overflow:auto}
.sg365-modal-close{background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer}
.sg365-inline-loader{display:flex;flex-direction:column;gap:10px;padding:8px 0}
.sg365-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:999px;animation:sg365spin 1s linear infinite}
.sg365-skeleton-line{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#1e293b 25%,#334155 40%,#1e293b 60%);background-size:200% 100%;animation:sg365shimmer 1.2s ease-in-out infinite}
.sg365-skeleton-line.short{width:60%}
@keyframes sg365spin{to{transform:rotate(360deg)}}
@keyframes sg365shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}



/* Modal baseline (v1.5.30.codex): keep popups fixed/centered even if legacy css is cached out */
body.sg365m-modal-open{overflow:hidden;}
.sg365m-front-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .2s ease;}
.sg365m-front-modal.is-open{opacity:1;pointer-events:auto;}
.sg365m-front-modal__overlay{position:absolute;inset:0;background:rgba(2,6,23,.58);}
.sg365m-front-modal__card,.sg365m-front-modal-inner{position:relative;z-index:2;width:min(980px,96vw);max-height:calc(100vh - 56px);overflow:auto;background:#fff;color:#0f172a;border-radius:18px;border:1px solid rgba(15,23,42,.1);box-shadow:0 28px 80px rgba(2,6,23,.35);padding:18px;}
.sg365m-front-modal__close{position:absolute;z-index:3;top:10px;right:10px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(15,23,42,.15);background:#fff;color:#0f172a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
@media (max-width:700px){.sg365m-front-modal{padding:14px}.sg365m-front-modal__card,.sg365m-front-modal-inner{width:100%;max-height:calc(100vh - 28px);border-radius:14px;padding:14px;}}
/* strict readable form controls for modal forms */
#sg365-modal-root .sg365-modal input,
#sg365-modal-root .sg365-modal select,
#sg365-modal-root .sg365-modal textarea{
  width:100%;
  background:#fff;
  color:#0f172a;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:10px 12px;
}
#sg365-modal-root .sg365-modal input::placeholder,
#sg365-modal-root .sg365-modal textarea::placeholder{color:#64748b;opacity:1}
#sg365-modal-root .sg365-modal select{appearance:auto}
#sg365-modal-root .sg365-modal input:focus,
#sg365-modal-root .sg365-modal select:focus,
#sg365-modal-root .sg365-modal textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.22)}
#sg365-modal-root .sg365-modal .sg365-btn,
#sg365-modal-root .sg365-modal button,
#sg365-modal-root .sg365-modal .button{
  border-radius:10px;
  padding:8px 12px;
}

.sg365m-front-modal input,.sg365m-front-modal select,.sg365m-front-modal textarea{background:#fff;color:#0f172a;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;}
.sg365m-front-modal input::placeholder,.sg365m-front-modal textarea::placeholder{color:#64748b;opacity:1}
.sg365m-front-modal input:focus,.sg365m-front-modal select:focus,.sg365m-front-modal textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.22)}

/* v1.5.3.codex staff lock state */
.sg365m-staff-locked{
  max-width:840px;
  margin:28px auto;
  border:1px solid rgba(56,189,248,.28);
  border-radius:18px;
  background:linear-gradient(180deg,#07192b,#0f2741);
  color:#e2e8f0;
  padding:28px;
  text-align:center;
  box-shadow:0 18px 45px rgba(2,6,23,.35);
}
.sg365m-staff-locked__icon{
  width:72px;height:72px;border-radius:999px;margin:0 auto 12px;
  display:flex;align-items:center;justify-content:center;
  font-size:28px;color:#67e8f9;background:rgba(34,211,238,.18);
  animation:sg365mStaffPulse 1.8s ease-in-out infinite;
}
@keyframes sg365mStaffPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.sg365m-staff-locked h3{margin:0 0 8px;color:#fff;font-size:24px;}
.sg365m-staff-locked p{margin:0 0 8px;line-height:1.55;color:#cbd5e1;}

/* Front Dashboard (v1.5.13.codex) */
.sg365m-dash{padding:8px 0;color:#111827}
.sg365m-dash-toolbar{display:flex;gap:8px;align-items:center;background:#e9edf5;border:1px solid #d8deea;padding:8px 10px;border-radius:12px;margin-bottom:14px;max-width:430px}
.sg365m-dash-pill{border:0;background:#fff;color:#334155;padding:6px 12px;border-radius:10px;font-weight:600;cursor:pointer}
.sg365m-dash-pill.is-active{background:#eef2ff;color:#1d4ed8}
.sg365m-dash-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}
.sg365m-kpi-card{background:#f8fafc;border:1px solid #dbe2ef;border-radius:14px;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.sg365m-kpi-card h3{margin:0 0 6px;font-size:14px;color:#334155}
.sg365m-kpi-main{font-size:38px;line-height:1.1;font-weight:700;color:#0f172a}
.sg365m-kpi-foot{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b}
.sg365m-kpi-foot strong{font-weight:700}
.sg365m-kpi-foot .is-up{color:#059669}
.sg365m-kpi-foot .is-down{color:#dc2626}

.sg365m-dash-grid{display:grid;grid-template-columns:1.15fr 1.4fr 1.15fr;gap:12px}
.sg365m-panel{background:#f8fafc;border:1px solid #dbe2ef;border-radius:14px;padding:14px}
.sg365m-panel h4{margin:0 0 12px;font-size:28px;line-height:1.1;color:#111827}
.sg365m-metrics-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sg365m-metrics-two strong,.sg365m-worklog-main strong,.sg365m-payments-head strong{display:block;font-size:42px;line-height:1.05}
.sg365m-metrics-two span,.sg365m-worklog-main span,.sg365m-payments-head span{color:#64748b;font-size:13px}
.sg365m-avg-row{margin:12px 0;color:#475569;font-size:14px}
.sg365m-avg-row strong{margin-left:8px;color:#0f172a}
.sg365m-mini-bars{height:38px;display:flex;align-items:flex-end;gap:6px}
.sg365m-mini-bars span{display:block;width:12px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#60a5fa,#2563eb)}
.sg365m-worklog-main{margin-bottom:8px}
.sg365m-legend{margin:10px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:6px}
.sg365m-legend li{font-size:14px;color:#475569;display:flex;align-items:center;gap:8px}
.sg365m-legend i{width:10px;height:10px;border-radius:999px;background:#60a5fa;display:inline-block}
.sg365m-legend li:nth-child(2) i{background:#34d399}
.sg365m-legend li:nth-child(3) i{background:#fbbf24}
.sg365m-payments-head{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}
.sg365m-bars{display:flex;align-items:flex-end;gap:10px;min-height:110px}
.sg365m-bar-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-width:34px}
.sg365m-bar-col .paid{width:20px;background:#14b8a6;border-radius:6px 6px 0 0}
.sg365m-bar-col .pending{width:20px;background:#f59e0b;border-radius:6px 6px 0 0}
.sg365m-bar-col small{color:#64748b;font-size:11px}
.sg365m-upcoming{margin-top:8px;border-top:1px solid #e2e8f0;padding-top:8px;color:#475569;font-size:13px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sg365m-upcoming strong{color:#0f172a}

.sg365m-simple-list,.sg365m-progress-list,.sg365m-alerts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sg365m-simple-list li{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #e2e8f0;font-size:14px}
.sg365m-simple-list li:last-child{border-bottom:0;padding-bottom:0}
.sg365m-progress-list li{display:grid;grid-template-columns:minmax(0,1fr) 1.2fr;gap:10px;align-items:center;font-size:14px;color:#334155}
.sg365m-progress-list .bar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.sg365m-progress-list .bar i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#3b82f6)}
.sg365m-alerts li{padding:10px 10px 10px 30px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;position:relative;color:#9a3412;font-size:13px}
.sg365m-alerts li:before{content:'⚠';position:absolute;left:10px;top:10px}

@media (max-width: 1180px){
  .sg365m-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sg365m-dash-grid{grid-template-columns:1fr}
}

/* SaaS analytics dashboard (v1.5.14.codex) */
.sg365m-saas{padding:10px 0;color:#0f172a}
.sg365m-saas-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.sg365m-saas-filters{display:flex;gap:8px;background:#eef2ff;border:1px solid #dbeafe;padding:6px;border-radius:12px}
.sg365m-saas-filters button{border:0;background:#fff;padding:7px 12px;border-radius:9px;color:#475569;font-weight:600;cursor:pointer}
.sg365m-saas-filters button.is-active{background:#2563eb;color:#fff}
.sg365m-saas-settings{font-size:13px;color:#6366f1;font-weight:600}
.sg365m-saas-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
.sg365m-saas-kpis article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;transition:all .2s ease;cursor:pointer}
.sg365m-saas-kpis article:hover,.sg365m-saas-kpis article.is-hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(30,41,59,.10);border-color:#bfdbfe}
.sg365m-saas-kpis h3{margin:0 0 6px;font-size:13px;color:#475569}
.sg365m-saas-kpis strong{display:block;font-size:34px;line-height:1.05}
.sg365m-saas-kpis span{display:block;color:#16a34a;font-size:12px;font-weight:700}
.sg365m-saas-grid{display:grid;grid-template-columns:2fr 1.1fr;gap:12px}
.sg365m-saas-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}
.sg365m-saas-panel--wide{grid-row:span 2}
.sg365m-saas-title{font-size:16px;font-weight:700;margin-bottom:10px;color:#111827}
.sg365m-saas-hover{margin-top:8px;font-size:13px;color:#475569;background:#eef2ff;border:1px solid #dbeafe;padding:8px 10px;border-radius:10px}
.sg365m-pay-head{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}
.sg365m-pay-head strong{display:block;font-size:22px}
.sg365m-pay-head small{color:#64748b}
.sg365m-upcoming{font-size:13px;color:#334155;margin:8px 0 0}
.sg365m-health{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.sg365m-health li{display:flex;justify-content:space-between;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}
.sg365m-top-clients{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.sg365m-top-clients li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e2e8f0}
.sg365m-top-clients li:last-child{border-bottom:0}
.sg365m-alerts{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.sg365m-alerts li{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:8px 10px 8px 28px;color:#9a3412;font-size:12px;position:relative}
.sg365m-alerts li:before{content:'⚠';position:absolute;left:9px;top:8px}

@media (max-width:1100px){
  .sg365m-saas-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sg365m-saas-grid{grid-template-columns:1fr}
  .sg365m-saas-panel--wide{grid-row:auto}
}

/* Client portal dashboard layout (v1.5.15.codex) */
.sg365m-clientdash{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}
.sg365m-clientdash-top{margin-bottom:10px}
.sg365m-clientdash-title{font-size:46px;line-height:1.05;font-weight:800;color:#0f172a}
.sg365m-clientdash-sub{margin-top:4px;color:#64748b;font-size:20px}
.sg365m-clientdash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.sg365m-clientdash-stats article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}
.sg365m-clientdash-stats h4{margin:0 0 8px;font-size:36px;line-height:1.1;color:#1e293b}
.sg365m-clientdash-stats strong{display:block;font-size:52px;line-height:1.05;color:#0f172a}
.sg365m-clientdash-stats small{display:block;margin-top:8px;color:#64748b;font-size:24px}

.sg365m-clientdash-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.sg365m-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px}
.sg365m-card--activity{grid-column:1/2}
.sg365m-card--right{grid-row:2/span 3;grid-column:2/3}
.sg365m-card--quick{grid-column:1/2}
.sg365m-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.sg365m-card-head h3{margin:0;font-size:40px;line-height:1.1;color:#0f172a}
.sg365m-card-filters{display:flex;gap:8px}
.sg365m-card-filters span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:4px 8px;color:#475569;font-size:16px}
.sg365m-activity-meta{display:flex;gap:18px;flex-wrap:wrap;color:#334155;margin-bottom:10px;font-size:28px}
.sg365m-activity-meta b{font-size:46px;color:#0f172a}

.sg365m-ticket-list,.sg365m-top-projects{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.sg365m-ticket-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px}
.sg365m-ticket-list strong{display:block;color:#0f172a;font-size:30px}
.sg365m-ticket-list span{color:#64748b;font-size:22px}

.sg365m-mini-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px}
.sg365m-mini-item strong{display:block;color:#0f172a;font-size:34px}
.sg365m-mini-item p{margin:6px 0 10px;color:#64748b;font-size:22px}

.sg365m-top-projects li{background:#fff;border-bottom:1px solid #e2e8f0;padding:8px 0;display:grid;grid-template-columns:1fr auto;grid-template-areas:'a c' 'b c';gap:8px 12px;align-items:center}
.sg365m-top-projects li:last-child{border-bottom:0}
.sg365m-top-projects li>div:first-child{grid-area:a}
.sg365m-top-projects li strong{display:block;font-size:30px;color:#0f172a}
.sg365m-top-projects li span{color:#64748b;font-size:20px}
.sg365m-top-projects .sg365m-progress{grid-area:b;height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}
.sg365m-top-projects .sg365m-progress i{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#14b8a6)}
.sg365m-top-projects b{grid-area:c;font-size:24px;color:#475569}

.sg365m-quick-btn{width:100%;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px 14px;font-weight:700;color:#0f172a;margin-bottom:8px;cursor:pointer;font-size:34px}
.sg365m-quick-btn.is-primary{background:linear-gradient(90deg,#3b82f6,#06b6d4);color:#fff;border:0}

@media (max-width: 1180px){
  .sg365m-clientdash-stats{grid-template-columns:1fr 1fr}
  .sg365m-clientdash-grid{grid-template-columns:1fr}
  .sg365m-card--right,.sg365m-card--activity,.sg365m-card--quick{grid-column:auto;grid-row:auto}
}

/* Client portal dashboard polish + payment sync visibility (v1.5.16.codex) */
.sg365m-clientdash{padding:18px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}
.sg365m-clientdash-title{font-size:48px;font-weight:800;line-height:1.05}
.sg365m-clientdash-sub{font-size:18px;color:#64748b}
.sg365m-clientdash-sync{margin-top:6px;font-size:13px;color:#0ea5e9;font-weight:600}

.sg365m-clientdash-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sg365m-clientdash-stats article{box-shadow:0 6px 18px rgba(15,23,42,.05)}
.sg365m-clientdash-stats h4{font-size:15px;margin:0 0 6px;color:#334155}
.sg365m-clientdash-stats strong{font-size:40px;line-height:1.06;color:#0f172a}
.sg365m-clientdash-stats small{font-size:13px;margin-top:6px}

.sg365m-card-head h3{font-size:22px}
.sg365m-card-filters span{font-size:12px}
.sg365m-activity-meta{font-size:14px}
.sg365m-activity-meta b{font-size:32px}
.sg365m-ticket-list strong{font-size:21px}
.sg365m-ticket-list span{font-size:13px}
.sg365m-mini-item strong{font-size:24px}
.sg365m-mini-item p{font-size:13px}
.sg365m-top-projects li strong{font-size:20px}
.sg365m-top-projects li span{font-size:13px}
.sg365m-top-projects b{font-size:14px}
.sg365m-quick-btn{font-size:18px;padding:14px}

@media (max-width: 1180px){
  .sg365m-clientdash-title{font-size:34px}
  .sg365m-clientdash-stats strong{font-size:28px}
}

.sg365m-activity-advanced-title{margin:12px 0 8px;color:#0f172a;font-weight:700;font-size:15px}

/* v1.5.25.codex: My Payments redesign */
#sg365m-my-payments-view.sg365m-payv2{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:16px;}
#sg365m-my-payments-view .sg365m-payv2__head h2{margin:0;font-size:44px;line-height:1.05;color:#0f172a;font-weight:900;}
#sg365m-my-payments-view .sg365m-payv2__tabs{display:flex;gap:12px;border-bottom:1px solid #e2e8f0;margin:10px 0 14px;padding-bottom:4px;}
#sg365m-my-payments-view .sg365m-payv2__tab{border:0;background:transparent;padding:8px 2px;font-size:34px;font-weight:800;color:#64748b;cursor:pointer;border-bottom:4px solid transparent;}
#sg365m-my-payments-view .sg365m-payv2__tab.is-active{color:#111827;border-color:#22c55e;}
#sg365m-my-payments-view .sg365m-payv2__panel{display:none;}
#sg365m-my-payments-view .sg365m-payv2__panel.is-active{display:block;}

#sg365m-my-payments-view .sg365m-payv2-section-title{font-size:22px;font-weight:800;color:#111827;margin:6px 0 10px;}
#sg365m-my-payments-view .sg365m-payv2-banner{background:linear-gradient(90deg,#eff6ff,#ecfeff);border:1px solid #cbd5e1;color:#0f172a;border-radius:12px;padding:10px 12px;margin:0 0 10px;font-weight:600;}
#sg365m-my-payments-view .sg365m-payv2-empty{padding:14px;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;background:#fff;}

#sg365m-my-payments-view .sg365m-payv2-list{display:grid;gap:12px;}
#sg365m-my-payments-view .sg365m-payv2-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.05);}
#sg365m-my-payments-view .sg365m-payv2-card__badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:14px;font-weight:700;margin-bottom:10px;}
#sg365m-my-payments-view .sg365m-payv2-card__badge.is-paid{background:#dcfce7;color:#166534;}
#sg365m-my-payments-view .sg365m-payv2-card__badge.is-partial{background:#fef3c7;color:#92400e;}
#sg365m-my-payments-view .sg365m-payv2-card__badge.is-overdue{background:#fee2e2;color:#991b1b;}
#sg365m-my-payments-view .sg365m-payv2-card__badge.is-pending{background:#ffedd5;color:#9a3412;}

#sg365m-my-payments-view .sg365m-payv2-card__body{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;align-items:start;}
#sg365m-my-payments-view .sg365m-payv2-card__left h4{margin:0;font-size:34px;line-height:1.1;color:#0f172a;}
#sg365m-my-payments-view .sg365m-payv2-card__left p{margin:6px 0 8px;color:#64748b;font-size:24px;}
#sg365m-my-payments-view .sg365m-payv2-chip-row{display:flex;gap:8px;flex-wrap:wrap;}
#sg365m-my-payments-view .sg365m-payv2-chip{padding:6px 10px;border-radius:10px;background:#ecfdf5;color:#065f46;font-size:22px;font-weight:700;}
#sg365m-my-payments-view .sg365m-payv2-chip.is-pending{background:#fff7ed;color:#9a3412;}

#sg365m-my-payments-view .sg365m-payv2-card__right{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;}
#sg365m-my-payments-view .sg365m-payv2-metric small{display:block;color:#64748b;font-size:18px;}
#sg365m-my-payments-view .sg365m-payv2-metric strong{display:block;color:#0f172a;font-size:44px;line-height:1.1;}
#sg365m-my-payments-view .sg365m-payv2-actions{display:flex;gap:8px;justify-self:end;}
#sg365m-my-payments-view .sg365m-payv2-btn{border:0;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer;color:#fff;font-size:18px;}
#sg365m-my-payments-view .sg365m-payv2-btn.is-pay{background:linear-gradient(90deg,#0ea5a4,#14b8a6);}
#sg365m-my-payments-view .sg365m-payv2-btn.is-info{background:linear-gradient(90deg,#3b82f6,#6366f1);}


#sg365m-my-payments-view .sg365m-payv2-btn i{font-size:14px;line-height:1;}
#sg365m-my-payments-view .sg365m-payv2-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;font-size:16px;border-radius:9px;}
#sg365m-my-payments-view .sg365m-payv2-card__right{grid-template-columns:0.9fr 0.9fr auto;}
#sg365m-my-payments-view .sg365m-payv2-metric small{font-size:16px;}
#sg365m-my-payments-view .sg365m-payv2-metric strong{font-size:28px;line-height:1.15;}
.sg365m-payv2-info-source{display:none !important; visibility:hidden !important; position:absolute !important; left:-99999px !important; top:-99999px !important;}
/* keep bell panel hidden until opened even when only modern css is loaded */
.sg365m-bell__panel{display:none;position:absolute;top:48px;right:0;width:320px;max-width:86vw;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.10);overflow:hidden;z-index:99999;}
.sg365m-bell__panel.is-open{display:block;}
.sg365m-bell__item{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.06);}
.sg365m-bell__item:last-child{border-bottom:none;}
.sg365m-bell__close{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;}
.sg365m-payv2-info-table{width:100%;border-collapse:collapse;font-size:14px;}
.sg365m-payv2-info-table th,.sg365m-payv2-info-table td{border:1px solid #e2e8f0;padding:8px 10px;vertical-align:top;color:#0f172a;text-align:left;}
.sg365m-payv2-info-table th{background:#f8fafc;width:180px;}
.sg365m-payv2-domain{display:inline-block;background:#eef2ff;color:#3730a3;padding:2px 8px;border-radius:999px;margin:2px 6px 2px 0;font-size:12px;}

@media (max-width:1180px){
  #sg365m-my-payments-view .sg365m-payv2__head h2{font-size:36px;}
  #sg365m-my-payments-view .sg365m-payv2__tab{font-size:28px;}
  #sg365m-my-payments-view .sg365m-payv2-card__left h4{font-size:28px;}
  #sg365m-my-payments-view .sg365m-payv2-card__left p{font-size:18px;}
  #sg365m-my-payments-view .sg365m-payv2-chip{font-size:16px;}
  #sg365m-my-payments-view .sg365m-payv2-metric strong{font-size:32px;}
}
@media (max-width:860px){
  #sg365m-my-payments-view .sg365m-payv2-card__body{grid-template-columns:1fr;}
  #sg365m-my-payments-view .sg365m-payv2-card__right{grid-template-columns:1fr 1fr;}
  #sg365m-my-payments-view .sg365m-payv2-actions{grid-column:1/-1;justify-self:start;}
}
@media (max-width:640px){
  #sg365m-my-payments-view .sg365m-payv2__head h2{font-size:30px;}
  #sg365m-my-payments-view .sg365m-payv2__tab{font-size:22px;}
  #sg365m-my-payments-view .sg365m-payv2-card__left h4{font-size:22px;}
  #sg365m-my-payments-view .sg365m-payv2-card__left p{font-size:15px;}
  #sg365m-my-payments-view .sg365m-payv2-chip{font-size:14px;}
  #sg365m-my-payments-view .sg365m-payv2-metric small{font-size:13px;}
  #sg365m-my-payments-view .sg365m-payv2-metric strong{font-size:24px;}
}