/* Meridian's colony (colony.js). Its four events are the Events tab's cards (index.html's .card.ev); this is the
   colony's own line over them (who you are to it, what it is doing, the safe way round, the operator's tools) and its
   views and roofs in the toolbar's Views pop-up. */
.colony-panel[hidden],.colony-panel [hidden]{display:none!important}
.proxydm-metrics{white-space:pre-wrap;overflow-wrap:anywhere;max-height:36rem;overflow:auto;font:12px/1.4 monospace;padding:16px;border:1px solid #416866;background:#101817;color:#bac5be}
.colony-panel{margin:0 0 14px;border:1px solid #416866;background:#101817;padding:14px 16px;color:var(--text)}
.colony-head{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}
.colony-head .hud-label{color:#9dc8bf}.colony-title{font:18px/1.2 var(--display);margin-top:4px}
.colony-role{margin-left:auto;color:#b6d5ce;font-size:13px;border:1px solid #3f5c57;border-radius:20px;padding:4px 10px}
.colony-head .btn{min-height:40px;white-space:normal}
.colony-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:12px;padding:10px 12px;background:#1b2825;border-radius:3px}
.colony-strip strong{font-size:16px}.colony-count{font:20px/1.2 var(--display);color:var(--amber)}
.colony-sub{flex-basis:100%;margin:0;color:#b9c5be;font-size:14px;max-width:95ch}
.colony-cue{color:#e4c595;border:1px solid #806847;border-radius:3px;padding:2px 8px;font-size:12px}
.colony-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.colony-tools:not(:has(> :not([hidden]))){display:none}
.colony-tools .btn{min-height:44px;white-space:normal}
.colony-message{margin:10px 0 0;color:#d4c9ad;font-size:14px}
.colony-message:empty{display:none}
/* its cards sit in the Events tab's grid as the flood's and the supply drop's do */
.colony-cards{display:contents}
.colony-card .ev-status:empty,.colony-progress:empty{display:none}
.colony-progress{font-size:13px;color:#b9d9c5;margin:0}
.colony-card .ev-foot .btn{white-space:normal}
/* the views and roofs, in the toolbar's pop-up */
.colony-views{display:flex;flex-direction:column;gap:8px;font-size:14px}
.colony-views select{min-height:40px;width:100%;padding:8px;color:var(--text);background:#171e1c;border:1px solid #52695e;border-radius:3px;font:inherit}
.colony-views select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.colony-views .btn{min-height:40px}
.colony-check{display:flex;align-items:center;gap:9px;min-height:40px;cursor:pointer}.colony-check input{width:20px;height:20px;accent-color:#9be7c2}
.colony-visual-hint{margin:8px 0 0;font-size:12px;color:#b9c5be}
@media(max-width:640px){.colony-panel{padding:12px}.colony-role{margin-left:0}.colony-head .btn,.colony-tools .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html:not(.proxydm-motion-ready) .colony-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* the orbital strike's flash over the picture (strike.js, proxydm.js): warm, never pure white, under the toolbar and notices */
.strike-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#fffaf0 0%,#ffe9c4 45%,#ffd39a 100%)}