.invoice-operations{width:min(1100px,calc(100vw - 30px));max-height:92dvh;padding:0;border:1px solid #d7d1e7;border-radius:22px;color:#302942;background:#f8f7fc;box-shadow:0 22px 85px #241b4333}.invoice-operations::backdrop{background:#241b4366;backdrop-filter:blur(6px)}.invoice-operations>header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:white;border-bottom:1px solid #e6e1ef}.invoice-operations h2{margin:6px 0 0;font-size:25px}.invoice-operations>header>button{width:38px;height:38px;border:0;border-radius:50%;background:#f0edf7;color:#6c5c8b;font-size:25px}.op-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#83709f}.op-body{padding:28px 30px}.op-caption{font-size:11px;line-height:1.7;color:#867c98}.op-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.op-metrics>article{padding:23px;background:#ede8f7;border:1px solid #e2d9ef;border-radius:15px;display:grid;gap:10px}.op-metrics small{text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#7c6b97}.op-metrics strong{font-size:33px;color:#65508f}.op-metrics span{font-size:11px;line-height:1.7;color:#867a99}.op-metrics .overdue{background:#fff0eb;border-color:#f0dcd5}.op-metrics .overdue strong{color:#b76650}.op-metrics .paid{background:#eaf4ee;border-color:#d4e5da}.op-metrics .paid strong{color:#457d66}.op-filters{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.op-filters button,.invoice-operations footer button,.op-table button,.op-analytics-heading>button,.invoice-stock-analytics>button,.op-success button{padding:10px 16px;border:1px solid #ded5eb;border-radius:9px;background:white;color:#715c94;font:inherit;font-size:12px;cursor:pointer}.op-filters button{text-transform:capitalize}.op-filters button[aria-pressed=true]{background:#7560a4;color:white;border-color:#7560a4}.op-table{overflow:auto;border:1px solid #e7e0ee;border-radius:14px;background:#fff}.op-table table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.op-table th{font-size:10px;padding:15px 18px;background:#f5f1f9;color:#9583a7}.op-table td{padding:16px 18px;font-size:12px;border-bottom:1px solid #f0ebf5}.op-table td small{display:block;color:#9b8aaa;font-size:10px;margin-top:5px}.invoice-operations footer{display:flex;align-items:center;gap:12px;padding-top:20px}.invoice-operations footer span{margin-right:auto;font-size:11px;color:#8a7a9c}.invoice-operations button:disabled{opacity:.4;cursor:not-allowed}.op-body form{max-width:650px;margin:auto}.op-body label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#625174;margin:18px 0}.op-body input:not([type=checkbox]),.op-body select,.op-body textarea{width:100%;box-sizing:border-box;padding:13px;border:1px solid #dcd2e8;border-radius:10px;background:#fff;color:#40304e;font:inherit}.op-body label>small{font-size:10px;font-weight:400;color:#9a8ba9}.op-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.op-payment-summary{max-width:650px;margin:auto;padding:25px;border-radius:15px;background:#ece6f6;display:grid;gap:9px}.op-payment-summary>span{font-size:12px;color:#7a6893}.op-payment-summary>small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8c7ba1}.op-payment-summary>strong{font-size:35px;color:#6f5695}.op-payment-result{background:#eff5f1;padding:16px;border-radius:10px;font-size:12px;color:#5d806e}.op-body .op-confirm{display:flex;align-items:start;gap:10px;font-size:11px;line-height:1.7;font-weight:400}.op-confirm input{margin-top:4px;accent-color:#7560a4}.op-error{color:#b75d65;font-size:12px;line-height:1.7}.op-success{text-align:center;padding:35px}.op-success>span{display:grid;place-items:center;width:65px;height:65px;background:#dceee2;color:#518768;font-size:30px;border-radius:50%;margin:0 auto 20px}.op-success h3{font-size:25px;color:#5c4a73}.op-success p{font-size:13px;color:#8b7b9e}.invoice-stock-analytics{padding:26px;margin:24px 0;border:1px solid #e4ddec;border-radius:18px;background:#f8f6fc}.op-analytics-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.op-analytics-heading h3{font-size:24px;margin:8px 0 12px;color:#574368}.op-analytics-heading p{font-size:11px;line-height:1.7;color:#9581a5;max-width:680px}.op-chart-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.op-chart-grid>article{padding:24px;background:#fff;border:1px solid #e9e0ef;border-radius:15px;min-width:0}.op-chart-grid h4{font-size:15px;margin:0 0 25px;color:#6c547f}.op-pie-layout{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.op-pie{width:170px;height:170px;border-radius:50%;position:relative;display:grid;place-items:center;flex-shrink:0}.op-pie:before{content:'';position:absolute;inset:27px;background:#fff;border-radius:50%}.op-pie>div{position:relative;text-align:center;display:grid;gap:6px}.op-pie strong{font-size:23px;color:#75608a}.op-pie small{font-size:9px;color:#a08aaf}.op-pie-layout ul{list-style:none;padding:0;margin:0;flex:1;min-width:180px;display:grid;gap:12px}.op-pie-layout li{display:flex;align-items:center;gap:9px;font-size:10px;color:#877392}.op-pie-layout li>i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.op-pie-layout li>span{flex:1;overflow-wrap:anywhere}.op-pie-layout li b{white-space:nowrap;font-weight:500}.op-pie-layout li small{color:#ac9cb8;margin-left:6px}.op-bar-chart{display:grid;gap:18px}.op-bar-chart>div{display:grid;grid-template-columns:60px 1fr 40px;gap:13px;align-items:center;font-size:10px;color:#9c88aa}.op-bar-chart meter{width:100%;height:13px;accent-color:#9a86be}.op-bar-chart meter::-webkit-meter-bar{background:#f1ebf7;border:0}.op-bar-chart meter::-webkit-meter-optimum-value{background:#9a86be;border-radius:8px}.op-bar-chart b{text-align:right;color:#7c6490}.invoice-operations :focus-visible,.invoice-stock-analytics :focus-visible{outline:3px solid #b8a3d6;outline-offset:3px}@media(max-width:850px){.op-chart-grid{grid-template-columns:1fr}.op-pie-layout{justify-content:center}}@media(max-width:600px){.op-body{padding:20px 16px}.invoice-operations>header{padding:20px 16px}.invoice-operations h2{font-size:22px}.op-metrics{grid-template-columns:1fr;gap:12px}.op-metrics>article{padding:18px;grid-template-columns:1fr auto}.op-metrics span{grid-column:1/-1}.op-metrics strong{font-size:28px}.op-form-grid{grid-template-columns:1fr;gap:0}.op-analytics-heading{display:block}.invoice-stock-analytics{padding:18px}.op-chart-grid>article{padding:18px}.invoice-operations footer{flex-wrap:wrap}.invoice-operations footer span{flex-basis:100%}.op-pie-layout ul{min-width:100%}}
.op-notifications{margin:25px 0;padding:20px;border:1px solid #ded5eb;border-radius:16px;background:#f7f3fc;min-width:0}.op-notifications legend{padding:0 8px;font-size:14px;font-weight:700;color:#655080}.op-notifications>p{margin:0 0 14px;font-size:12px;line-height:1.7;color:#756584}.op-channel-actions{display:flex;gap:12px;margin-bottom:12px}.op-channel-actions button{border:0;background:transparent;color:#6d508d;font:inherit;font-size:11px;text-decoration:underline;cursor:pointer;padding:5px 0}.op-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.op-body .op-channel{display:flex;gap:9px;align-items:flex-start;margin:0;padding:15px 12px;border:1px solid #ded5eb;border-radius:12px;background:white;cursor:pointer}.op-channel input{margin:2px 0;accent-color:#7560a4;flex-shrink:0}.op-channel>span{display:grid;gap:7px;min-width:0}.op-channel strong{font-size:12px}.op-channel small{font-size:10px;line-height:1.6;overflow-wrap:anywhere;font-weight:400;color:#7d6a90}.op-channel:has(input:checked){border-color:#8b6ab4;background:#eee6f8;box-shadow:0 0 0 1px #8b6ab4}.op-channel:has(input:disabled){opacity:.65;cursor:not-allowed}.op-whatsapp{border-top:1px solid #e2d9ee;margin-top:18px;padding-top:1px}.op-whatsapp[hidden]{display:none}.op-template-preview{padding:16px;border-radius:12px;background:white;color:#655571;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid #7b9b86}.op-notifications .op-notification-summary{margin:15px 0 0;font-size:11px;color:#6a537f}.op-deliveries{max-width:520px;margin:24px auto;text-align:left}.op-deliveries h4{font-size:13px;color:#655080}.op-deliveries article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px;margin:8px 0;border:1px solid #dce7df;border-radius:12px;background:#f0f7f2;font-size:12px;color:#426c53}.op-deliveries article[data-status=failed]{color:#9a4c50;background:#fff0f0;border-color:#f0d3d3}.op-deliveries article[data-status=unconfirmed],.op-deliveries article[data-status=sending],.op-deliveries article[data-status=pending]{color:#8a6c30;background:#fff8e8;border-color:#ebdfc3}.op-deliveries small{grid-column:1/-1;line-height:1.7;font-size:11px}.op-success .op-deliveries p{font-size:11px;line-height:1.7}@media(max-width:600px){.op-channels{grid-template-columns:1fr}.op-notifications{padding:16px}.op-body .op-channel{padding:14px}.op-success{padding:20px 0}.op-deliveries article{grid-template-columns:1fr}}