.take-over-user-panel { margin-bottom: 20px; border: 1px solid #b9cce2; border-radius: 16px; padding: 22px; background: #f5f9ff; }
.take-over-user-panel[hidden], .take-over-user-banner[hidden], .take-over-pickers[hidden], #takeOverUserField[hidden] { display: none !important; }
.take-over-user-panel h3 { margin: 0 0 8px; }
.take-over-user-panel p { line-height: 1.5; }
.take-over-modes { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 16px 0; padding: 14px; border: 1px solid #cbd9e8; border-radius: 10px; }
.take-over-modes label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.take-over-modes input { width: auto; margin: 0; accent-color: #1769aa; }
.take-over-pickers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.take-over-pickers label { display: grid; gap: 7px; min-width: 0; }
.take-over-pickers select { width: 100%; min-width: 0; padding: 10px; border: 1px solid #bdcde0; border-radius: 8px; background: #fff; color: #18324e; }
.take-over-user-banner { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px 18px; padding: 12px 20px; background: #e7f1ff; color: #173656; border-bottom: 1px solid #b9cce2; overflow-wrap: anywhere; }
.take-over-user-banner button { padding: 8px 14px; border: 1px solid #1769aa; border-radius: 8px; background: #fff; color: #174d80; cursor: pointer; }
@media (max-width: 650px) { .take-over-user-banner { padding-left: 62px; } .take-over-pickers { grid-template-columns: 1fr; } .take-over-user-panel { padding: 16px; } }