.dsp-operations-shell{max-width:1240px!important;margin:0 auto!important;padding:22px 24px 48px!important;color:#173b30}
.dsp-operations-header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:8px 0 20px;border-bottom:1px solid #dce9e3}
.dsp-operations-header h1{margin:4px 0 5px;font-size:30px;line-height:1.2;letter-spacing:0;font-weight:650}
.dsp-operations-header p{margin:0;color:#687e75;font-size:13px}.dsp-operations-back{display:inline-flex;margin-bottom:12px;color:#087a57;font-size:13px;font-weight:600;text-decoration:none}
.dsp-period-state{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:6px;background:#e7f6ee;color:#08734f;font-size:12px;font-weight:650;white-space:nowrap}.dsp-period-state.is-closed{background:#fff0e5;color:#9c4f13}
.dsp-operations-month{display:flex;justify-content:flex-end;margin:18px 0 12px}.dsp-operations-month label{display:grid;gap:5px;color:#60766d;font-size:11px}.dsp-operations-month select{min-width:190px;height:40px;padding:0 34px 0 12px;border:1px solid #cddfd7;border-radius:6px;background:#fff;color:#173b30;font:500 14px Prompt,sans-serif}
.dsp-operations-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d8e7e0;border-radius:7px;overflow:hidden;background:#fff}.dsp-operations-kpis article{min-width:0;padding:14px 16px;border-right:1px solid #e2ece7}.dsp-operations-kpis article:last-child{border-right:0}.dsp-operations-kpis span,.dsp-operations-kpis small{display:block;color:#6e827a;font-size:11px}.dsp-operations-kpis b{display:block;margin:5px 0 3px;color:#0b6248;font-size:19px;font-weight:650;line-height:1.25}
.dsp-operations-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;margin-top:14px}.dsp-operations-card{margin-top:14px;padding:18px;border:1px solid #d8e7e0;border-radius:7px;background:#fff}.dsp-operations-grid>.dsp-operations-card{margin-top:0}.dsp-operations-card .dsp-section-heading{margin-bottom:14px}.dsp-operations-card .dsp-section-heading h2{margin:2px 0 0;font-size:19px;letter-spacing:0;font-weight:650}.dsp-operations-card .dsp-section-heading>span{color:#657b72;font-size:12px}
.dsp-close-checks{display:grid;gap:7px;margin-bottom:15px}.dsp-close-checks>div{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-height:37px;padding:7px 10px;border-radius:5px;background:#f3f8f5;color:#31564a;font-size:12px}.dsp-close-checks>div>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dff2e8;color:#087957;font-weight:700}.dsp-close-checks>.is-warning{background:#fff7eb;color:#81511f}.dsp-close-checks>.is-warning>span{background:#ffe5bd;color:#a45b0e}
.dsp-close-form,.dsp-reopen-form,.dsp-restore-upload{display:grid;gap:10px;padding-top:14px;border-top:1px solid #e3ece8}.dsp-close-form label,.dsp-reopen-form label,.dsp-restore-upload label{display:grid;gap:5px;color:#536c62;font-size:11px}.dsp-close-form textarea,.dsp-reopen-form textarea,.dsp-backup-actions input,.dsp-restore-upload input[type=file]{width:100%;min-height:40px;padding:9px 11px;border:1px solid #cedfd7;border-radius:5px;background:#fff;color:#173b30;font:400 13px Prompt,sans-serif}.dsp-confirm-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:8px!important;line-height:1.55}.dsp-confirm-check input{flex:0 0 auto;margin-top:3px}
.dsp-close-form button,.dsp-reopen-form button,.dsp-restore-upload button,.dsp-backup-actions button{min-height:40px;padding:8px 14px;border:0;border-radius:5px;background:#087b59;color:#fff;font:600 13px Prompt,sans-serif;cursor:pointer}.dsp-reopen-form button,.dsp-restore-upload button{background:#fff;border:1px solid #bd6a28;color:#9b4d13}.dsp-closed-detail{display:grid;gap:4px;margin-bottom:14px;padding:12px;border-left:3px solid #d67b2e;background:#fff8ef}.dsp-closed-detail strong{font-size:13px}.dsp-closed-detail small{color:#756b60;font-size:11px}
.dsp-operations-help{margin:-4px 0 13px;color:#657a72;font-size:12px;line-height:1.65}.dsp-backup-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:14px}.dsp-backup-actions form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.dsp-backup-actions>a{display:grid;place-items:center;min-height:40px;padding:8px 13px;border:1px solid #bcd8cc;border-radius:5px;color:#087756;font-size:12px;font-weight:600;text-decoration:none}
.dsp-backup-list>div:last-child{border-top:1px solid #e3ece8}.dsp-backup-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 3px;border-bottom:1px solid #e7efeb}.dsp-backup-list article strong,.dsp-backup-list article small{display:block;overflow-wrap:anywhere}.dsp-backup-list article strong{font-size:12px;font-weight:600}.dsp-backup-list article small{margin-top:3px;color:#73867e;font-size:10px}.dsp-backup-list article>div:last-child{display:flex;align-items:center;gap:7px}.dsp-backup-list article a,.dsp-backup-list article button{min-height:32px;padding:6px 10px;border:1px solid #c8dcd3;border-radius:5px;background:#fff;color:#087756;font:550 11px Prompt,sans-serif;text-decoration:none;cursor:pointer}.dsp-backup-list article form{margin:0}.dsp-backup-list article button{color:#9a4f1a;border-color:#e3c6af}
.dsp-audit-table{border-top:1px solid #dce8e2}.dsp-audit-head,.dsp-audit-table article{display:grid;grid-template-columns:145px minmax(0,1fr) 150px;gap:12px;align-items:center}.dsp-audit-head{padding:9px 7px;background:#f2f7f4;color:#587066;font-size:10px;font-weight:600}.dsp-audit-table article{padding:10px 7px;border-bottom:1px solid #e5eee9;font-size:11px}.dsp-audit-table time{color:#697e75}.dsp-audit-table strong,.dsp-audit-table small{display:block}.dsp-audit-table strong{font-weight:550}.dsp-audit-table small{margin-top:2px;color:#82928c;font-size:9px}.dsp-audit-table article>span{color:#526a60}
@media(max-width:900px){.dsp-operations-shell{padding:16px 14px 36px!important}.dsp-operations-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dsp-operations-kpis article:nth-child(2){border-right:0}.dsp-operations-kpis article:nth-child(-n+2){border-bottom:1px solid #e2ece7}.dsp-operations-grid{grid-template-columns:1fr}}
@media(max-width:600px){.dsp-operations-header{align-items:flex-start}.dsp-operations-header h1{font-size:23px}.dsp-operations-header p{font-size:11px}.dsp-period-state{min-height:30px;padding:5px 8px;font-size:10px}.dsp-operations-month{justify-content:stretch}.dsp-operations-month label,.dsp-operations-month select{width:100%}.dsp-operations-kpis b{font-size:16px}.dsp-operations-kpis article{padding:12px 11px}.dsp-operations-card{padding:14px}.dsp-backup-actions,.dsp-backup-actions form{grid-template-columns:1fr}.dsp-backup-list article{grid-template-columns:1fr}.dsp-backup-list article>div:last-child{justify-content:flex-start}.dsp-audit-head{display:none}.dsp-audit-table article{grid-template-columns:1fr;gap:4px}.dsp-audit-table article>span:before{content:'โดย ';color:#82928c}}