.creation-progress{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0 0 18px;gap:10px}
.creation-progress li{display:flex;align-items:center;gap:9px;border:1px solid #d4e0ea;border-radius:8px;padding:12px;background:#f4f8fb;color:#60748a;min-width:0}
.creation-progress li>span,.stage-number{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#e0e8ef;color:#536981;flex-shrink:0;font-size:12px}
.creation-progress b{font-size:12px;line-height:1.6}.creation-progress svg{width:15px;height:15px}
.creation-progress .active{background:#fff1f7;border-color:#f398bf;color:#a3205b}.creation-progress .active>span{background:#e91970;color:#fff}
.creation-progress .complete{background:#eef8f4;border-color:#b9dfce;color:#236d55}.creation-progress .complete>span{background:#d2ebdf;color:#236d55}
.import-stage{padding:20px 22px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.import-stage h2{display:flex;align-items:center;gap:10px;font-size:15px}.import-stage p{font-size:12px;color:#62748a;margin-top:8px;line-height:1.8}
.import-stage .month-control{font-size:12px;gap:10px}.stage-number{background:#fbe0ed;color:#b51d61}
.workflow-start{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;margin-bottom:22px;flex-wrap:wrap}
.workflow-start h2{font-size:17px}.workflow-start p{font-size:12px;color:#62748a;line-height:1.8;margin-top:8px}
.client-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-progress-card{display:flex;align-items:center;text-align:left;gap:13px;padding:20px}.client-progress-card>div:nth-child(2){flex:1;min-width:0}.client-progress-card h3{font-size:14px;overflow-wrap:anywhere}.client-progress-card p{font-size:12px;color:#677b8e;margin:7px 0}.client-progress-card>svg{color:#b43470}.client-progress-card:hover{border-color:#e28cb6;background:#fff5fa}
.demo-tools{margin-top:20px;font-size:12px;color:#61758a}.demo-tools summary{cursor:pointer;font-weight:600;padding:8px 0}.demo-tools p{margin:8px 0}.demo-tools .button{margin-top:8px;white-space:normal;text-align:left}
.monthly-controls{display:flex;align-items:center;gap:24px;padding:18px 22px;flex-wrap:wrap}
.monthly-controls>label{display:flex;align-items:center;gap:12px;font-weight:650;font-size:13px}
.monthly-controls select{min-width:230px;font-size:13px}
.monthly-period{display:flex;flex-direction:column;gap:5px;font-size:13px}
.monthly-period span{font-size:11px;color:#63758a}
.monthly-controls>.button{margin-left:auto}
.monthly-guide{margin:16px 0;color:#506078;font-size:12px;line-height:1.8}
.monthly-workspace{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(310px,1fr) minmax(340px,1.1fr);gap:12px;align-items:start}
.monthly-inbox .panel-header>span{font-size:12px;color:#5b6d81;white-space:nowrap}
.monthly-help{font-size:12px;color:#5c6d81;line-height:1.8;padding:14px 18px 0}
.monthly-selection-actions{display:flex;gap:16px;padding:9px 18px;border-bottom:1px solid #e0e8ef}
.monthly-selection-actions button{color:#a22461}
.monthly-mail-list{max-height:500px;overflow:auto}
.monthly-mail{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;padding:12px 10px;border-bottom:1px solid #e0e8ef;position:relative}
.monthly-mail:has(input:checked){background:linear-gradient(120deg,#fff5f9,#fff)}
.monthly-mail.previewing{box-shadow:inset 3px 0 #e91970;background:linear-gradient(120deg,#ffe2ef,#fff7fb)}
.monthly-mail>.monthly-include{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;font-size:9px;color:#6d7a8b;padding-top:5px}
.monthly-mail input{margin:0}
.monthly-mail-open{display:block;text-align:left;min-width:0;width:100%;padding:3px 5px;border-radius:5px}
.monthly-mail-open:hover{background:#ffffff85}.monthly-mail-open:focus-visible{outline-offset:0}
.monthly-mail-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.7;color:#78889b;margin-top:5px;overflow-wrap:anywhere}
.monthly-mail strong{display:block;font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin-top:4px}
.monthly-mail time{font-size:11px;color:#677b8e}
.monthly-mail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.monthly-duplicate-help{padding-top:5px;font-size:11px}
.monthly-preview .panel-header{flex-wrap:wrap;height:auto;min-height:49px;padding-top:10px;padding-bottom:10px}
.monthly-preview .mail-content{padding:19px}.monthly-preview .mail-body{max-height:580px;overflow:auto;font-size:13px;line-height:1.95}
.monthly-preview .mail-subject{overflow-wrap:anywhere;font-size:15px}.monthly-preview .sender>div:last-child{min-width:0}.monthly-preview .sender b{overflow-wrap:anywhere}
.preview-company{font-size:11px;color:#61758a;margin-top:10px;overflow-wrap:anywhere}.preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.preview-actions .button{font-size:11px}.preview-actions .text-btn{color:#526b82}
.monthly-read{padding:17px 18px}
.monthly-read p{font-size:11px;color:#69798c;line-height:1.8;margin-top:12px}
.monthly-summary{padding:18px 20px;border-bottom:1px solid #dce6ef;background:linear-gradient(120deg,#fff0f7,#f7fbff)}
.monthly-summary h3{font-size:16px;margin-bottom:7px}
.monthly-summary>p{font-size:12px;color:#607087;line-height:1.8}
.monthly-summary details{margin-top:12px;font-size:12px}
.monthly-summary summary{cursor:pointer;color:#9e275e;font-weight:600;padding:5px 0}
.monthly-source{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;padding:9px;background:#fff9;border-radius:6px}
.monthly-source .text-btn{flex:1;min-width:160px;text-align:left;color:#34485f;overflow-wrap:anywhere;line-height:1.7}
.monthly-source small{flex-basis:100%;color:#697c91;font-size:11px;line-height:1.6}
.monthly-summary .monthly-method{font-size:11px;margin-top:10px}
.monthly-summary .notice{margin:12px 0 0}
.source-mail-body{white-space:pre-wrap;line-height:1.9;font-size:13px;margin:20px 0;overflow-wrap:anywhere}
.monthly-results .item-source{color:#8c3861;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.monthly-results .line-items td{font-size:12px}
.monthly-results .result-tabs{height:49px}
.saved-monthly-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:15px}.saved-monthly-actions .button{margin-top:0;font-size:11px}
@media(max-width:1350px){.monthly-controls{gap:16px}.monthly-controls>.button{margin-left:0}.monthly-workspace{grid-template-columns:minmax(260px,.85fr) minmax(310px,1.15fr)}.monthly-results{grid-column:1/-1}.monthly-mail-list{max-height:450px}}
@media(max-width:760px){.monthly-workspace{grid-template-columns:minmax(0,1fr)}.monthly-results{grid-column:auto}.monthly-mail-list{max-height:330px}.monthly-preview .mail-body{max-height:480px}}
@media(max-width:680px){.monthly-controls{padding:16px;gap:14px}.monthly-controls>label{width:100%;display:block}.monthly-controls select{display:block;width:100%;min-width:0;margin-top:8px}.monthly-period{font-size:12px}.monthly-controls>.button{font-size:11px}.monthly-guide{font-size:11px}.monthly-summary{padding:16px}.monthly-workspace{gap:12px}.monthly-mail{padding:14px}.monthly-summary h3{font-size:15px}.monthly-results .create-row .button{font-size:12px}.nav:not(.secondary){gap:2px}.nav:not(.secondary) button{padding-left:2px;padding-right:2px}.nav:not(.secondary) button>span:not(.count){font-size:9px}.section-title{flex-wrap:wrap}.section-title>.button{font-size:11px;padding:8px 10px}}
@media(max-width:900px){.creation-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.client-progress{grid-template-columns:1fr}}
@media(max-width:680px){.creation-progress{gap:7px;margin-bottom:12px}.creation-progress li{padding:9px;gap:6px}.creation-progress b{font-size:11px}.import-stage{padding:16px;gap:13px}.import-stage .actions{gap:9px}.import-stage h2{font-size:14px}.monthly-controls .stage-number{margin-right:8px}.workflow-start{padding:18px}.workflow-start h2{font-size:15px}.workflow-start>.button{width:100%}.client-progress-card{padding:17px}.dialog-foot{flex-wrap:wrap}}