:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#252b28;background:#fff;font-size:15px;line-height:1.6}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}
.site-header{max-width:1200px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd}
h1,h2,h3,h4,p{margin-top:0}h1{font-size:20px;margin-bottom:0}h2{font-size:22px;margin-bottom:24px}h3{font-size:17px;margin-bottom:18px}h4{font-size:15px;margin-bottom:12px}
main{max-width:1200px;margin:auto;padding:20px 24px 48px}.card{padding:20px 0;margin-bottom:20px;border-bottom:1px solid #ddd}.login{max-width:380px;margin:40px auto;border:0}
nav{display:flex;gap:8px;border-bottom:1px solid #ddd;margin-bottom:28px;flex-wrap:wrap}nav button{border:0;border-radius:0;background:transparent;padding:10px 14px;border-bottom:2px solid transparent}nav button[aria-current=page]{border-bottom-color:#246a4d;color:#185639}
button,input,select{font:inherit}button{padding:8px 14px;border:1px solid #b7c1ba;background:#fff;border-radius:4px;color:#264e3e;cursor:pointer;font-weight:600}button:hover:enabled{background:#f3f5f3}button.primary{color:#fff;background:#246a4d;border-color:#246a4d}button.primary:hover:enabled{background:#185639}button.danger{background:#9f3832;color:#fff;border-color:#9f3832}button:disabled{cursor:default;opacity:.45}.quiet{border:0;margin-left:16px}
input,select{width:100%;max-width:100%;padding:9px;border:1px solid #b7c1ba;border-radius:4px;background:#fff;color:inherit}input[readonly]{background:#f9f9f9}input[type=file]{padding:12px}label{display:block;font-size:13px;font-weight:600;margin:14px 0 5px}form>button{margin-top:18px}
.pair,.columns{display:flex;gap:32px}.pair>div{flex:1;min-width:0}.columns>.card:first-child{width:320px;flex-shrink:0}.grow{flex:1;min-width:0}.actions{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h3{margin:0}.inline{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.inline>div{min-width:150px}.inline input{max-width:180px}.inline button{margin:0}.muted{color:#666;font-size:13px}
.table-wrap{overflow-x:auto}tbody{background:#fff}table{width:100%;border-collapse:collapse;font-size:13px;white-space:normal}th{text-align:left;color:#555;font-weight:600}td,th{padding:12px 8px;border-bottom:1px solid #e5e5e5;vertical-align:top}td button{padding:5px 9px;margin:2px;font-size:12px}
#notice{padding:10px 12px;background:#edf5ef;border-left:3px solid #357b55}#notice.error{border-color:#bb4c41;background:#fff0ed;color:#8e302b}#notice:empty{display:none}
dl{display:grid;grid-template-columns:100px 1fr;gap:6px;font-size:14px}dt{color:#666}dd{margin:0;overflow-wrap:anywhere}hr{border:0;border-top:1px solid #ddd;margin:28px 0}#download-code{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:.12em}#actor{font-size:13px}
input:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #87b79a;outline-offset:2px}
.removal-result{border-left:3px solid #357b55;background:#edf5ef;padding:16px;margin-bottom:24px;scroll-margin:24px}.removal-result:focus{outline:2px solid #87b79a;outline-offset:3px}.removal-result h4{font-size:17px;margin:0 0 6px}.removal-result p{margin:0}.removal-result.partial{border-color:#b78128;background:#fff6e5}.removal-state{font-weight:600}.removal-state.removed{color:#165630}.removal-state.removing,.removal-state.blocked{color:#795115}#removal-completed{margin-top:28px}#removal-result-rows td:last-child{min-width:120px}#removal-result-rows button{display:block;margin:8px 0 0}
@media(max-width:850px){.columns{display:block}.columns>.card:first-child{width:auto}.site-header{padding:16px;flex-wrap:wrap}main{padding:16px}.card{padding:16px 0}.pair{gap:14px}nav{gap:0}nav button{padding:10px}.section-heading{align-items:start}}

.page>.section-heading{margin-bottom:8px}.page>.section-heading h2{margin-bottom:0}
#recipient-search{max-width:440px;margin-bottom:20px}#recipient-sort{border:0;padding:0;background:transparent;color:inherit;font-weight:600;white-space:nowrap}.recipient-name{border:0;background:transparent;padding:0;margin:0;color:#185639;text-align:left;text-decoration:underline;text-underline-offset:3px}dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid #bbb;border-radius:4px;color:inherit}dialog::backdrop{background:#0006}.recipient-detail-form{max-width:480px}.form-error{color:#8e302b}.form-error:empty{display:none}#recipients td:last-child{white-space:nowrap}
#delivery-list{background:#f9f9f9;border-radius:8px;padding-left:20px;padding-right:20px}#delivery-detail{width:min(800px,calc(100vw - 32px))}#delivery-detail>.section-heading{margin-bottom:20px}#delivery-detail>.section-heading h2{margin:0}#delivery-detail #history{margin-top:28px;padding-top:20px;border-top:1px solid #ddd}

:root{--content-block-background:#f9f9f9;--content-block-radius:5px;--content-block-gutter:20px}
.content-block{background:var(--content-block-background);border-radius:var(--content-block-radius);padding:1px var(--content-block-gutter) 20px;margin-bottom:24px}
#delivery-active>h3{margin-top:28px}#history>.section-heading{margin-bottom:18px}
#recipient-detail>.section-heading>button{flex-shrink:0;white-space:nowrap}#activity-rows td:last-child{white-space:nowrap}
.recipient-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0}.recipient-heading h2{margin:0}.recipient-heading button{white-space:nowrap}

#account-target-heading{flex:1 1 320px;max-width:320.68px;min-width:0;overflow-wrap:anywhere}
#cancel-account-action{flex:none;white-space:nowrap}

textarea{display:block;width:100%;padding:12px;border:1px solid #b9c4bd;border-radius:4px;background:#fff;color:inherit;font:inherit;line-height:1.6;resize:vertical}#delivery-mail{margin:8px 0 12px}#mail-template-editor{margin-top:16px}#mail-template-editor summary{cursor:pointer}#mail-template{margin-bottom:12px}
