.operations-panel{padding:22px;overflow:visible}
.operation-head h2{font-size:17px;margin:0 0 8px}.operation-head p,.operation-hint{font-size:13px;line-height:1.65;color:#64748b;margin:0 0 15px}
.operation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.operation-result{margin-top:18px;border-top:1px solid #e5eaf2;padding-top:16px}
.operation-result h3{margin:0 0 7px;font-size:16px}.operation-result>p{font-size:13px;color:#36475d}
.operation-candidates{list-style:disc;padding:0 0 0 25px;display:grid;gap:8px;font-size:13px;line-height:1.6}
.operation-result button.primary{margin:12px 0}.operation-warning{border:1px solid #eec98d;border-radius:8px;background:#fff8e9;padding:10px 14px;font-size:13px;line-height:1.6;color:#7b5315}.operation-warning p{margin:5px 0}
.operation-form-help{grid-column:1/-1;background:#f0f6ff;color:#365a82;border-radius:7px;padding:10px;font-size:13px;line-height:1.7}
.operation-result details{margin-top:10px;font-size:13px;color:#556783}.operation-result details li{margin:6px 0}
.unknown-invoice-button{font-size:12px;white-space:nowrap}
@media(max-width:850px){.operations-panel{padding:16px}.operation-actions{flex-direction:column}.operation-actions button{width:100%}.actions{flex-wrap:wrap}.unknown-invoice-button{width:100%}}

/* 年月選択：年は左右ボタンで切替え、月は12か月から直接選択 */
.month-control{display:flex;align-items:center;gap:6px;white-space:nowrap}
.month-control .month-step{border:1px solid #d4e0e7;background:#fff;border-radius:9px;min-width:40px;min-height:43px;font-size:22px;color:#35536f}
.month-control .month-open{border:1px solid #d4e0e7;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;min-width:170px;background:#fff;padding:9px 13px;font-size:15px;font-weight:650;color:#203955}
.month-dialog{border:0;border-radius:16px;width:min(425px,calc(100% - 28px));padding:0;box-shadow:0 22px 70px #0005;max-height:90dvh}
.month-dialog::backdrop{background:#0f243b8a}
.month-dialog-inner{padding:24px}
.month-dialog h2{margin:0 0 19px;font-size:21px;color:#263c57}
.month-year-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.month-year-row strong{font-size:22px;color:#263c57}
.month-year-row button{height:48px;width:52px;border:1px solid #d4e0e7;border-radius:9px;background:#f6fbfd;font-size:25px;color:#35617a}
.month-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.month-choice{padding:15px 6px;background:#f7fbfc;border:1px solid #d9e8ec;border-radius:9px;font-weight:700;color:#24475a;min-height:50px}
.month-choice[aria-pressed="true"]{background:#d8f4ed;border-color:#0b9587;color:#176554}
.month-choice:hover,.month-step:hover{background:#e6f4f4}
.month-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:19px}
/* 経費管理：勘定科目別の集計カード */
.expense-groups{margin:0 0 23px;padding:20px 21px 15px;background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 2px 12px #24344d08}
.expense-group-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.expense-group-header h2{margin:0;font-size:16px}
.expense-show-all{background:#f1f7f7;border:1px solid #cee6e4;border-radius:8px;padding:8px 14px;color:#0d736b;font-weight:600;font-size:12px}
.expense-show-all[aria-pressed="true"]{background:#0c8179;color:#fff}
.expense-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.expense-card{display:flex;flex-direction:column;text-align:left;gap:10px;align-items:flex-start;padding:18px 14px;background:#fff;border:1px solid #e0e8ef;border-radius:12px;min-height:124px;min-width:0;color:#203b54}
.expense-card:hover,.expense-card[aria-pressed="true"]{border-color:#0d9990;background:#effcf9}
.expense-card-caption{font-size:11px;color:#8797a9}
.expense-card strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.expense-card-detail{font-size:12px;color:#66829a;line-height:1.45;margin-top:auto;overflow-wrap:anywhere}
.expense-card-note{color:#657b8f;font-size:12px;margin:12px 0 0;line-height:1.65}
@media(max-width:1150px){.expense-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.expense-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.month-control{width:100%}.month-control .month-open{flex:1;min-width:0}.expense-groups{padding:16px 12px}.expense-card{min-height:115px;padding:14px 12px}.expense-card strong{font-size:14px}}
@media(max-width:360px){.month-dialog-inner{padding:16px}.month-choices{gap:6px}.month-control .month-open{font-size:13px}}

/* Google Calendar drafts are launched only by deliberate user clicks. */
.google-calendar-help{margin:0 0 12px;color:#475569;font-size:13px;line-height:1.7}
a.google-calendar-link{display:inline-flex;align-items:center;justify-content:center;color:#0e7490;text-decoration:none;white-space:nowrap}
a.google-calendar-link:hover{text-decoration:underline}