/* SariNegar client portal - RTL SaaS UI */
.sn-app,.sn-order,.sn-auth,.sn-services{--sn-primary:#1f6feb;--sn-secondary:#0f172a;--sn-accent:#16a34a;--sn-radius:16px;font-family:var(--sn-font,"Vazirmatn",system-ui,sans-serif);direction:rtl;color:#0f172a}
.sn-app{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}
.sn-sidebar{background:var(--sn-secondary);color:#fff;border-radius:var(--sn-radius);padding:18px;position:sticky;top:20px}
.sn-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:15px}
.sn-brand img{max-height:40px;border-radius:8px}
.sn-nav{display:flex;flex-direction:column;gap:6px}
.sn-nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:#cbd5e1;text-decoration:none;font-size:14px;transition:.2s}
.sn-nav-item:hover{background:rgba(255,255,255,.08);color:#fff}
.sn-nav-item.is-active{background:var(--sn-primary);color:#fff}
.sn-badge{background:#ef4444;color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;margin-inline-start:auto}
.sn-main{min-width:0}
.sn-topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:var(--sn-radius);padding:14px 18px;margin-bottom:16px}
.sn-topbar h2{margin:0;font-size:18px}
.sn-topbar small{color:#64748b}
.sn-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--sn-radius);padding:18px;margin-bottom:16px;box-shadow:0 6px 20px rgba(15,23,42,.04)}
.sn-card h3{margin:0 0 14px;font-size:16px}
.sn-card-head{display:flex;justify-content:space-between;align-items:center}
.sn-card--center{text-align:center}
.sn-card--success{border-color:#bbf7d0;background:#f0fdf4}
.sn-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.sn-stat{background:#fff;border:1px solid #e2e8f0;border-radius:var(--sn-radius);padding:16px;text-align:center}
.sn-stat strong{display:block;font-size:20px;color:var(--sn-primary)}
.sn-stat small{color:#64748b}
.sn-stat--warn strong{color:#ea580c}
.sn-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;background:#f1f5f9;color:#0f172a;padding:10px 16px;border-radius:12px;cursor:pointer;font-size:14px;text-decoration:none;font-family:inherit;transition:.2s}
.sn-btn:hover{transform:translateY(-1px)}
.sn-btn--primary{background:var(--sn-primary);color:#fff}
.sn-btn--ghost{background:transparent;border-color:#cbd5e1}
.sn-btn--sm{padding:6px 10px;font-size:12px;border-radius:9px}
.sn-btn--block{width:100%}
.sn-btn[disabled]{opacity:.6;cursor:not-allowed}
.sn-table-wrap{overflow:auto}
.sn-table{width:100%;border-collapse:collapse;font-size:14px}
.sn-table th,.sn-table td{padding:11px 10px;text-align:right;border-bottom:1px solid #eef2f7}
.sn-table th{color:#64748b;font-weight:500;font-size:12px}
.sn-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;background:#e2e8f0;color:#334155}
.sn-pill--signed,.sn-pill--paid,.sn-pill--accepted,.sn-pill--success,.sn-pill--approved,.sn-pill--completed{background:#dcfce7;color:#166534}
.sn-pill--pending,.sn-pill--unpaid,.sn-pill--sent,.sn-pill--viewed,.sn-pill--review,.sn-pill--draft{background:#fef9c3;color:#854d0e}
.sn-pill--scheduled{background:#e0f2fe;color:#075985}
.sn-pill--failed,.sn-pill--rejected,.sn-pill--overdue,.sn-pill--cancelled,.sn-pill--expired{background:#fee2e2;color:#991b1b}
.sn-pill--active,.sn-pill--in_progress,.sn-pill--designing,.sn-pill--developing{background:#dbeafe;color:#1e40af}
.sn-progress{height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden;min-width:80px}
.sn-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--sn-primary),var(--sn-accent))}
.sn-empty{padding:22px;text-align:center;color:#94a3b8;font-size:14px}
.sn-muted{color:#64748b;font-size:13px}
.sn-warn{color:#b45309;font-style:normal}
.sn-form{display:flex;flex-direction:column;gap:12px}
.sn-form--grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sn-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#334155}
.sn-col-2{grid-column:1/-1}
.sn-form input,.sn-form select,.sn-form textarea,.sn-card textarea,.sn-card input[type=text]{border:1px solid #cbd5e1;border-radius:11px;padding:10px 12px;font-family:inherit;font-size:14px;background:#fff;width:100%;box-sizing:border-box}
.sn-form input:focus,.sn-form textarea:focus{outline:2px solid var(--sn-primary);outline-offset:1px}
.sn-auth{display:flex;justify-content:center;padding:24px 12px}
.sn-auth-card{width:100%;max-width:420px}
.sn-auth-card--wide{max-width:760px}
.sn-alert{padding:12px 16px;border-radius:12px;margin-bottom:14px;font-size:14px}
.sn-alert--success{background:#dcfce7;color:#166534}
.sn-alert--danger{background:#fee2e2;color:#991b1b}
.sn-alert--warn{background:#fef9c3;color:#854d0e;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sn-card--action{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff)}
.sn-phase-card{border-inline-start:5px solid var(--sn-primary)}
.sn-phase-card.is-review{border-color:#f59e0b;background:linear-gradient(180deg,#fffbeb,#fff)}
.sn-phase-card.is-approved{border-color:#10b981;background:linear-gradient(180deg,#ecfdf5,#fff)}
.sn-phase-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.sn-phase-icon{font-size:32px;line-height:1}
.sn-phase-head strong{display:block;font-size:16px;color:#0f172a}
.sn-phase-head small{color:#64748b;font-size:12px}
.sn-phase-note{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:10px 12px;color:#475569;font-size:13px;line-height:2}
.sn-phase-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sn-phase-revision{margin-top:10px;background:#fff;border:1px solid #fcd34d;border-radius:12px;padding:12px}
.sn-phase-revision textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px;font-family:inherit;font-size:13px;margin-bottom:8px}
.sn-phase-revision small{display:block;margin-top:6px;color:#b45309}
.sn-phase-locked{background:#ecfdf5;border:1px solid #86efac;color:#065f46;padding:12px 14px;border-radius:12px;font-size:13.5px;line-height:2}
/* Review panel (needs client approval) */
.sn-review-panel{margin-top:12px;background:linear-gradient(180deg,#fffbeb,#fff);border:1px solid #fcd34d;border-radius:16px;padding:18px}
.sn-review-panel__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.sn-review-badge{background:#f59e0b;color:#fff;padding:8px 16px;border-radius:99px;font-weight:700;font-size:13px;box-shadow:0 4px 12px rgba(245,158,11,.35)}
.sn-review-message{background:#fff;border:1px solid #fde68a;border-inline-start:4px solid #f59e0b;border-radius:12px;padding:14px 16px;margin-bottom:14px}
.sn-review-message b{display:block;color:#78350f;font-size:13px;margin-bottom:6px}
.sn-review-message p{margin:0;color:#334155;font-size:13.5px;line-height:2}
.sn-review-domain{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-bottom:14px}
.sn-review-domain>div{display:flex;flex-direction:column;gap:4px}
.sn-review-domain small{color:#64748b;font-size:11.5px}
.sn-review-domain b{color:#0f172a;font-size:14px;font-family:"Vazirmatn",monospace;word-break:break-all}
@media(max-width:640px){.sn-review-domain{grid-template-columns:1fr}}
.sn-review-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.sn-btn--visit{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;font-weight:700;padding:12px 22px;font-size:14px}
.sn-btn--visit:hover{background:linear-gradient(135deg,#2563eb,#1e3a8a);transform:translateY(-1px)}
.sn-btn--approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;padding:12px 22px;font-size:14px;box-shadow:0 4px 14px rgba(16,185,129,.35)}
.sn-btn--approve:hover{background:linear-gradient(135deg,#059669,#047857)}
.sn-btn--reject{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-weight:700;padding:12px 22px;font-size:14px;box-shadow:0 4px 14px rgba(239,68,68,.3)}
.sn-btn--reject:hover{background:linear-gradient(135deg,#dc2626,#991b1b)}
.sn-reject-box{background:#fff;border:2px solid #fca5a5;border-radius:14px;padding:16px;margin-bottom:14px;animation:sn-slide-down .25s ease}
.sn-reject-box h4{margin:0 0 6px;font-size:14px;color:#991b1b}
.sn-reject-box p.sn-muted{margin:0 0 10px;font-size:12px}
.sn-reject-box textarea{width:100%;border:1px solid #fca5a5;border-radius:10px;padding:12px;font-family:inherit;font-size:13.5px;line-height:2;background:#fff;box-sizing:border-box;min-height:110px;resize:vertical}
.sn-reject-box textarea:focus{outline:2px solid #ef4444;outline-offset:1px}
.sn-reject-actions{display:flex;gap:8px;margin-top:10px}
.sn-review-warn{background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:10px 14px;font-size:12px;color:#7f1d1d;line-height:2}
@keyframes sn-slide-down{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* -------- Attention badge on the "جزئیات" button when a review is pending ------- */
.sn-attn-badge{display:inline-block;background:#f59e0b;color:#fff;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:99px;margin-inline-start:6px;animation:sn-attn-pulse 1.6s infinite}
.sn-btn--attn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:700;box-shadow:0 3px 10px rgba(245,158,11,.4);animation:sn-attn-pulse 2s infinite}
.sn-btn--attn:hover{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}
@keyframes sn-attn-pulse{0%,100%{box-shadow:0 3px 10px rgba(245,158,11,.4)}50%{box-shadow:0 3px 20px rgba(245,158,11,.7)}}

/* -------- Project detail modal (popup) ------- */
body.sn-modal-open{overflow:hidden}
.sn-modal{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;animation:sn-modal-in .2s ease}
.sn-modal[hidden]{display:none}
.sn-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.7);backdrop-filter:blur(4px);cursor:pointer}
.sn-modal-dialog{position:relative;max-width:640px;width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden;direction:rtl}
.sn-modal-content{display:flex;flex-direction:column;max-height:calc(100vh - 40px)}
.sn-modal-loading{padding:60px 20px;text-align:center;color:#94a3b8;font-size:14px}
.sn-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#1f6feb,#16a34a);color:#fff;flex-shrink:0}
.sn-modal-header h2{margin:0;font-size:17px;color:#fff}
.sn-modal-subtitle{display:block;font-size:11.5px;color:rgba(255,255,255,.85);margin-top:2px}
.sn-modal-close{background:rgba(255,255,255,.2);color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:.15s}
.sn-modal-close:hover{background:rgba(255,255,255,.35);transform:rotate(90deg)}
.sn-modal-body{padding:20px 22px;overflow-y:auto;flex:1}
.sn-modal-progress{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.sn-modal-progress .sn-progress{flex:1;height:10px}
.sn-modal-progress b{color:var(--sn-primary);font-size:15px}
.sn-modal-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 16px;border-radius:99px;font-weight:700;font-size:13px;margin-bottom:14px;box-shadow:0 4px 12px rgba(245,158,11,.35)}
.sn-modal-message{background:#fffbeb;border:1px solid #fde68a;border-inline-start:4px solid #f59e0b;border-radius:12px;padding:14px 16px;margin-bottom:14px}
.sn-modal-message b{display:block;color:#78350f;font-size:13px;margin-bottom:6px}
.sn-modal-message p{margin:0;color:#334155;font-size:13.5px;line-height:2}
.sn-modal-domain{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-bottom:14px}
.sn-modal-domain>div{display:flex;flex-direction:column;gap:4px}
.sn-modal-domain small{color:#64748b;font-size:11.5px}
.sn-modal-domain b{color:#0f172a;font-size:14px;font-family:"Vazirmatn",monospace;word-break:break-all}
@media(max-width:560px){.sn-modal-domain{grid-template-columns:1fr}}
.sn-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.sn-modal-actions .sn-btn{flex:1;min-width:130px;justify-content:center}
.sn-modal-reject-box{background:#fff;border:2px solid #fca5a5;border-radius:14px;padding:16px;margin-bottom:14px;animation:sn-slide-down .25s ease}
.sn-modal-reject-box h4{margin:0 0 6px;font-size:14px;color:#991b1b}
.sn-modal-reject-box p.sn-muted{margin:0 0 10px;font-size:12px}
.sn-modal-reject-box textarea{width:100%;border:1px solid #fca5a5;border-radius:10px;padding:12px;font-family:inherit;font-size:13.5px;line-height:2;background:#fff;box-sizing:border-box;min-height:110px;resize:vertical}
.sn-modal-reject-box textarea:focus{outline:2px solid #ef4444;outline-offset:1px}
.sn-modal-reject-actions{display:flex;gap:8px;margin-top:10px}
.sn-modal-warn{background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:10px 14px;font-size:12px;color:#7f1d1d;line-height:2}
.sn-modal-locked{text-align:center;padding:24px 20px}
.sn-modal-locked__icon{font-size:60px;margin-bottom:10px}
.sn-modal-locked h3{margin:0 0 10px;color:#065f46;font-size:17px}
.sn-modal-locked p{color:#065f46;font-size:13px;line-height:2;margin:0 0 12px}
.sn-modal-note{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:10px 12px;color:#334155;font-size:13px;line-height:2;text-align:right}
.sn-modal-info{text-align:center;padding:10px 0}
.sn-modal-info h3{margin:0 0 12px;font-size:18px;color:#0f172a}
.sn-modal-mini-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.sn-modal-mini-info>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px;text-align:center}
.sn-modal-mini-info small{display:block;color:#64748b;font-size:11px;margin-bottom:2px}
.sn-modal-mini-info b{color:#0f172a;font-size:13px}
@keyframes sn-modal-in{from{opacity:0}to{opacity:1}}
.sn-modal-dialog{animation:sn-modal-slide .25s ease}
@keyframes sn-modal-slide{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}
.sn-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed #dbeafe;font-size:14px}
.sn-action-row:last-child{border-bottom:none}
.sn-quick-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.sn-hosting-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.sn-type--wide .sn-type-body{text-align:right;padding:14px 16px}
.sn-hosting-block{border-top:1px dashed #e2e8f0;padding-top:14px}
.sn-hosting-list{list-style:none;margin:0 0 12px;padding:0;font-size:13px}
.sn-hosting-list li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed #e2e8f0}
.sn-hosting-list b{color:var(--sn-primary)}
.sn-secure-note{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:12px;padding:11px 14px;font-size:12px;line-height:2;margin-top:12px}
.sn-provider-notice{background:#fef3c7;border:1px solid #fcd34d;color:#78350f;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:2;margin:12px 0}
.sn-domain-wish-label{display:block;margin-top:14px}
.sn-domain-input{display:flex;align-items:stretch;border:1px solid #cbd5e1;border-radius:11px;overflow:hidden;background:#fff;margin-top:6px}
.sn-domain-input input{border:none;border-radius:0;padding:11px 14px;flex:1;text-align:left;direction:ltr;font-size:14px;font-family:"Vazirmatn",monospace;outline:none}
.sn-domain-tld{display:flex;align-items:center;padding:0 16px;background:#eff6ff;color:#1e40af;font-family:monospace;font-weight:700;font-size:14px;border-inline-start:1px solid #cbd5e1}
@media(max-width:720px){.sn-hosting-modes{grid-template-columns:1fr}}
/* Full width friendliness inside Elementor / theme containers */
.sn-app,.sn-order{width:100%;max-width:1320px;margin-inline:auto}
.elementor-widget-container>.sn-app,.entry-content>.sn-app{margin-block:16px}
.sn-timeline{list-style:none;margin:0;padding:0;position:relative}
.sn-timeline:before{content:"";position:absolute;right:9px;top:6px;bottom:6px;width:2px;background:#e2e8f0}
.sn-timeline li{position:relative;padding:0 30px 18px 0}
.sn-timeline-dot{position:absolute;right:3px;top:4px;width:14px;height:14px;border-radius:50%;background:#cbd5e1;border:3px solid #fff;box-shadow:0 0 0 2px #e2e8f0}
.sn-timeline li.is-approved .sn-timeline-dot,.sn-timeline li.is-done .sn-timeline-dot{background:var(--sn-accent)}
.sn-timeline li.is-in_progress .sn-timeline-dot,.sn-timeline li.is-review .sn-timeline-dot{background:var(--sn-primary)}
.sn-approve-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px;margin-top:8px}
.sn-doc-paper{background:#fff;border:1px solid #e2e8f0;border-radius:var(--sn-radius);padding:26px;line-height:2.1;margin-bottom:16px}
.sn-doc-header{display:flex;align-items:center;gap:14px;border-bottom:2px solid #e2e8f0;padding-bottom:12px;margin-bottom:18px}
.sn-doc-header img{max-height:52px}
.sn-doc-content h3{margin-top:20px;font-size:15px}
.sn-doc-table{width:100%;border-collapse:collapse;margin:10px 0}
.sn-doc-table th,.sn-doc-table td{border:1px solid #cbd5e1;padding:8px;text-align:center;font-size:13px}
.sn-check,.sn-radio{display:flex;align-items:center;gap:8px;font-size:14px;margin:10px 0}
.sn-sign-methods{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0}
#sn-signature-canvas{border:1px dashed #94a3b8;border-radius:12px;width:100%;max-width:100%;touch-action:none;background:#fff}
.sn-meta-list{list-style:none;margin:0;padding:0;font-size:13px;color:#475569}
.sn-meta-list li{padding:4px 0;border-bottom:1px dashed #e2e8f0;word-break:break-all}
.sn-order{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}
.sn-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.sn-type input{display:none}
.sn-type-body{display:block;border:2px solid #e2e8f0;border-radius:14px;padding:14px;text-align:center;cursor:pointer;transition:.2s}
.sn-type-body small{display:block;color:var(--sn-primary);font-weight:700;margin-top:6px}
.sn-type-body em{display:block;color:#94a3b8;font-size:12px;font-style:normal}
.sn-type input:checked+.sn-type-body{border-color:var(--sn-primary);background:#eff6ff}
.sn-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.sn-feature{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:12px;padding:11px;cursor:pointer;font-size:14px}
.sn-feature b{display:block;color:var(--sn-primary);font-size:12px}
.sn-feature:has(input:checked){border-color:var(--sn-primary);background:#eff6ff}
.sn-summary-list{list-style:none;margin:0 0 10px;padding:0;font-size:13px;color:#475569;max-height:220px;overflow:auto}
.sn-summary-list li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed #e2e8f0}
.sn-summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}
.sn-summary-row--total{border-top:2px solid #e2e8f0;margin-top:6px;padding-top:10px;font-size:16px;color:var(--sn-primary);font-weight:700}
.sn-installments{margin-top:14px;padding:12px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}
.sn-inst-title{font-size:12px;color:#64748b;margin-bottom:8px;font-weight:600}
.sn-inst-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #e2e8f0;font-size:12.5px}
.sn-inst-row:last-child{border-bottom:none}
.sn-inst-row .sn-inst-label{flex:1;color:#475569}
.sn-inst-row .sn-inst-percent{color:#94a3b8;font-size:11px}
.sn-inst-row .sn-inst-amount{color:#0f172a;font-weight:700}
.sn-inst-row.is-first .sn-inst-amount{color:var(--sn-accent)}
.sn-inst-row.is-first .sn-inst-label:before{content:"⭐ ";}
.sn-sticky{position:sticky;top:20px}
.sn-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.sn-service-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--sn-radius);padding:16px}
.sn-service-card img{width:100%;border-radius:12px;margin-bottom:10px}
.sn-chat{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;max-height:420px;overflow:auto}
.sn-msg{background:#f1f5f9;border-radius:14px;padding:12px;max-width:80%}
.sn-msg.is-staff{background:#eff6ff;align-self:flex-start}
.sn-notif-list{list-style:none;margin:0;padding:0}
.sn-notif-list li{padding:12px;border-bottom:1px solid #eef2f7}
.sn-notif-list li.is-unread{background:#f8fafc;border-right:3px solid var(--sn-primary)}
.sn-amount{font-size:26px;font-weight:800;color:var(--sn-primary);text-align:center}
.sn-gateways{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sn-toast-wrap{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:8px;z-index:99999}
.sn-toast{background:#0f172a;color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:sn-in .25s ease}
.sn-toast--error{background:#b91c1c}
.sn-toast--success{background:#15803d}
@keyframes sn-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sn-bottom-nav{display:none}
@media(max-width:960px){
.sn-app{grid-template-columns:1fr}
.sn-sidebar{display:none}
.sn-order{grid-template-columns:1fr}
.sn-form--grid{grid-template-columns:1fr}
.sn-bottom-nav{display:flex;position:fixed;bottom:0;right:0;left:0;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;padding:8px 4px;z-index:9999}
.sn-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#64748b;text-decoration:none}
.sn-bottom-nav a.is-active{color:var(--sn-primary)}
.sn-content{padding-bottom:70px}
.sn-table thead{display:none}
.sn-table tr{display:block;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:10px;padding:6px}
.sn-table td{display:flex;justify-content:space-between;border:none;padding:7px 8px}
.sn-table td:before{content:attr(data-label);color:#94a3b8;font-size:12px}
}