/* Backup agent dashboard additions. Builds on portal.css and m365.css (copied
   unchanged from the reseller portal, 23 Oct 2026); only what they lack is here. */
.side-foot{padding:12px;border-top:1px solid #f3f4f6}
.side-foot .btn{width:100%;text-align:center}
.topbar-right{margin-left:auto;gap:10px}
.top-search{padding:0 16px;display:flex;align-items:center;gap:10px}
.beta{display:flex;align-items:center;gap:12px}
.beta .tag{background:#fde68a;color:#92400e;font-weight:700;font-size:11px;padding:2px 7px;letter-spacing:.04em}
.beta b{font-weight:600}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}
.dot.on{background:#16a34a}.dot.off{background:#d1d5db}
.m365 textarea{width:100%;min-height:80px;padding:8px 10px;border:1px solid #e5e7eb;font-family:Outfit,sans-serif;font-size:13px;color:#1f2937;outline:none}
.m365 textarea:focus{border-color:#1a56db}
.m365 input[type=text].in{width:100%}
.picker{border:1px solid #e5e7eb;padding:10px 12px;max-height:360px;overflow:auto;font-size:13px;background:#fff}
.picker ul{list-style:none;margin:0;padding-left:20px}.picker>ul{padding-left:0}
.picker li{margin:3px 0}.picker .tg{display:inline-block;width:18px;cursor:pointer;color:#9ca3af;user-select:none}
.picker input{accent-color:#1a56db;vertical-align:-2px}.picker label{cursor:pointer;margin-left:5px}
.picker .chosen{font-weight:600;color:#1a56db}.picker .e{color:#9ca3af;font-size:12px;margin-left:8px}
.folder{display:inline-block;width:14px;height:11px;margin-right:7px;vertical-align:-1px;background:#dbeafe;border:1px solid #1a56db;border-top-width:3px}
.login-wrap{flex:1;display:grid;place-items:center;background:#f9fafb}
.login-box{background:#fff;border:1px solid #e5e7eb;padding:28px;width:min(360px,92vw)}
@media(max-width:860px){.sidebar{display:none}.topbar-brand{width:auto;border-right:0}.top-search{display:none}}

/* selection: solid ticks as in most backup services */
.picker label.chosen{font-weight:600;color:#111827}
.picker label[title=Excluded]{color:#9ca3af;text-decoration:line-through}
.pk-summary{margin-top:8px;font-size:12.5px;color:#4b5563;line-height:1.6;word-break:break-all}
.pk-summary b{color:#111827;font-weight:600}
.picker li.pk-in>label .folder{background:#dbeafe;border-color:#93b4f0}
.folder{background:#f3f4f6;border-color:#9ca3af}
/* light tick boxes: thin border, slim blue tick on white */
.picker input.pk[type=checkbox]{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin:0;vertical-align:-3px;border:1px solid #c5cbd3;background:#fff;cursor:pointer}
.picker input.pk[type=checkbox]:hover{border-color:#1a56db}
.picker input.pk[type=checkbox]:checked{border-color:#1a56db;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.9' fill='none' stroke='%231a56db' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.picker input.pk.inh[type=checkbox]:checked{border-color:#b6c8f2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.9' fill='none' stroke='%2393b0ec' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.picker input.pk[type=checkbox]:indeterminate{border-color:#1a56db;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.2 6h5.6' stroke='%231a56db' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
.picker input.pk[type=radio]{accent-color:#1a56db;margin:0;vertical-align:-2px}
/* live run panel */
.m-prog.live{padding:14px 16px}
.lv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0 12px}
.lv-grid>div{background:#fff;border:1px solid #e5e7eb;padding:10px 12px}
.lv-grid span{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6b7280}
.lv-grid b{display:block;font-size:20px;font-weight:600;color:#111827;margin-top:2px}
.lv-grid small{display:block;font-size:12px;color:#6b7280;min-height:16px}
.lv-chart{background:#fff;border:1px solid #e5e7eb;padding:8px 10px;margin-bottom:12px}
.lv-chart svg{display:block;width:100%;height:48px}
.lv-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:#6b7280;margin-top:4px}
.lv-legend .r::before,.lv-legend .u::before{content:'';display:inline-block;width:10px;height:2px;margin-right:5px;vertical-align:3px;background:#1a56db}
.lv-legend .u::before{background:#16a34a}
.lv-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6b7280;margin-bottom:2px}
.lv-stale{color:#b45309;font-weight:500;text-transform:none;letter-spacing:0;margin-left:6px}
.lv-d{margin-top:12px}.lv-d summary{cursor:pointer;font-size:13px;font-weight:600;color:#374151}
.lv-list{list-style:none;margin:8px 0 0;padding:0;font-size:12px}
.lv-list li{display:flex;gap:10px;padding:3px 0;border-bottom:1px solid #f3f4f6}
.lv-list li span{color:#9ca3af;white-space:nowrap}.lv-list li code{word-break:break-all;font-family:'DM Mono',monospace}
.lv-tail{background:#f9fafb;border:1px solid #e5e7eb;padding:8px 10px;font-family:'DM Mono',monospace;font-size:11.5px;line-height:1.5;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-all;margin:8px 0 4px}
.lv-ctl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb}
.lv-ctl .sp{flex:1}
.lv-list li em{font-style:normal;color:#4b5563;white-space:nowrap;margin-left:auto;padding-left:10px}
@media(max-width:700px){.lv-list li{flex-wrap:wrap}.lv-list li em{margin-left:0;padding-left:0}}