#sub020306 { --push-blue-50:#eff6ff; --push-blue-100:#dbeafe; --push-blue-600:#2563eb; --push-blue-700:#1d4ed8; --push-blue-800:#1e40af; --push-ink:#172033; --push-muted:#667085; --push-line:#e4e9f1; --push-surface:#f7f9fc; padding:34px 0 70px; color:var(--push-ink); }
#sub020306 * { box-sizing:border-box; }
#sub020306 .push-shell { overflow:hidden; border:1px solid var(--push-line); border-radius:14px; background:#fff; box-shadow:0 18px 50px rgba(30, 64, 175, .07); }
#sub020306 #jwPushWrap { display:grid; width:100%; max-width:none; min-height:420px; grid-template-columns:minmax(320px, .82fr) minmax(0, 1.18fr); grid-template-rows:auto auto 1px auto 1fr auto; margin:0; padding:0; border:0; border-radius:0; background:#fff; box-shadow:none; }
#sub020306 #jwPushWrap > h2 { margin:0; color:var(--push-ink); font-size:21px; line-height:1.25; letter-spacing:-.04em; }
#sub020306 #jwPushWrap > h2::before { display:block; margin-bottom:7px; color:var(--push-blue-600); font-size:10px; font-weight:800; letter-spacing:.12em; }
#sub020306 #jwPushWrap > h2:nth-of-type(1) { grid-column:1; grid-row:1; padding:34px 30px 0; background:var(--push-surface); }
#sub020306 #jwPushWrap > h2:nth-of-type(1)::before { content:'RECEIVE SETTING'; }
#sub020306 #jwPushWrap > div:nth-of-type(1) { grid-column:1; grid-row:2; padding:17px 30px 27px; background:var(--push-surface); }
#sub020306 #jwPushWrap > hr:nth-of-type(1) { grid-column:1; grid-row:3; width:calc(100% - 60px); margin:0 30px; border-color:var(--push-line); background:var(--push-surface); }
#sub020306 #jwPushWrap > h2:nth-of-type(2) { grid-column:1; grid-row:4; padding:28px 30px 0; background:var(--push-surface); }
#sub020306 #jwPushWrap > h2:nth-of-type(2)::before { content:'CURRENT STATUS'; }
#sub020306 #jwPushWrap > div:nth-of-type(2) { grid-column:1; grid-row:5; align-items:flex-start; padding:14px 30px 32px; background:var(--push-surface); }
#sub020306 #jwPushWrap > hr:nth-of-type(2) { display:none; }
#sub020306 #jwPushWrap > h2:nth-of-type(3) { grid-column:2; grid-row:1; padding:34px 36px 0; }
#sub020306 #jwPushWrap > h2:nth-of-type(3)::before { content:'SEND A TEST'; }
#sub020306 #jwPushWrap > div:nth-of-type(3) { grid-column:2; grid-row:2 / span 4; padding:18px 36px 28px; }
#sub020306 #jwPushWrap > div:nth-of-type(4) { grid-column:2; grid-row:6; min-height:84px; padding:18px 36px 22px; border-top:1px solid var(--push-line); }
#sub020306 #jwPushWrap > h2:nth-of-type(-n+2), #sub020306 #jwPushWrap > div:nth-of-type(-n+2) { border-right:1px solid var(--push-line); }
#sub020306 #jwPushWrap p { margin:0; color:var(--push-muted); font-size:12px; line-height:1.65; }
#sub020306 #jwPushWrap > div:nth-of-type(1) > p { max-width:240px; }
#sub020306 #jwPushWrap > div:nth-of-type(2) > p { padding:13px 14px; border:1px solid var(--push-blue-100); border-radius:8px; background:var(--push-blue-50); color:#53627d; }
#sub020306 .jw-switch { display:flex; align-items:center; gap:9px; flex:0 0 auto; margin:0; color:#475467; font-size:11px; font-weight:700; cursor:pointer; }
#sub020306 .jw-switch input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; }
#sub020306 .jw-switch .track { position:relative; display:block; width:46px; height:26px; flex:0 0 auto; border-radius:999px; background:#cbd5e1; transition:background-color .2s ease, box-shadow .2s ease; }
#sub020306 .jw-switch .thumb { position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(15, 23, 42, .18); transition:transform .2s ease; }
#sub020306 .jw-switch input:checked + .track { background:var(--push-blue-600); }
#sub020306 .jw-switch input:checked + .track .thumb { transform:translateX(20px); }
#sub020306 .jw-switch input:focus-visible + .track { box-shadow:0 0 0 4px rgba(37, 99, 235, .16); }
#sub020306 .jw-switch input:disabled + .track { cursor:not-allowed; opacity:.48; }
#sub020306 #jwPushWrap .jw-col { display:flex; flex-direction:column; }
#sub020306 #jwPushWrap .jw-col label { margin:0 0 8px; color:#344054; font-size:12px; font-weight:700; }
#sub020306 #jwPushWrap .jw-col label:not(:first-child) { margin-top:21px; }
#sub020306 #jwPushWrap .jw-input { width:100%; height:48px; padding:0 14px; border:1px solid #d7dee9; border-radius:8px; outline:0; background:#fff; color:var(--push-ink); font-size:13px; transition:border-color .18s ease, box-shadow .18s ease; }
#sub020306 #jwPushWrap .jw-input::placeholder { color:#a4acb9; }
#sub020306 #jwPushWrap .jw-input:focus { border-color:var(--push-blue-600); box-shadow:0 0 0 3px rgba(37, 99, 235, .1); }
#sub020306 #jwPushWrap .jw-button { width:150px; height:42px; flex:0 0 auto; padding:0 18px; border:0; border-radius:8px; background:var(--push-blue-600); color:#fff; font-size:12px; font-weight:750; cursor:pointer; transition:background-color .18s ease, transform .18s ease; }
#sub020306 #jwPushWrap .jw-button:hover { background:var(--push-blue-700); }
#sub020306 #jwPushWrap .jw-button:active { transform:translateY(1px); }
#sub020306 #jwPushWrap .jw-button:focus-visible { outline:3px solid rgba(37, 99, 235, .16); outline-offset:2px; }
#sub020306 #jwPushWrap .jw-button:disabled { background:#cbd5e1; color:#fff; cursor:not-allowed; }
#sub020306 #jw_push_test_hint { max-width:390px; font-size:10px; }
#sub020306 .push-guide { display:grid; grid-template-columns:repeat(3, 1fr); margin-top:18px; border:1px solid var(--push-line); border-radius:11px; background:#fff; }
#sub020306 .push-guide > div { display:flex; align-items:flex-start; gap:13px; padding:20px 22px; }
#sub020306 .push-guide > div + div { border-left:1px solid var(--push-line); }
#sub020306 .push-guide span { color:var(--push-blue-600); font-size:11px; font-weight:800; line-height:1.8; }
#sub020306 .push-guide p { margin:0; color:var(--push-muted); font-size:10px; line-height:1.55; }
#sub020306 .push-guide strong { display:block; margin-bottom:3px; color:var(--push-ink); font-size:12px; }
#sub020306 .push-browser-note { display:flex; align-items:center; gap:7px; margin:13px 2px 0; color:var(--push-muted); font-size:10px; }
#sub020306 .push-browser-note svg { width:15px; height:15px; color:var(--push-blue-600); }

