.registration-guidance{box-sizing:border-box;width:min(860px,96vw);max-width:96vw;height:auto;max-height:94dvh;margin:auto;padding:20px;border:1px solid #cad4df;border-radius:16px;background:#fff;color:#172c40;overflow:auto;font:15px/1.55 system-ui,sans-serif}
.registration-guidance::backdrop{background:#0c172b99}
.registration-guidance *{box-sizing:border-box}
.registration-guidance header{display:flex;align-items:start;justify-content:space-between;gap:12px;position:sticky;top:-20px;z-index:2;background:#fff;color:#172c40;padding:10px 0;margin:0}
.registration-guidance h2{font-size:21px;margin:0}
.registration-guidance header p{margin:4px 0}
/* The shared theme uses !important on all dialog buttons. These scoped rules
   preserve the popup's selected tabs and delivery states. */
dialog.registration-guidance button,dialog.registration-guidance .button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;margin:0;gap:5px;border:1px solid #cad4df!important;border-radius:7px;background:#edf2f6!important;color:#213c54!important;font:600 14px/1.4 system-ui;cursor:pointer;text-decoration:none;white-space:normal;box-shadow:none!important}
dialog.registration-guidance button:hover:not(:disabled){background:#dce6ef!important;border-color:#7895af!important}
dialog.registration-guidance button:focus-visible,dialog.registration-guidance .button-link:focus-visible{outline:3px solid #9ebbd5;outline-offset:2px}
dialog.registration-guidance button:disabled{opacity:.6;cursor:default}
.registration-guidance .guidance-saved{margin:10px 0;color:#3f7258;font-weight:600}
.registration-guidance nav{display:flex;gap:6px;margin:10px 0}
dialog.registration-guidance [data-tabs] button{--tab-color:#5F7F9F;--tab-light:#eef4fa;flex:1;min-width:0;flex-direction:column;gap:4px;border:1px solid var(--tab-color)!important;border-top:4px solid var(--tab-color)!important;background:var(--tab-light)!important;color:#213c54!important}
dialog.registration-guidance [data-tabs] [data-tab=meeting]{--tab-color:#507e7c;--tab-light:#edf6f3}
dialog.registration-guidance [data-tabs] [data-tab=payment]{--tab-color:#9a733d;--tab-light:#fcf3e5}
dialog.registration-guidance [data-tabs] [data-tab=cancellation]{--tab-color:#a64b4b;--tab-light:#fff0ef}
dialog.registration-guidance [data-tabs] button::after{content:'';height:1.2em;font-size:10px;font-weight:700;line-height:1.2}
dialog.registration-guidance [data-tabs] button[aria-pressed=true]{background:var(--tab-color)!important;border-color:var(--tab-color)!important;color:#fff!important;box-shadow:0 2px 4px #10263825!important}
dialog.registration-guidance [data-tabs] button[aria-pressed=true]::after{content:'✓ 選択中'}
.registration-guidance [data-channels]{border-bottom:1px solid #dce2e8;padding-bottom:10px}
dialog.registration-guidance [data-channel]{background:#fff!important;color:#536b80!important;border:1px solid #c8d3df!important}
dialog.registration-guidance [data-channel][aria-pressed=true]{background:#172c40!important;color:#fff!important;border-color:#172c40!important}
dialog.registration-guidance [data-channel][aria-pressed=true]::before{content:'✓'}
dialog.registration-guidance [data-send],dialog.registration-guidance [data-copy],dialog.registration-guidance .button-link{background:#5F7F9F!important;border-color:#5F7F9F!important;color:#fff!important;padding:11px 18px;min-height:46px;font-weight:700}
dialog.registration-guidance [data-send]:hover:not(:disabled),dialog.registration-guidance [data-copy]:hover:not(:disabled),dialog.registration-guidance .button-link:hover{background:#486985!important;color:#fff!important;border-color:#486985!important}
dialog.registration-guidance [data-record]{margin-top:8px;background:#fff!important;border:2px solid #3F7258!important;color:#3F7258!important}
dialog.registration-guidance [data-mail-state=queued],dialog.registration-guidance [data-mail-state=processing],dialog.registration-guidance [data-mail-state=unknown]{background:#B77932!important;border-color:#B77932!important;color:#fff!important;opacity:1}
dialog.registration-guidance [data-mail-state=sent],dialog.registration-guidance [data-record][data-locked=true]{background:#3F7258!important;border-color:#3F7258!important;color:#fff!important;opacity:1}
dialog.registration-guidance [data-mail-state=failed]{background:#A64B4B!important;border-color:#A64B4B!important;color:#fff!important}
.registration-guidance label{display:block;margin:8px 0}
.registration-guidance input:not([type=checkbox]),.registration-guidance textarea{display:block;width:100%;max-width:100%;padding:10px;border:1px solid #bccbd9;border-radius:6px;background:#fff;color:#172c40;font:16px/1.5 system-ui}
.registration-guidance textarea{resize:vertical}
.registration-guidance input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:6px}
.registration-guidance [hidden]{display:none!important}
.registration-guidance [data-status]{color:#8a571f;overflow-wrap:anywhere;margin:10px 0}
.registration-guidance footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #dce2e8;padding-top:12px;font-size:12px;color:#546577}
.registration-guidance footer span{flex:1;min-width:220px}
dialog.registration-guidance [data-cancel]{background:#fff!important;color:#a64b4b!important;border-color:#b27e7e!important}
.guidance-sms-part{margin:10px 0;padding:12px;border:1px solid #ced8e2;border-radius:8px;background:#f5f8fb}
.guidance-sms-part pre{font:14px/1.55 system-ui;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.registration-guidance .guidance-note{font-size:12px;color:#586a7d;margin:5px 0}
.registration-guidance .guidance-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.registration-guidance-entry{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.registration-guidance-entry button{min-height:40px}
.registration-legacy-guidance[hidden]{display:none!important}
.registration-guidance select{font:14px/1.5 system-ui;padding:6px 10px;border:1px solid #bccbd9;border-radius:6px;max-width:100%;background:#fff;color:#172c40}
.registration-guidance .guidance-sms-edit summary{cursor:pointer;font-weight:600;color:#406887}
@media(max-width:600px){
 .registration-guidance{padding:14px;max-height:94dvh}
 .registration-guidance h2{font-size:18px}
 .registration-guidance header{gap:8px;top:-14px}
 .registration-guidance header [data-later]{flex-shrink:0;font-size:12px;padding:7px 9px}
 dialog.registration-guidance [data-tabs] button{font-size:12px;padding:8px 5px}
 .registration-guidance footer span{flex-basis:100%}
 .registration-guidance nav{gap:4px}
}

dialog.registration-guidance [data-tabs] small{font-size:10px;line-height:1.2}