.operations-panel { margin:0 0 25px; border:1px solid #b6d8e62b; border-radius:16px; background:linear-gradient(135deg,#122238eb,#081321f7 75%); overflow:hidden; box-shadow:0 18px 60px #02071230; }
.operations-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:26px 28px; border-bottom:1px solid #b4d5e520; background:radial-gradient(ellipse at 100% 0,#76c6dc12,transparent 65%); }
.operations-header h2 { margin:10px 0 8px; color:#ecf6ff; font-size:25px; font-weight:450; letter-spacing:-.04em; }
.operations-header p { margin:0; color:#a8c1d3; font-size:11px; line-height:1.8; }
.operations-header .btn { flex-shrink:0; }
.operations-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
.operations-cell { min-width:0; padding:25px 28px; }
.operations-cell + .operations-cell { border-left:1px solid #b4d5e520; }
.operations-title { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
.operations-title h3 { margin:0; font-size:15px; font-weight:500; color:#dfeefa; }
.operations-state { display:inline-flex; align-items:center; gap:6px; font-size:9px; line-height:1.5; color:#b7c9da; border:1px solid #bad4e329; background:#bad4e308; border-radius:20px; padding:5px 9px; }
.operations-state::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; flex-shrink:0; }
.operations-state.good { color:#b3e9d2; border-color:#94dcb830; background:#94dcb809; }
.operations-state.attention { color:#efc795; border-color:#edc68538; background:#edc68508; }
.operations-state.error { color:#f0b9b8; border-color:#edaaa83d; background:#edaaa809; }
.operations-host { display:flex; gap:8px 15px; flex-wrap:wrap; font-size:10px; color:#95afc4; margin-bottom:13px; overflow-wrap:anywhere; }
.operations-services { padding:0; margin:0; list-style:none; }
.operations-services li { display:flex; justify-content:space-between; align-items:flex-start; gap:13px; padding:14px 0; border-bottom:1px solid #b4d5e517; }
.operations-services li:last-child { border-bottom:0; }
.operations-services li>div { min-width:0; }
.operations-services strong { font-size:11px; color:#d6e7f5; font-weight:500; }
.operations-services small { display:block; margin-top:5px; color:#95adc3; font-size:9px; line-height:1.7; overflow-wrap:anywhere; }
.operations-services .operations-state { flex-shrink:0; }
.operations-note { margin:16px 0 0; color:#8fa9bf; font-size:10px; line-height:1.8; }
.operations-empty { margin:0; color:#a1b8cd; font-size:11px; line-height:1.85; }
.operations-backup-date { display:block; font-size:22px; font-weight:450; line-height:1.4; letter-spacing:-.03em; color:#e6f3fa; margin:5px 0 17px; }
.operations-backup-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:0 0 20px; }
.operations-backup-facts div { min-width:0; }
.operations-backup-facts dt { font-size:8px; color:#88a4bd; margin:0 0 7px; }
.operations-backup-facts dd { font-size:11px; color:#c9deed; margin:0; line-height:1.6; overflow-wrap:anywhere; }
.operations-host-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.operations-host-metrics dd { font-size:20px; letter-spacing:-.03em; }
.operations-host-metrics small { display:block; color:#8da7be; font-size:9px; line-height:1.7; margin-top:5px; }
.operations-backup-details { margin:15px 0; font-size:10px; color:#a6bfd3; }
.operations-backup-details summary { cursor:pointer; padding:4px 0; }
.operations-backup-details p { overflow-wrap:anywhere; font-size:10px; margin:10px 0; }
.operations-receipt { margin-top:16px; padding:13px 15px; border:1px solid #9fe0c332; border-radius:8px; background:#78caaa08; color:#c9eddf; font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.operations-receipt.error { border-color:#f0aca53d; color:#f0c4ba; background:#f0aca507; }
.operations-mail { border-top:1px solid #b4d5e526; padding:26px 28px; }
.operations-mail-heading { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:20px; }
.operations-mail-heading h3 { font-size:17px; color:#e2eff8; font-weight:450; margin:0 0 8px; }
.operations-mail-heading p { font-size:10px; color:#9cb5cb; line-height:1.8; max-width:480px; margin:0; }
.operations-mail-heading label { font-size:9px; margin:0; min-width:200px; max-width:260px; }
.operations-mail-heading select { font-size:11px; padding:9px 11px; margin-top:6px; }
.operations-mailboxes { display:grid; gap:12px; }
.operations-mailbox { border:1px solid #b4d5e523; background:#08132077; border-radius:10px; padding:18px; min-width:0; }
.operations-mailbox-head { display:flex; justify-content:space-between; align-items:flex-start; gap:13px; margin-bottom:13px; }
.operations-mailbox-head>div { min-width:0; }
.operations-mailbox strong { font-size:12px; color:#d9eaf5; font-weight:500; overflow-wrap:anywhere; }
.operations-mailbox-address { display:block; color:#97b6cb; font-size:11px; margin-top:5px; overflow-wrap:anywhere; }
.operations-mailbox-meta { display:flex; flex-wrap:wrap; gap:8px 22px; font-size:9px; line-height:1.8; color:#a0b9cd; }
.operations-mailbox-meta b { color:#d2e2ed; font-weight:500; }
.operations-mailbox-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.operations-mailbox-actions .btn { padding:8px 12px; font-size:9px; white-space:normal; }
.operations-mailbox-error { color:#efb9a8; font-size:10px; line-height:1.8; margin:13px 0 0; overflow-wrap:anywhere; }
.operations-footer { padding:15px 28px; border-top:1px solid #b4d5e518; display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; color:#849fb7; font-size:9px; line-height:1.8; }
.operations-loading,.operations-failure { padding:25px 28px; font-size:11px; color:#a9c2d7; line-height:1.8; }
.operations-failure strong { display:block; color:#e3ebf5; font-weight:500; margin-bottom:7px; }
.operations-failure p { color:#efbdac; margin:0; overflow-wrap:anywhere; }
.operations-cell>.operations-failure,.operations-mail>.operations-failure { padding:0; }
@media(max-width:1050px){.operations-grid{grid-template-columns:1fr}.operations-cell+.operations-cell{border-left:0;border-top:1px solid #b4d5e520}.operations-mail-heading{flex-wrap:wrap}.operations-mail-heading label{max-width:100%;flex:1}.operations-backup-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.operations-panel{border-radius:12px}.operations-header{padding:22px 20px;align-items:flex-start;flex-wrap:wrap;gap:16px}.operations-header h2{font-size:23px}.operations-cell,.operations-mail{padding:22px 20px}.operations-header .btn{font-size:10px}.operations-title{flex-wrap:wrap}.operations-backup-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-mailbox{padding:15px}.operations-mailbox-head{flex-wrap:wrap}.operations-mailbox-meta{gap:6px 14px}.operations-mail-heading label{min-width:0;flex-basis:100%}.operations-mail-heading select{font-size:16px}.operations-footer{padding:15px 20px}.operations-loading,.operations-failure{padding:23px 20px}.operations-services .operations-state{max-width:44%;flex-shrink:1}.operations-backup-date{font-size:20px}}