.expert.fixed{background:#f8faf8;border-style:dashed;border-color:#cdd9d0;cursor:default}
.modal-layer[hidden]{display:none}
.expert.fixed .grip{color:var(--green);cursor:default}
.expert.fixed:hover{box-shadow:none;border-color:#cdd9d0}
.fixed-label{font-size:9px;color:#6f8578;background:#edf3ef;padding:3px 5px;border-radius:5px;white-space:nowrap}
.public-badge{font-size:11px;color:#527260;background:#edf4ef;border-radius:20px;padding:5px 9px;white-space:nowrap}
.expert{touch-action:pan-y;user-select:none}.expert.touch-dragging{opacity:.55;outline:2px dashed #27745d;outline-offset:2px}
.expert{position:relative}
.expert.dragging,.expert.touch-dragging{z-index:3;opacity:1;background:#27745d;border-color:#1f604d;color:#fff;box-shadow:0 8px 20px rgba(31,96,77,.25);transform:translateY(-2px) scale(1.035)}
.expert.dragging .grip,.expert.touch-dragging .grip{color:#d9eee4}
.expert.dragging .expert-name,.expert.touch-dragging .expert-name{color:#fff;font-weight:600}
.expert.dragging .remove-expert,.expert.touch-dragging .remove-expert{color:#e5f2eb}
.expert.drop-before,.expert.drop-after{border-color:#27745d;box-shadow:0 0 0 2px rgba(39,116,93,.18);transform:scale(1.025)}
.expert.drop-before::before,.expert.drop-after::after{content:"";position:absolute;top:-4px;bottom:-4px;width:4px;border-radius:4px;background:#27745d;box-shadow:0 0 0 3px rgba(39,116,93,.12)}
.expert.drop-before::before{left:-7px}
.expert.drop-after::after{right:-7px}
.remove-expert{border:0;background:transparent;color:#9aa39e;font-size:17px;line-height:1;padding:0 2px;cursor:pointer}.remove-expert:hover{color:#a34d4d}
.expert.periodontal:not(.fixed):not(.dragging):not(.touch-dragging){background:#f2f7f2;border-color:#e0ebe0}
.expert.orthodontic:not(.fixed):not(.dragging):not(.touch-dragging){background:#f3f4fa;border-color:#e4e5f0}
.expert.periodontal:not(.fixed):not(.dragging):not(.touch-dragging):hover{background:#edf5ee}
.expert.orthodontic:not(.fixed):not(.dragging):not(.touch-dragging):hover{background:#eef0f8}
.specialty-legend{display:flex;gap:14px;margin-top:9px;color:#89938e;font-size:10px}
.specialty-legend span{display:inline-flex;align-items:center;gap:5px}
.specialty-legend i{width:10px;height:10px;border:1px solid #dfe8df;border-radius:3px;display:inline-block;background:#f2f7f2}
.specialty-legend .orthodontic-swatch{background:#f3f4fa;border-color:#e4e5f0}