@media (max-width:900px) {
	#sub020306 #jwPushWrap { display:block; }
	#sub020306 #jwPushWrap > h2:nth-of-type(-n+2), #sub020306 #jwPushWrap > div:nth-of-type(-n+2) { border-right:0; }
	#sub020306 #jwPushWrap > h2:nth-of-type(2) { border-top:1px solid var(--push-line); }
	#sub020306 #jwPushWrap > h2:nth-of-type(3) { border-top:1px solid var(--push-line); }
	#sub020306 #jwPushWrap > div:nth-of-type(4) { min-height:0; }
}

@media (max-width:768px) {
	#sub020306 { padding:22px 0 48px; }
	#sub020306 .push-shell { border-radius:11px; }
	#sub020306 .push-guide { grid-template-columns:1fr; }
	#sub020306 .push-guide > div + div { border-top:1px solid var(--push-line); border-left:0; }
}

@media (max-width:520px) {
	#sub020306 #jwPushWrap > h2:nth-of-type(1), #sub020306 #jwPushWrap > h2:nth-of-type(2), #sub020306 #jwPushWrap > h2:nth-of-type(3) { padding-right:22px; padding-left:22px; }
	#sub020306 #jwPushWrap > div:nth-of-type(1), #sub020306 #jwPushWrap > div:nth-of-type(2), #sub020306 #jwPushWrap > div:nth-of-type(3), #sub020306 #jwPushWrap > div:nth-of-type(4) { padding-right:22px; padding-left:22px; }
	#sub020306 #jwPushWrap > div:nth-of-type(1), #sub020306 #jwPushWrap > div:nth-of-type(4) { align-items:flex-start; flex-direction:column; gap:15px; }
	#sub020306 #jwPushWrap .jw-button { width:100%; }
}