#spa-root #panel-home .am-ops{grid-column:1/-1;color:var(--ink);margin:0 0 22px}
.ao-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 18px;border-top:3px solid var(--accent)}
.ao-heading h2{font-size:28px;line-height:1.25;margin:7px 0}.ao-eyebrow{font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:800}.ao-heading p{margin:0;font-size:13px;color:var(--ink-mid)}
.am-ops button,.am-ops input{font:inherit}.ao-refresh,.ao-shortcuts button{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:10px 14px;cursor:pointer;font-size:12px;font-weight:700}.ao-refresh:disabled{opacity:.6;cursor:wait}.am-ops button:focus-visible,.am-ops a:focus-visible,.am-ops input:focus-visible,.ao-sources summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.ao-updated{font-size:11px;color:var(--ink-soft);margin-bottom:14px}.ao-warning{background:var(--paper-warm);border-left:3px solid var(--gold);padding:12px 15px;font-size:12px;line-height:1.8}
.ao-counters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);gap:1px;background:var(--line);margin:18px 0 24px}.ao-counters button{min-width:0;background:var(--card);border:0;text-align:left;padding:18px 14px;cursor:pointer;color:var(--ink)}.ao-counters button>span{display:block;font-size:12px;font-weight:700}.ao-counters strong{font-size:32px;font-weight:800;display:block;margin:12px 0}.ao-counters small{font-size:11px;margin-left:6px;font-weight:500}.ao-counters .ao-hint{font-size:10px;color:var(--ink-soft);line-height:1.6;font-weight:400}.ao-counters button[aria-pressed=true]{box-shadow:inset 0 3px var(--accent);background:var(--accent-soft)}
.ao-workspace{background:var(--card);border:1px solid var(--line)}.ao-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.ao-list-head h3{font-size:15px;margin:0}.ao-shortcuts{display:flex;gap:8px}.ao-shortcuts button{font-size:11px;padding:7px 10px}.ao-controls{padding:16px 20px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}.ao-tabs{display:flex;gap:5px;flex-wrap:wrap;flex:1}.ao-tabs button{font-size:11px;padding:7px 10px;background:transparent;border:1px solid var(--line);color:var(--ink-mid);cursor:pointer}.ao-tabs button[aria-pressed=true]{background:var(--ink);color:var(--card);border-color:var(--ink)}.ao-search{font-size:10px;color:var(--ink-soft);display:grid;gap:4px}.ao-search input{min-width:190px;width:100%;box-sizing:border-box;background:var(--paper-warm);color:var(--ink);padding:9px 10px;border:1px solid var(--line);font-size:12px}
.ao-rows{list-style:none;padding:0;margin:0}.ao-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.ao-row:last-child{border-bottom:0}.ao-row:has(.ao-urgent){border-left-color:var(--red)}.ao-row>div{min-width:0}.ao-kind{display:inline-block;font-size:10px;color:var(--ink-mid);background:var(--paper-warm);padding:3px 7px}.ao-kind.ao-urgent{color:var(--red);background:var(--red-soft)}.ao-row h4{font-size:14px;margin:7px 0}.ao-row p{font-size:12px;margin:3px 0;overflow-wrap:anywhere}.ao-row .ao-detail{color:var(--ink-soft);font-size:11px;line-height:1.6}.ao-open{flex-shrink:0;font-size:12px;text-decoration:none;color:var(--accent);border:1px solid var(--line);padding:10px 12px;font-weight:700}.ao-open:hover{background:var(--accent-soft)}.ao-empty{padding:35px 20px;text-align:center}.ao-empty strong{font-size:13px}.ao-empty p,.ao-footnote{font-size:11px;color:var(--ink-soft);line-height:1.7}.ao-footnote{padding:0 20px 12px}
.ao-sources{margin-top:16px;font-size:12px;color:var(--ink-mid)}.ao-sources summary{cursor:pointer;padding:8px 0;font-weight:700}.ao-sources ul{list-style:none;padding:0}.ao-sources li{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.ao-sources a{color:var(--accent)}.ao-sources p{font-size:11px;line-height:1.8;max-width:760px}.am-business{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;min-width:0}.am-business>summary{cursor:pointer;font-size:14px;font-weight:800;padding:10px 0 20px}.am-business>summary span{font-size:11px;color:var(--ink-soft);margin-left:14px;font-weight:400}
@media(max-width:700px){.ao-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.ao-counters button:last-child{grid-column:1/-1}.ao-counters button{padding:14px}.ao-counters strong{font-size:27px;margin:8px 0}.ao-heading{gap:12px}.ao-heading h2{font-size:24px}.ao-refresh{font-size:11px;padding:10px;max-width:100px}.ao-list-head{align-items:flex-start;flex-direction:column;padding:16px}.ao-controls{padding:14px 16px}.ao-search{width:100%}.ao-row{padding:16px;gap:10px;align-items:flex-start}.ao-open{font-size:11px;padding:9px 8px}.ao-row p{font-size:11px}.am-business>summary span{display:block;margin:7px 0 0}}

.am-ops .ao-refresh{font-size:12px}.ao-updated,.ao-counters .ao-hint,.ao-row .ao-detail,.ao-empty p,.ao-footnote{color:var(--ink-mid)}.ao-row .ao-detail{font-size:12px}

.ao-counters{grid-template-columns:repeat(4,minmax(0,1fr))}.ao-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;font-size:12px}.ao-pagination button,:is(.ao-edit,.ao-link,.ao-recovery) button{padding:8px 12px;background:var(--card);color:var(--ink);border:1px solid var(--line);cursor:pointer}.ao-pagination button:disabled,:is(.ao-edit,.ao-link,.ao-recovery) button:disabled{opacity:.5;cursor:default}.ao-view,:is(.ao-edit,.ao-link,.ao-recovery) label{display:grid;gap:5px;font-size:12px}.am-ops select{font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:8px;max-width:100%}:is(.ao-edit,.ao-link,.ao-recovery){margin-top:12px;font-size:12px}:is(.ao-edit,.ao-link,.ao-recovery) summary{cursor:pointer;color:var(--accent);padding:6px 0}:is(.ao-edit,.ao-link,.ao-recovery) form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:12px 0}:is(.ao-edit,.ao-link,.ao-recovery) input{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:8px;max-width:100%;box-sizing:border-box}:is(.ao-edit,.ao-link,.ao-recovery) [role=status]{flex-basis:100%;font-size:12px}.ao-due{color:var(--red);font-weight:700}.am-ops select:focus-visible,:is(.ao-edit,.ao-link,.ao-recovery) summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:700px){.ao-counters button:last-child{grid-column:auto}.ao-row{flex-wrap:wrap}.ao-row>div{width:100%}:is(.ao-edit,.ao-link,.ao-recovery) form{align-items:stretch}:is(.ao-edit,.ao-link,.ao-recovery) label{flex:1 1 130px}.ao-pagination{gap:8px;padding:14px 8px}}

