/* Movable, see-through tools. Keep the children opaque, only the dock is tinted. */
#bridge-crm-tools{padding:0 10px 10px;border-radius:19px;background:rgba(0,0,0,.05);backdrop-filter:none;box-shadow:none;gap:7px}
#bridge-crm-tools>#mp-grip{order:-2;width:100%;height:20px;border:0;background:transparent;color:#81969d;cursor:grab;touch-action:none;padding:0;pointer-events:auto}
#bridge-crm-tools>#mp-grip:active{cursor:grabbing}
#bridge-crm-tools>#mp-toggle{order:-1;align-self:stretch;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d8e2e2;border-radius:11px;min-height:36px;background:linear-gradient(#fff,#edf3f2);color:#ed730f;font:600 12px Arial,sans-serif;cursor:pointer}
.mp-dots{display:grid;grid-template-columns:repeat(3,3px);gap:3px;padding:4px}.mp-dots b{width:3px;height:3px;border-radius:50%;background:currentColor}.mp-dots b:last-child{grid-column:2}
#mp-panel{position:fixed;z-index:2950;box-sizing:border-box;overflow:auto;width:278px;padding:18px;border:1px solid #50565b;border-radius:25px;background:linear-gradient(150deg,#42464a,#202326 26%,#111315 63%,#202326);color:#f8fafb;box-shadow:0 18px 34px #13262e35,inset 0 1px 0 #ffffff50;font:14px/1.4 Arial,sans-serif}
#mp-panel[hidden]{display:none!important}#mp-panel *{box-sizing:border-box}#mp-panel button,#mp-panel select{font:inherit}#mp-panel button{cursor:pointer}#mp-panel button:disabled{opacity:.5;cursor:default}
#mp-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}#mp-panel header button{background:none;border:0;color:#abb1b5;font-size:22px;padding:0 4px}
#mp-panel .mp-display{background:linear-gradient(#101315,#1a1e21);padding:12px 13px 6px;border-radius:13px;box-shadow:inset 0 2px 7px #0009,0 1px 0 #ffffff14;border:1px solid #343a3d}#mp-panel label{font-size:9px;letter-spacing:1.6px;color:#919da3}
#mp-panel input{display:block;min-width:0;width:100%;border:0;background:transparent;color:#fff;font:20px/1.8 Arial,sans-serif;letter-spacing:.5px;padding:4px 0}#mp-panel .mp-display-tools{display:flex;align-items:center;gap:7px}#mp-panel .mp-status{font-size:11px;color:#b9c5ca;flex:1}#mp-panel .mp-display-tools button{background:none;border:0;color:#b9c5ca;font-size:18px;padding:2px}
#mp-panel .mp-match{font-size:12px;color:#c9d4d8;min-height:18px;margin:10px 1px 0}#mp-panel select{width:100%;margin-top:8px;padding:8px;color:#fff;border:1px solid #4a5459;border-radius:8px;background:#262e32;font-size:12px}
#mp-panel .mp-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}#mp-panel .mp-keys button{height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #43484b;border-radius:13px;background:linear-gradient(#363a3e,#25282b 55%,#202326);box-shadow:inset 0 1px 0 #ffffff15,0 2px 3px #0004;color:#f6f8f9;font-size:22px}#mp-panel .mp-keys button:hover{background:linear-gradient(#494e52,#303639)}#mp-panel .mp-keys small{font:8px Arial,sans-serif;letter-spacing:1.8px;color:#9ca8ad}
#mp-panel .mp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}#mp-panel .mp-actions button{height:42px;border-radius:13px;color:#fff;font-weight:600;border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff40,0 3px 8px #0005}#mp-panel .mp-call{background:linear-gradient(#4bc579,#239b50)}#mp-panel .mp-end{background:linear-gradient(#ed6871,#c63343)}
#mp-panel .mp-contact-actions{display:grid;gap:6px;margin-top:10px}#mp-panel .mp-contact-actions button,#mp-panel .mp-outcome{background:linear-gradient(#343b3e,#252b2e);color:#f5f8f9;border:1px solid #4a5459;border-radius:9px;padding:8px;font-size:12px}#mp-panel .mp-contact-actions button:first-child,#mp-panel .mp-outcome{background:linear-gradient(#ff9a43,#ee740c);border-color:#ffb16d}#mp-panel .mp-outcome{margin-top:10px;width:100%}#mp-panel [hidden]{display:none!important}
/* Keep the call tools compact and uniformly aligned. */
#bridge-crm-tools{width:148px;box-sizing:border-box}
#bridge-crm-tools>#mp-toggle,#bridge-crm-tools>#sd-toggle,#bridge-crm-tools>#bw-log,#bridge-crm-tools>#bi-missed{width:128px;min-width:0;box-sizing:border-box;align-self:stretch}
#bridge-crm-tools>#bi-missed>button,#bridge-crm-tools>#bw-log>button{width:100%;box-sizing:border-box;white-space:nowrap;padding-left:6px;padding-right:6px;font-size:11px}
#bridge-crm-tools>#mp-toggle,#bridge-crm-tools>#sd-toggle{padding-left:6px;padding-right:6px;font-size:11px}