@media(max-width:700px){.ao-view{width:100%}.ao-view select{max-width:180px}.ao-tabs{flex-basis:100%}}

.ao-maintenance{margin-bottom:18px}.ao-recovery{padding:12px 16px;border:1px solid var(--line);background:var(--card)}:is(.ao-link,.ao-recovery) form>p,:is(.ao-link,.ao-recovery) form>label:has(input[type=checkbox]),.ao-candidates{flex-basis:100%;min-width:0;line-height:1.7}.ao-candidates select{width:100%}:is(.ao-link,.ao-recovery) label:has(input[type=checkbox]){display:flex;align-items:start;gap:8px}.ao-candidates button{margin:4px}.ao-recovery p{margin:0}.ao-link{border-top:1px solid var(--line);padding-top:8px}

/* 管理者の請求書別送付・入金確認 */
.ai-tabs{display:flex;gap:8px;margin:0 0 24px;border-bottom:2px solid var(--line,#dae4ef);padding-bottom:12px}
.ai-tabs button,.am-invoices button,.am-invoices select{font:inherit;padding:10px 16px;border:1px solid var(--line,#dae4ef);background:var(--card,#fff);color:var(--ink,#17395e)}
.ai-tabs [aria-selected="true"]{border-color:var(--accent,#2474ed);color:var(--accent,#2474ed);font-weight:700}
.am-invoices[hidden],.am-ops[hidden]{display:none!important}
.ai-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.ai-card{border:1px solid var(--line,#dae4ef);padding:22px;background:var(--card,#fff);overflow-wrap:anywhere}
.ai-card h3{margin:0 0 8px}.ai-amount{font-size:24px;font-weight:700}.ai-amount small{display:block;font-size:13px;font-weight:400}
.ai-card dl{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:14px}.ai-card dd{margin:0}
.ai-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.ai-actions a{color:var(--accent,#2474ed)}
.ai-actions button{background:var(--accent,#2474ed);color:#fff}.am-invoices button:disabled{opacity:.5;cursor:not-allowed}
.ai-card label{display:flex;gap:16px;align-items:center}.ai-help{font-size:12px;color:var(--ink-mid,#536c85)}
.am-invoices>[role="status"]{margin:16px 0;line-height:1.6}

.ao-summary-count{font-size:20px;font-weight:800;line-height:1;display:inline-block;margin-left:8px}
/* まとめ表示はカードごと開閉する。閉じている間は分類・見出し・件数だけ。 */
.ao-row-group{display:block}
.ao-group>summary{cursor:pointer;min-width:0}
.ao-group>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.ao-group-title{display:block;font-size:14px;font-weight:700;margin:7px 0;overflow-wrap:anywhere}
/* 1件ごとのカードは開閉式。閉じている間は番号・日付・状態の1行だけ。 */
.ao-group-list{margin-top:12px;display:grid;gap:10px}
.ao-group-item{border:1px solid var(--line);background:var(--card);padding:8px 10px}
.ao-group-item summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:12px;line-height:1.5}
.ao-group-item[open]{padding-bottom:2px}
.ao-group-item .ao-row{padding:10px 0;border-bottom:0;border-left:0}
.ao-subtitle{font-size:11px;color:var(--ink-soft);font-weight:400;margin-left:6px}
.ao-row h5{font-size:12px;margin:7px 0}
@media(max-width:700px){.ao-summary-count{font-size:18px}.ao-group-list{gap:8px}}

/* 管理者の8項目を4列×2行で表示する。 */
.ao-counters{grid-template-columns:repeat(4,minmax(0,1fr))}
.ao-counters button:last-child{grid-column:auto}

/* 長期求人などの一覧タブと共通の幅・カード表現 */
#panel-invoices .am-invoices{width:100%;max-width:420px;margin-inline:auto;padding:20px 18px 80px;box-sizing:border-box}
@media(min-width:640px){#panel-invoices .am-invoices{max-width:760px;padding:24px 32px 60px}}
.ai-heading{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px;min-height:36px}
.ai-heading h2{font-size:18px;font-weight:700;color:var(--ink);margin:0;text-align:center}
.ai-heading [data-refresh]{position:absolute;right:0;font-size:12px;padding:7px 12px;border-radius:8px}
.ai-list{display:flex;flex-direction:column;gap:10px}
.ai-card{border:0;border-radius:16px;padding:14px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.ai-card h3{font-size:15px;margin:0 0 6px}.ai-card>p{font-size:12px;margin:6px 0;color:var(--ink-soft)}
.ai-card>.ai-amount{font-size:20px;color:var(--ink);margin:10px 0}.ai-amount small{font-size:11px}
.ai-card .ai-summary-state{font-size:12px;color:var(--ink)}
.ai-card [data-details]{border-radius:8px;font-size:12px;padding:7px 12px;margin-top:8px;cursor:pointer}
.ai-detail[hidden]{display:none!important}.ai-detail{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.ai-detail button,.ai-detail select{border-radius:8px;font-size:13px}.ai-detail p{font-size:12px;line-height:1.6}
.ai-actions{flex-wrap:wrap}.ai-card dl{font-size:12px}.am-invoices>[role=status]{font-size:12px;color:var(--ink-soft)}
/* 募集・希望／マイページの公開デザインと揃える */
#spa-root #panel-invoices .ai-page{max-width:1020px;margin:auto;padding:32px 32px 80px;box-sizing:border-box}
#spa-root #panel-invoices .ai-page-title{display:flex;align-items:center;gap:14px;font-size:22px;font-weight:900;color:var(--ink);letter-spacing:.01em;margin:8px 0 20px}
.ai-page-title:before{content:'';width:34px;height:2px;background:var(--accent);flex-shrink:0}.ai-page-title:after{content:'';flex:1;height:1px;background:var(--line)}
.ai-sections{display:flex;margin-bottom:20px;border:1px solid var(--line)}.ai-sections button{flex:1;padding:10px;border:0;background:var(--card);color:var(--ink-mid);font:inherit;cursor:pointer}.ai-sections [aria-selected=true]{background:var(--accent);color:#fff;font-weight:700}
#spa-root #panel-invoices .am-invoices{max-width:none;padding:0;margin:0}
.ai-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.ai-filters label{display:grid;gap:6px;font-size:12px;color:var(--ink-mid)}.ai-filters select{min-width:160px}.ai-filters [data-refresh]{margin-left:auto;font-size:12px}
.ai-totals{font-size:13px;font-weight:700;color:var(--ink-mid);border-bottom:1px solid var(--line);padding-bottom:10px;margin:18px 0 10px}
#spa-root #panel-invoices .ai-card{border:1px solid var(--line);border-radius:0;box-shadow:none;padding:16px 18px}
.ai-overview{display:grid;grid-template-columns:minmax(180px,1fr) 170px 160px auto;align-items:center;gap:16px}
.ai-identity h3{font-size:15px;margin:0 0 6px}.ai-identity p{font-size:11px;color:var(--ink-soft);margin:0}
.ai-overview .ai-amount{font-size:20px;margin:0;text-align:right}.ai-overview .ai-amount small{font-size:11px;color:var(--ink-soft);margin-top:4px}.ai-overview .ai-summary-state{font-size:12px;text-align:center;margin:0}
#panel-invoices .ai-overview [data-details]{margin:0;border:0;border-radius:0;background:transparent;color:var(--ink-soft);font-size:12px;padding:6px}
#panel-invoices .ai-detail{border-top:1px dashed var(--line)}
#spa-root #panel-invoices #panel-jobs .spa-wrap{max-width:none;padding:0}
@media(max-width:700px){#spa-root #panel-invoices .ai-page{padding:20px 18px 80px}.ai-overview{grid-template-columns:1fr auto;gap:10px}.ai-overview .ai-summary-state{text-align:left}.ai-overview [data-details]{justify-self:end}.ai-filters{gap:10px}.ai-filters label{flex:1;min-width:130px}.ai-filters select{min-width:0;width:100%}}

.ai-month-nav{display:flex;align-items:center;justify-content:space-between;margin:18px 0;gap:14px}.ai-month-nav strong{font-size:18px;font-weight:800;color:var(--ink)}.am-invoices .ai-month-nav button{border:0;background:none;color:var(--accent);font-size:16px;font-weight:700;padding:8px 0;cursor:pointer}.am-invoices>[role=status]:empty{display:none}

.ai-overview{grid-template-columns:minmax(180px,1fr) 190px minmax(180px,auto);cursor:pointer}.ai-card{cursor:pointer}.ai-overview:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.ai-summary-state{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.ai-badge{display:inline-block;padding:4px 9px;border-radius:4px;font-size:11px;font-weight:700;line-height:1.5}
.ai-badge-sent{color:#1759a6;background:#e8f1ff}.ai-badge-paid{color:#17643d;background:#e5f5eb}.ai-badge-warn{color:#865400;background:#fff1d5}.ai-badge-partial{color:#7b4baa;background:#f2eafa}.ai-badge-neutral{color:#526579;background:#edf1f5}
#panel-invoices .ai-detail dl{grid-template-columns:110px minmax(0,1fr) 110px minmax(0,1fr);gap:12px 16px}.ai-detail dd{overflow-wrap:anywhere}.ai-detail a,.ai-detail button,.ai-detail select{cursor:pointer}
@media(max-width:700px){.ai-overview{grid-template-columns:1fr auto}.ai-summary-state{grid-column:1/-1;justify-content:flex-start}#panel-invoices .ai-detail dl{grid-template-columns:100px minmax(0,1fr)}}